teleren/devto huggingface dataset:
Bootstrap 5 Loading Buttons
Tags: css, html, webdev, weeklyui
Published: 2020-07-28 15:37:50

Bootstrap has a huge element to make an attractive website and user-friendly. Recently bootstrap 5 release with some changes which is the bootstrap team made and that is awesome. Here we used the bootstrap 5 component which is button and spinner to make this loading buttons and also we modified bootstrap classes that are used in this component.

In this element we just used one custom class for color and others we modify classes which are base on colors. Also, we removed hover background color effects on the outline buttons. Spinner side we modify animations speed and also button modify to width side.

Make it yours now by using it, downloading it, and please share it.

[Read More](https://w3hubs.com/bootstrap-5-loading-buttons/)
mac OS Dock changes position on two screens 🖥
Tags: help, macos, twoscreen, apple
Published: 2020-07-28 15:30:57

It was so annoying when dock keeps jumping from my main screen to another screen. for the first few times, I ignored but, it started frustrated me so went to google to find out some solution I'm the only one or some other two screen geeks is having the same issue. And found that I'm not the one, found a few solutions that I'm mentioning here.

#### 1. Apple's Mission control uses a separate space thing which distinguishes your screens ⚠️

try disabling displays have separate spaces

**Pro**: that fixes the moving dock, yay 🤩 but here is the con

**Con**:  you lose the multi-desktop feature, it's kinda a second screen presenter mode for your screen so for this was a workaround

> I checked **Mission Control** and **Display has separate Spaces** is checked. - "Felix Hernandez"


#### 2. For some people it's a bug and but for apple, it's a feature ✅

*you can move dock from one screen to another screen by pointing arrow at the very bottom of the screen for 2-4 seconds! ✨*

Found interesting reply by [SputnikTechnologies](https://discussions.apple.com/thread/5527972?answerId=23831944022#23831944022)

> Hey guys, So apparently, this is an actual feature and not a bug. It's been ******* me off as well as I use 3 monitors, but I read on a different forum how to actually make it appear on a different monitor and **all you have to do is actually move your mouse to the center of the screen, and move it all the way down as if you're trying to drive into the bottom of the screen.** you'll see it appears on any monitor you do this to (clearly being a feature). I think it's stupid and would love to have the option to disable this without losing my separate spaces for each monitor, but I guess this is the Apple way. What can ya do? Hope this helps.



Orignal Discussion: https://discussions.apple.com/thread/5527972?answerId=23674095022#23674095022

### Reseting mac OS Dock 

copy and paste this on terminal 

```bash
defaults delete com.apple.dock; killall Dock
```
I've Got Something Cooking
Tags: discuss, watercooler
Published: 2020-07-28 15:13:39

#So It's Been A Bit...
I haven't posted anything on dev for a while. I've been working on some good content, and a few projects that I want you devs to check out once I'm done. I've mainly been busy with a note app that I'm deploying and hosting using google firebase. I'm launching the website first, along with the google extension for a better experience. By December the mobile version will also be launched. I know that I'm not the only one working on something big right know. The quarantine is forcing all of us to be at home, surely someone's genius must be revealed during the lock down. Do any of you have something you're working on that'll be done soon. If so write about em in the comments.
![](https://media1.tenor.com/images/e53788ff84946d76cf50e4686bad06b2/tenor.gif?itemid=7922321)
Using Pimoroni Ubercorn and Pi Zero for my "On Air" Sign
Tags: raspberrypi, maker, pimoroni
Published: 2020-07-28 15:08:31


So [Mick](https://twitter.com) pointed out that I can use one of the LEDs we have in the office and create an "On Air" sign for when I'm doing my podcast recordings, or when I'm live-streaming events and these end up as recordings also. It's not necessarily for normal zoom calls or meetings.

So why not!

Anyway my main list of components to get started:

* [Pi Zero](https://www.raspberrypi.org/products/raspberry-pi-zero/)
* Pimoroni's [Ubercorn](https://shop.pimoroni.com/products/ubercorn)
* USB to MicroUSB cable (to give power to the Pi Zero)

After flashing and setting up Pi Zero, and attaching Pimoroni’s Ubercorn, made sure Python is up-to-date (and any other system updates it requires as it was flashed with a new and latest [Rasbian OS image](https://www.raspberrypi.org/downloads/).

Checked out Pimoroni's Ubercorn repo on github

{% github pimoroni/unicorn-hat-hd %}


Because of these examples...
https://github.com/pimoroni/unicorn-hat-hd/tree/master/examples

...I also needed to install the following:
* numpy
* fontconfig

### fontconfig as I needed fc-list
1. Install fontconfig `sudo apt install fontconfig`
2. Copy .ttf fonts to `/usr/share/fonts/truetype`
3. Rebuild font cache `fc-cache -f -v`

Next I need to install Pillow:
```
sudo pip3 install pillow
```

Had problems import libraries from PIL saying it can’t find libopenjp2.so.7, and this solved it:
```
sudo apt-get install libopenjp2-7
```

When I tried to import from PIL again, I get another error relating to lib tif.so.5 not found, so installed the following:
```
sudo apt install libtiff5
```

And yay, that fixed those problems. Weird.

Ran the Python test code, and it worked! 🙌

Ended up using this example code instead: 
https://github.com/pimoroni/unicorn-hat-hd/blob/master/examples/rainbow-text.py

## Videos in action
{% vimeo 442392848 %}

With a diffuser... ooooh... aaaah! Tis a piece of white A4 paper on top of the LED lights. 😆

{% vimeo 442392883 %}

# My next steps 
* Buy a Ribba 23cmx23cm frame from IKEA
[RIBBA Frame, black, 23x23 cm - IKEA Ireland](https://www.ikea.com/ie/en/p/ribba-frame-black-40378401/) - this part is going to be fun, have to find a morning when the queues are not really long (we tried for a "quick" drop in at lunch but didn't stop and kept driving past as we saw the long queues doubling back like in theme parks).
* Print out the Game Frame
[3D Printed Pimoroni Ubercorn Game Frame by johnmccabe | Pinshape](https://pinshape.com/items/48046-3d-printed-pimoroni-ubercorn-game-frame)

Then I'll give the Ubercorn some juice so I can hang it up on the wall, and it’s ready to go whenever I’m recording podcasts or doing live event streams and so on. 😊

Hopefully the next part will be done and I can show the final results.
The ability to work for free
Tags: discuss, development, startup, career
Published: 2020-07-28 15:05:31

The one major factor in me becoming a developer was simply my love of computers and understanding them. The second factor was in all truth money, the wages we earn are quite good compared to many other sectors and professions. I remember quite vividly the day I passed my exams, the moment it hit me and I thought the new car and house was just around the corner.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/polukkquakciq4m11b3m.jpeg)

I bounced up the road spending the money in my head, telling my then-wife I could quit my night time job and start moving ahead. Then it dawned on me! I knew the basics, had zero commercial experience and there were 3 to 4 developers going for every job I was.  Git was something I called down the pub on a Friday after I lost at a game of pool, Scrum was a move in the game of rugby and waterfall I had never visited. 

Imagine me strutting around on phone interviews discussing my basic javascript skills and then a potential employer asking me about DRY and SOLID, how did I work in teams, did I have source control experience? I guess my point in this post is on this next choice I made. I worked for FREE! 3 months for nothing, 9 until 5 every day in a company, working my socks off, making the tea, doing coffee runs. 

My point is this! And especially today and in this climate, Don't be afraid to work that extra bit harder, and if you are struggling as a junior to find work think outside the box. But most of all show you are keen to learn, keen to progress and that you really want this career! Sometimes you have to work for free to show what you can really do...
SSIS Components and dotConnect for Oracle Now Come with SSH Support
Tags: data, database, oracle, dataconnectivity
Published: 2020-07-28 14:58:12

---
title: SSIS Components and dotConnect for Oracle Now Come with SSH Support
published: true
description:Devart provided SSH protocol support in SSIS Data Flow Components and dotConnect for Oracle.  
tags: data, database, Oracle, dataconnectivity
//cover_image: https://direct_url_to_image.jpg
---
*Devart provided SSH protocol support in SSIS Data Flow Components and dotConnect for Oracle.*

Devart, a recognized vendor of professional database management software and world-class data connectivity solutions for various data connection technologies and frameworks, introduced support of SSH connections in the Direct mode in [dotConnect for Oracle 9.12](https://www.devart.com/dotconnect/oracle/) and [SSIS Data Flow Components 1.14](https://www.devart.com/ssis/oracle.html).

Now users can connect both to on-premises Oracle and Oracle Database Cloud — a Database as a Service (DBaaS) solution from Oracle — via secure SSH protocol in the Direct connection mode. Devart products support public key and password SSH authentication and offer a number of connection string parameters to specify SSH user name and password or a private key and passphrase, acceptable ciphers, SSH host and port.

**dotConnect for Oracle** is a high-performance ORM enabled data provider for Oracle that builds on ADO.NET technology to present a complete solution for developing Oracle-based database applications. dotConnect goes beyond ordinary providers and offers the best Entity Framework and Entity Framework Core support, Direct Mode, visual ORM designer, and more.

**Devart SSIS Data Flow Components for Oracle** allow users to integrate Oracle data with other databases and cloud applications via SQL Server Integration Services (SSIS). They include optimized Oracle Source, Oracle Destination, and Oracle Lookup components and provide their own Oracle Connection Manager with lots of Oracle-specific connectivity features.

Learn more about the recent update at the vendor website — https://blog.devart.com/ssh-support-in-ssis-components-1-14-and-dotconnect-for-oracle-9-12.html

**About Devart**

Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration, and backup solutions. The company also implements Web and Mobile development projects.
For additional information about Devart, visit https://www.devart.com
webMethods.io Integration Video Tutorials
Tags: webmethods, integration, video, tutorial
Published: 2020-08-24 12:27:37

---
title: webMethods.io Integration Video Tutorials
published: true
date: 2020-07-28 14:54:00 UTC
tags: #webmethods, #integration, #video, #tutorial
canonical_url: http://techcommunity.softwareag.com/techniques-blog/-/blogs/webmethods-io-integration-video-tutorials
---

# webMethods.io Integration is simple to use. But to simplify it further, we have created video tutorials to walk you through the concepts with the help of a short demonstration.

**From basics like how to register for a free account, to advanced features like Connector Builder and SOAP API Builder, we have covered everything. To give you a better idea of how our video tutorials look, watch this video that teaches you how to create your first workflow.**

<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="400" src="https://www.youtube.com/embed/9Imkc0SFU84" width="700"></iframe>

Here’s another video that walks you through the product while explaining its key elements.

<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="400" src="https://www.youtube.com/embed/BTOLLywZxFY" width="700"></iframe>

Similarly, we have created other videos that give you an in-depth insight into a few of our advanced features. Here is the list of those features:

1. [FlowServices](https://www.youtube.com/watch?v=VnrdiYfplVM&list=PL3HwmrSYjxiPlg7lz3TBuNuSrj76xFbLS&index=14)
2. [JSON Customiser](https://www.youtube.com/watch?v=s9r90NWFfT8&list=PL3HwmrSYjxiPlg7lz3TBuNuSrj76xFbLS&index=30)
3. [Switch](https://www.youtube.com/watch?v=PcS69atszKI&list=PL3HwmrSYjxiPlg7lz3TBuNuSrj76xFbLS&index=23)
4. [Loop](https://www.youtube.com/watch?v=GM2j8BSjQCc&list=PL3HwmrSYjxiPlg7lz3TBuNuSrj76xFbLS&index=33)

Apart from the existing features and functionalities, we also create video tutorials for the new features that we introduce in releases. Rate limiting and white labeling are some of the new introductions which are available on our YouTube channel’s under the [webMethods.io Integration Tutorials 2020 playlist](https://www.youtube.com/playlist?list=PL3HwmrSYjxiPlg7lz3TBuNuSrj76xFbLS).

For more videos, subscribe to our [YouTube channel](https://www.youtube.com/channel/UCWWOU4CbwPwkWtntoM0jlug) and get notified about all our latest videos.

If you like what you see and think that these integrations will help your business grow, then opt for our FREE FOREVER edition. And yes, you can upgrade your plan anytime you want to.

If you want to subscribe to our FREE FOREVER EDITION, follow the steps given below:

1. Log in to your tenant
2. Go to App Switcher and select MY CLOUD
3. Now select GET FREE FOREVER EDITION
4. In the agreement box that appears, click on CONVERT TO FREE FOREVER EDITION

And you are done!

Hope our video tutorials help you to understand the product better. For queries and suggestions, please drop a line on [support-wmio@softwareag.com](mailto:mailto:support-wmio@softwareag.com).
Working remotely – the Struggle is real

Tags: remotework, webdev, frontend, mscreate
Published: 2020-07-28 14:43:00


> Want to do more with static web apps?

> _Join us at [CREATE:Frontend](https://aka.ms/createfrontend) on Jul 29 (8:30am PDT / 11:30am EDT) for a 4-hr free virtual event with 8 talks and a [90-minute hands-on workshop](https://dev.to/azure/free-workshop-on-azure-static-web-apps-1341) to jumpstart your static web apps journey_

> Bookmark [our anchor post](https://dev.to/azure/let-s-talk-about-everything-frontend-2o9e) and do check back for updates

---

## Remote Work in the Time of COVID-19

The coronavirus pandemic is expected to fundamentally change the way many organizations operate for the foreseeable future.

As the effects rippled across the country, millions of people in the United States (and worldwide) experienced an unexpected shift to remote work, disrupting routines and creating new challenges like childcare, mental health, personal and public safety, and more. For companies like Microsoft, it also raised the question - [how can we enable remote work for such a large workforce](https://www.microsoft.com/en-us/microsoft-365/blog/2020/03/12/top-9-ways-microsoft-it-enabling-remote-work-employees/)?

In this discussion, we explore the challenges, opportunities and side-effects of remote work asking: _are organizations prepared for this sudden transition?_

Some questions we hope to explore:
* What do you think are the top 2 struggles/challenges for employees who are new to this situation? 

* What should those who aren’t accustomed to remote work do, to get psychologically ready for it?

* How does working from home affect psychological health?  

* What can employers do to make sure that people are staying focused, committed, and happy?

Share your thoughts and questions in the comments below, then join us for a live discussion followed by Q&A with our panel!

## Meet Our Panelists

Join our panelists as we hear from the veteran technologists and remote workers on how working remotely is the new norm, and how we can all make the best out of it. 

{% user piyali_vancity %}
{% user remotesynth %}
{% user loiane %}
{% user lostintangent %}

--- 

## MSCreate: Frontend

If you want to learn more about the _MSCreate:Frontend_ event then check out this post with links to all the talks and speakers. And bookmark it to be notified of links to recordings and resources after the end!

{% link https://dev.to/azure/let-s-talk-about-everything-frontend-2o9e %}

Want to learn more about Azure Static Web Apps?
 - [Check out the docs](https://aka.ms/swadocs)
 - [Try out a learning path](https://aka.ms/swalearn)
 - [Watch talks on Channel 9](https://aka.ms/mscreate-ch9)
Learn Node.js - Free JavaScript Book
Tags: showdev, javascript, beginners, webdev
Published: 2020-07-28 14:29:02

---
title: Learn Node.js - Free JavaScript Book
published: true
description: Build full-stack applications in 2020 using JavaScript and Node.js
tags: showdev, javascript, beginners, webdev
---
![https://learnnodejs.dev website screenshot](https://dev-to-uploads.s3.amazonaws.com/i/tx3u0e50oq6910u881e3.png)

Hello friends 👋

I just want to announce my new project 👉 https://learnnodejs.dev

Are you looking to dive into JavaScript and Node.js? Learn Node.js may be a perfect fit for you AND it is FREE!

Learn Node.js is a free book that contains everything you need to build full-stack applications written using modern JavaScript. Get familiar and master Node.js, and friends (Express.js, Sequelize.js, Handlebars.js, and PostgreSQL).

If you like what I am doing or if you would like to support my work, then please feel free to share this resource.

Thank you,
Alex
Reglas para la superviviencia de este blog
Published: 2020-07-28 14:26:07

## Ir al grano
No hago este blog para contarles sobre mi, ni sobre lo que hice esta semana, ni lo que pienso sobre el cultivo de achicorias, lo hago para dejar un registro de problemas/soluciones y cosas que me resultaron útiles y que pueden servirle a quienes lean.

## Ser breve
El hecho de que exista gente que elige leer un blog en lugar de ver un video me parece un milagro, por eso voy a intentar no desperdiciar el tiempo de nadie y ser lo más conciso y claro en mis publicaciones.

## Usar ejemplos
Este blog rechaza la cultura del [RTFM](https://es.wikipedia.org/wiki/RTFM). Voy a intentar usar casos prácticos y ejemplos siempre que sea posible porque es la forma en la que yo prefiero aprender.

## Sin presión
No me obligo a escribir un artículo por semana, ni por mes, ni por año. 
La temática del blog tampoco va a ser homogénea. No voy a escribir sólo sobre Android, o sobre Linux, o sobre productividad. Posiblemente visite distintos temas, a veces para publicar series de varios artículos, y otras para publicar un solo micropost advirtiendo sobre un error que cometí y evitar que lo cometan ustedes.
How to reverse an integer in Python | LeetCode Practice
Tags: python, tutorial, codenewbie, problemsolving
Published: 2020-07-28 14:21:08

In this post I am going to go though my solution for this [exercise on LeetCode](https://leetcode.com/problems/reverse-integer/) where you have to reverse an integer.

Examples:
- 123 -> 321
- -123 -> -321
- 120 -> 21

Constrains:
If the integer is outside the range [−2\*\*31,  2\*\*31 − 1] return 0.

Have a go at it and let's compare our solutions!

##Solution

First I will post my solution then go though the reasoning behind it:

```python
def reverse(self, x: int) -> int:   
        
        if x < 0:
            x = str(x)[1:][::-1]
            
            while x[0] == '0':
                x = x[1:]
                
            x = 0-int(x)
            
            if x < -2**31:
                return 0
            
            return x
        
        else:
            if x <10:
                return x
            
            x = str(x)[::-1]
            
            while x[0] == '0':
                x = x[1:]
                
            x = int(x)
            
            if x > (2**31)-1:
                return 0
            
            return x
```

I've chosen to tackle this in 2 scenarios: when x < 0 and when x is >=0. Let's start with x < 0.

First we turn x into a string, remove the '-' and reverse it. All of that is being taken care of by this line:

```python
x = str(x)[1:][::-1]
```
An example of what the above line does: -123 -> '-123' -> '123' -> '321'

If the new string has '0' at the beginning, we use a while loop to remove all the zeros until we find a non-zero character:

```python
while x[0] == '0':
    x = x[1:]
```

Then we turn x back into a negative integer and check if it is within the size constraint. If it is we return x otherwise we return 0:

```python
x = 0-int(x)  
if x < -2**31:
   return 0
            
return x
```

Next we will look at the case when x >= 0. 

If x <10 this means that is a single digit letter, it reversed would just be itself, so we return it:

```python
if x <10:
   return x
```

Next we follow the same logic as above. We turn it into a string and reverse it:

```python
x = str(x)[::-1]
```

We strip it of 0s if there are any at the beginning of the string:

```python
while x[0] == '0':
    x = x[1:]
```

We turn it back into an integer and check against the constrains. If it doesn't meet the size requirements we return 0, otherwise return x:

```python
x = int(x)
            
if x > (2**31)-1:
    return 0
            
return x
```

___

This was my solution, let me know if you had a different one!

Also if you want you can follow me here or on Twitter :)
How to handle multiple windows in WebdriverIO
Tags: testing, javascript, tutorial, webdev
Published: 2020-07-28 14:12:43

**Scenario:** Switch to a new window, close the new window and switch back to the old window. 

Let's take a look at how to do that - 

I'll be using this [test](https://the-internet.herokuapp.com/windows) site for our example.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jybvmod7v4f0gzxo5173.png)
***
```javascript
describe('New Tab', () => {
  it('should be able to switch to a new tab', () => {
    // find selector
    const link = $('.example a');

    // access the page
    browser.url('/windows');

    // click on the link to open a new window
    link.click();

    // switch window
    browser.switchWindow('/windows/new');

    // optional assertion
    expect(browser).toHaveTitle('New Window');
  });

  it('should close the new tab and switch back to old tab', () => {
    // close new window
    browser.closeWindow();

    // switch back to old window
    browser.switchWindow('/windows');

    // optional assertion
    expect(browser).toHaveTitle('The Internet');
  });
});
```
💎 You can also find this example on [GitHub](https://github.com/automationbro/webdriverio-quick).

***

#### Check out the video below to see a detailed explanation of the code above. 

{% youtube bFyb8_SJoVs %}

***

#### To learn more about WebdriverIO, check out my free tutorial series here - 
https://www.youtube.com/watch?v=e8goAKb6CC0&list=PL6AdzyjjD5HBbt9amjf3wIVMaobb28ZYN.

***

I hope this post helped you out, let me know in the comments below! 

Happy testing! 😄 

...

Follow [@automationbro](https://twitter.com/automationbro) on Twitter
Subscribe to my [YouTube](https://www.youtube.com/channel/UCjugV5pnY6WjvTGYm7U1ucg?sub_confirmation=1) channel
TikTok Royal
Tags: netzeug, content, creators, tiktok
Published: 2020-09-24 12:05:17

---
title: TikTok Royal
published: true
date: 2020-07-28 13:50:02 UTC
tags: Netzeug,content,creators,tiktok
canonical_url: http://drikkes.com/?p=14453
---

Gesprochen mit Generaldirektor-[Haffenloher](https://youtu.be/CwE4mk2fbow)-Voice:

## „Ich [scheiß](https://techcrunch.com/2020/07/23/tiktok-creator-fund-200-million-us/?utm_source=Vogue+Business+Technology&utm_campaign=080ab21917-EMAIL_CAMPAIGN_2020_07_22_09_59&utm_medium=email&utm_term=0_532c2c2142-080ab21917-57822131) Euch [zu](https://www.thedrum.com/news/2020/06/26/quiet-storms-trevor-robinson-recreates-his-haribos-ad-the-drum-and-tiktok-challenge) mit meinem Geld!“

[Twittern](https://twitter.com/intent/tweet?url=http%3A%2F%2Fdrikkes.com%2F%3Fp%3D14453&via=drikkes)