teleren/devto huggingface dataset:
Productivity Hack #TIP-1
Tags: productivity
Published: 2020-11-04 14:29:41

Sometimes video tutorials are usually slow and consume a lot of our productive time.

To optimise it, you can increase the playback speed of your video to 1.75 or 1.5.

This will save your time (45 min video with 1.5x speed will save you 15 minutes)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/f8l5kcijalkseyohk3gd.jpeg)
Why don't more devs answer WHY as part of a commit?
Tags: discuss
Published: 2020-11-04 14:21:09

Despite every guide I've ever read recommending excellent commit practices (https://dev.to/chrissiemhrk/git-commit-message-5e21 is just one example), I have noticed that almost every single commit message I encounter on any project I've worked on (admittedly, I've only ever worked on for-profit software teams) is usually only a single line summary of *what* was done (which is pretty easy to see just from looking at the code diff) and nary a reason *why* in sight. 

I don't understand this -- at all. It tends to make the commit message itself almost next to useless. I get that typically these commit messages include a reference to a ticket which hopefully contains more context, but that context is usually high-level and frankly often contains little more than "fixed" or "updated" so it's not that useful either. Plus, every dev knows that the ticket system used today will one day be replaced with another, and probably with a loss of all that context. Commit messages, on the other hand, are eternal.

What makes this even *more* perplexing to me is that commit messages are one area where we could be as verbose as we want. The only ones who will look at it are devs and dev managers, and so we can dive deep into the technical details and considerations that warranted the change that was made. At the very least, a commit message indicating why helps when, several months down the road, during a Planning or Refinement meeting, management inevitably asks *why* a change was made -- and inevitably no one remembers anymore. 

Are we devs really too lazy? Or is it that we have a perceived idea that management doesn't want us spending too much time on any task other than mindlessly churning out code?
How To Create Rounded Corners Image in Flutter - fluttercorner.com
Published: 2020-11-04 14:19:00

Hello Guys, How are you all ? hope you all are fine. In this tutorial we are going to learn How To Create Rounded Corners Image in Flutter.

There is As Simple As You can think to make image round corner. in this Tutorial we will use ClipRreact Class to give image to rounded corner, so without wasting your valuable time lets start this tutorial.

# How To Create Rounded Corners Image in Flutter

First of all Import material.dart package in your app’s main.dart file.

```
import 'package:flutter/material.dart';
```

Create Stateless widget and Define in runApp.

```
void main() => runApp(MyApp());
```

Then we would make Scaffold widget and put a Center Widget in it. and use ClipRReact in your body.

```
        home: Scaffold(
        appBar: AppBar(
          title: Text("Round Corner Image - FlutterCorner"),
        ),
        body: ClipRRect()
```

Now in body’s ClipRRect add child to ClipRRect and define Image in your child.

```
            ClipRRect(
              child: Image(),
            ),
```

And After That Just borderRadius to give round corner image And Add Image that you want to use as round corner in Image class. For Demo Purpose i am using Network Image in Image Class.

```
           ClipRRect(
              borderRadius: BorderRadius.circular(30.0),
              child: Image(
                image: NetworkImage(
                    "https://cdn.pixabay.com/photo/2017/10/12/20/15/photoshop-2845779_960_720.jpg"),
              ),
            ),
```

Here is My Full Source Code of my main.dart file that you will give more understanding.

Here Is [How To Create Rounded Corners Image in Flutter](https://fluttercorner.com/how-to-create-rounded-corners-image-in-flutter/)
Your partner starts a download and your video call goes down … 
Tags: network, ports, videoconferencing
Published: 2020-11-04 14:18:42

If you experience dropouts or poor quality video calls, this may be due to a busy connection. In this case it is often useful to prioritize video call services over other services such as file downloads and web pages. With most routers, you can configure this accordingly by entering the appropriate ports. Many services have several ports, which should all be entered. I have done this in my Fritzbox router and it has improved the stability of video calls a lot. You should also try it once!

**Google Meet**
19305-19309	TCP/UDP

**MS Teams**
3478-3481	UDP

**Slack**
22466	UDP

Finding the ports is not that easy. If you have found more ports, please post them here under the article! 👍
How to set Background Image to Scaffold in Flutter - fluttercorner.com
Published: 2020-11-04 14:14:13

# How to set Background Image to Screen in Flutter.

Hello Guys How are you all ? Hope You All Are Fine. Today We Are Going To Learn How to set Background Image to Scaffold in Flutter. ?with This Tutorial. Somethimes we have to use background image in pericular screen in flutter. Flutter Add Set Full Screen Background Image to Scaffold Container

In very Easy way We are going to learn How to set Background Image to Scaffold in Flutter. So Without wasting your time lets start this article.

BoxDecoration has image property and we can easily set background image. so without wasting your time lets start this article.

Import material.dart package in your app’s main.dart file.

```
import 'package:flutter/material.dart';

```

Create Stateless widget and Define in runApp.

```
void main() => runApp(MyApp());
```

Now we would make Scaffold widget and put a Center Widget in it.

```
        home: Scaffold(
        appBar: AppBar(
          title: Text("Flutter Background Image - FlutterCorner"),
        ),
        body: Container()
```

Now in body’s Container add decoration with BoxDecoration. BoxDecoration Is usually Used to decorate the Container widget. We would use the image property of box decoration to set background image from URL resource.

```
        body: Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: NetworkImage(
                  "https://cdn.pixabay.com/photo/2015/08/28/16/38/stars-912134_960_720.jpg"),
              fit: BoxFit.cover,
            ),
          ),
```

Complete source code for my main.dart file:
Here Is my Full Source Code [How to set Background Image to Scaffold in Flutter](https://fluttercorner.com/how-to-set-background-image-to-scaffold-in-flutte/)
!Journey of Hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-11-04 14:13:37

"Journey of Hacktoberfest 2020"
It was very fantastic journey on contributing to different projects . It was my first experience of Hacktoberfest and it was very good. I have contributed to different data structures programs as i love coding.
"THANK YOU HACKTOBERFEST!"
How to create Toast in Flutter With Example - fluttercorner.com
Published: 2020-11-04 14:10:52

# How to create Toast in Flutter?

Hello Guys How are you all ? Hope You All Are Fine. Today We Are Going To Learn How to create Toast in Flutter?with This Tutorial. As Developer you need to show to users toast message.

In This tutorial we are going to learn show toast messages in very simple way as well create custom toasts. We will use toast Package. so without wasting your time lets start this article.

First of all add this line to your dependencies.

```
dependencies:
  flutter:
    sdk: flutter
  toast: ^0.1.5
```

Now click on get dependencies to get that dependencies.
Then, add this line in your file.

```
import 'package:toast/toast.dart';
```

Now, you can use this package in your file.
Now i am sharing my personal method here that will easy to use
You Have to make class and define your class name. [ You can Create saparate Dart file too. But I am using same file where i want to use toast. 🙂 ] Same like Below.

```
class ShowToastComponent {
  static showDialog(String msg, context) {
    Toast.show(
      msg,
      context,
      duration: Toast.LENGTH_SHORT,
      gravity: Toast.BOTTOM,
    );
  }
}
```

Now, You can Use this class any where in your file. Let me Give You Quik Example here.
I am use toast on RaisedButton click same like below

```
        body: Center(
          child: RaisedButton(
            child: Text('Show Short Toast'),
            onPressed: () => ShowToastComponent.showDialog(
                "Your Toast Message", context),
          ),
        ),
```
I am Giving You my full source code here for batter understanding.

Here Is my Source Code [How to create Toast in Flutter With Example](https://fluttercorner.com/how-to-create-toast-in-flutter-with-example/)
What's Up with Ceiling Fans?
Tags: watercooler, productivity, ux, design
Published: 2020-11-04 14:10:37

<figure>
  <img src="https://dev-to-uploads.s3.amazonaws.com/i/1ureyh07hozhj2hvf3a5.jpg">
  <figcaption>A ceiling fan rotation switch.</figcaption>
</figure>

---

This post is a short gripe on real-world usability.

Late fall in the northern hemisphere requires a change in the home. It's time to turn on the heating system. And as of last spring, I've emphasized heating efficiency by switching each ceiling fan's rotation.

The process [has made me think](https://en.wikipedia.org/wiki/Don%27t_Make_Me_Think) so much.

Thermodynamics states that heat rises and cold air sinks — if a ceiling fan is placed on high rotation pulling air up, it will make the room cooler. Pushing the air down on slow rotation makes the room warmer.

I have many fans in my house, all of the same brand. Some models have a switch, [an affordance](https://en.wikipedia.org/wiki/The_Design_of_Everyday_Things), positioned either **left or right** or **up or down**. Too much thinking wasted. The switch "up or down" highlighted my need. Air goes down, ☀️, switch down. Air goes up, ❄️, switch up. I didn't realize this due to the confusion of inconsistency.

To understand air direction, Googling pointed me to watch fan rotation. It took me fifteen minutes to understand my frustration.

I don't care if the fan is going counter or clockwise, as stated by many posts. It is hard to discern if this is true on all fans, depending on the "cut" of the blades.

<figure>
  <img src="https://dev-to-uploads.s3.amazonaws.com/i/1gukwvaqsaixb5qe0f5o.jpg">
  <figcaption>A preferable fan rotation switch.</figcaption>
</figure>

---

Shame on you, *Fan Manufacturing Company.*

**Be the switch that highlights the outcome — not the process of how.**

In the future, these fans will have no switches. Environment variables will control them. And posts like these will change to:

> *There are no switches. How do I adjust the fan setting?*

A seven-hour Google search blunder will ensue.
How to Get DeviceId in Flutter with Example Source Code - fluttercorner.com
Published: 2020-11-04 14:05:30

# How to Get DeviceId in Flutter ?

Hello Guys How are you all ? hope you all are fine. In some case where you need device id in some APIs call like register, login etc. so how to get deviceId in flutter. Lets start this article without wasting your time.

Install device_id Package and put in dependencies in pubspec.yaml file. As like below.

```
dependencies:
  flutter:
    sdk: flutter
  device_id: ^0.2.0
```

Get the dependencies by command pub get.
Now you are ready to use this plugin.
First of all define variable DeviceId in file where you want to use device_id as like below

```
String deviceID;
```

Now make method that will return you device_id as string same like below

```
void getDeviceID() async {
  String deviceId = await DeviceId.getID;
  deviceID = 'Device ID is $deviceId';
  print('Device ID is $deviceId');
}
```

Now, Trigger this method in initState so you will get device_id when initstate will build.

```
@override
void initState() {
  // TODO: implement initState
  super.initState();
  getDeviceID();
}
```

That’s it. Now you can use Device_id any where, also you can add DeviceId in setState so it can use anywhere I am pasting my full source code here.

[How to Get DeviceId in Flutter with Example Source Code](https://fluttercorner.com/how-to-get-deviceid-in-flutter/)
Immoshotz

Published: 2020-11-04 14:05:21

We have been 360 ° scene picture takers for more than 5 years. Most likely with the best cost and execution proportion in the German-talking region and have ceaselessly and consistently prepared us in the field of 360 ° photography, all-encompassing photography and virtual 360 ° visits, FOTOGRAF in Feldkirch | Fotografie Europaweit | ab 450, photography of occasion homes and lofts, high stand accounts.

 

A large portion of our clients originate from Austria, Germany and Switzerland. We likewise take care of clients from abroad in South Tyrol and Italy, predominantly on Lake Garda.

 

We help land and occasion condos with 360 ° photographs, virtual 360 ° visits and visits, computerized viewings through live talk and recordings with web-based media with quicker accomplishment for realtors, occasion offices and occasion landowners to have the option to handle their properties quicker and to build the booking rate.

 

Quantifiable accomplishment with more snaps and guests and hence more clients and deals, effectively a month after the beginning of our exercises

 

So as to situate yourself better on the continually moving business sector, you need great pictures for web-based media channels and your own site. Likewise with each close to home marking shoot, I converse with my client on the telephone ahead of time to comprehend their necessities. We talk about everything, from the decision of garments to potential areas.

 

We will carry your interests into the photographs - inconspicuously and exquisitely. Scarcely perceptible, however there. This is the means by which we transport a hint of your enthusiasm onto the image. With heaps of good music and a positive mind-set, we make delightful pictures for you. It doesn't make a difference what work you have, what skin tone or character you have. We make your own image! https://immoshotz.cc
How to create a modal bottomsheet in Flutter?
Published: 2020-11-04 13:57:41

# How to create a modal bottomsheet in Flutter?

flutter bottomsheet. Hello Guys How Are You All ? Hope You All Are Fine. In this tutorial we will learn How to Impliment Bottom Sheet in Flutter.

Bottom sheet is usually used to show from bottom by pressing button. For Ex. Share Button gives all Social Platform From Bottom. Just like That.

To Make Flutter BottomSheet Follow this Steps.

First Of all Target Button. On which button on press you need bottom sheet ? For Exmple here I have RaisedButton in center of the screen. I want to open bottomsheet on press of this RaisedButton. flutter bottomsheet.

```
body: Container (
  child: Centre(
    child: RaisedButton(
      onPressed: () {
        // I need bottom sheet here
      },
      child: Text("Show BottomSheet"),
    ),
  ),
```

Now make new void method to create bottomsheet just same like below

```
void _settingModalBottomSheet(context) {
  showModalBottomSheet(
    context: context,
    builder: (BuildContext bc) { //Not That BC that You Think 😊
       // Style of your bottom sheet
    },
  );
}
```

Now just Define this method in Onpress of your button (as we created in our first step).

```
body: Container(
  child: Center(
    child: RaisedButton(
      onPressed: () {
        _settingModalBottomSheet(context);
      },
      child: Text("Show BottomSheet"),
    ),
  ),
),
```

Boom Now You Can press your targed button and bottom sheet will open
Just For Reference I am pasting my code here. flutter bottomsheet

My Full Source Code is at [Here How to create a modal bottomsheet in Flutter?](https://fluttercorner.com/how-to-create-modal-bottomsheet-in-flutter/)
How To Create horizontal ListView in Flutter
Published: 2020-11-04 13:53:21

Hello Guys How are you all ? hope you all are fine. In this tutorial we are going to learn How To Create horizontal ListView in Flutter.

To use ListView.builder as horizontal ListView you have to set scrollDirection property of the ListView widget to Axis.horizontal.

Sometime you might have to create a list that scrolls rather than vertically. So Here is ListView widget will help you. Use the standard ListView constructor, passing in a horizontal scrollDirection, which overrides the default vertical direction.

So Without Wasting Your Time Lets start this tutorial.

# Example To Create horizontal ListView in Flutter

First Of All Create Listview.

Now Set scrollDirection to Axis. Horizontal.

That’s it. Now You Can use any children that you want in Horizontal Direction.

I am Giving my Source Code Here.
`import ‘package:flutter/material.dart’;`

# How To Create horizontal ListView in Flutter

```
class ListViewHorizontal extends StatefulWidget {
  @override
  _ListViewHorizontalState createState() => _ListViewHorizontalState();
}

class _ListViewHorizontalState extends State<ListViewHorizontal> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Horizontal ListView"),
      ),
      body: Center(
        child: Container(
          child: SizedBox(
            height: 160.0,
            child: ListView(
              scrollDirection: Axis.horizontal,
              children: <Widget>[
                Container(
                  width: 160.0,
                  color: Colors.red,
                  child: Center(
                    child: Text("Item 1"),
                  ),
                ),
                Container(
                  width: 160.0,
                  color: Colors.blue,
                  child: Center(
                    child: Text("Item 2"),
                  ),
                ),
                Container(
                  width: 160.0,
                  color: Colors.green,
                  child: Center(
                    child: Text("Item 3"),
                  ),
                ),
                Container(
                  width: 160.0,
                  color: Colors.yellow,
                  child: Center(
                    child: Text("Item 4"),
                  ),
                ),
                Container(
                  width: 160.0,
                  color: Colors.orange,
                  child: Center(
                    child: Text("Item 5"),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}
```
So Guys, Do You Like Our Article ? Please Comment below if any Queries you have. So That’s it for this article, hope you like this article. Thank you.

also read [https://fluttercorner.com/how-to-create-horizontal-listview-in-flutter/](https://fluttercorner.com/how-to-create-horizontal-listview-in-flutter/)
HacktoberFest 2020
Tags: hacktoberfest2020
Published: 2020-11-04 13:51:51


### My Contributions
1) https://github.com/apanjwani0/Task-Manager/pull/4
2) https://github.com/apanjwani0/Task-Manager/pull/8
3) https://github.com/apanjwani0/Task-Manager/pull/10
4) https://github.com/apanjwani0/Chat-App/pull/2


### Why HacktoberFest
This was my second HacktoberFest and it is feels good to get swags while working on your own profile.
Manipulating `this` using .call()
Tags: javascript, webdev, codenewbie, beginners
Published: 2020-11-04 13:36:11

```js
const obj1 = { name: 'ABC' };
const obj2 = { name: 'XYZ' };

function greetings(){
	console.log(this.name);
}

greetings.call(obj1); // ABC
greetings.call(obj2); // XYZ
```

---

**Thanks for reading 💙**  
Follow **@codedrops.tech** for daily posts.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Twitter](https://twitter.com/codedrops_tech) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro-Learning ● Web Development ● Javascript ● MERN stack ● Javascript  
**[codedrops.tech](https://www.codedrops.tech/)**
Daily Developer Jokes - Wednesday, Nov 4, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-11-04 13:00:28

---
title: "Daily Developer Jokes - Wednesday, Nov 4, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Wednesday%2C%20Nov%204%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259ab8700f.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q___: Why was nobody given food at the developer conference?

___A___: It was a serverless function!
 -->
Solving Codewars Kata "Highest and Lowest" 7-kyu with JavaScript (2 solutions)
Tags: javascript, 100daysofcode, codenewbie, codewars
Published: 2020-11-04 13:09:51

{% youtube 1D0WYjV9Ks0 %}

To solve this problem, we'll take 2 different approaches.
Enjoy the video 😀🙏

Also written version https://losseff.xyz/katas/023-highest-and-lowest/javascript/
WEB DEVELOPMENT TRAINING.
Published: 2020-11-04 13:09:28

Recently, I was approached by a couple of close friends of mine to help tech them programming and web development. I was like wow! Never tried that though but will give it a shot. So I created a new channel on YouTube and also created a WhatsApp group where I included a few others that wanted to also learn basic coding. I recorded a tutorial on how the web works as a start. Then took them through the roadmap to becoming a full stack web developer. I now started with the building blocks by recording a tutorial on html 5 which I made as a crash course. After recording the tutorials, I upload them on my YouTube channel and share the  link to them on the WhatsApp platform. I also give them more insights about the tutorials on the WhatsApp platform. reviews are taken then I give them a few days to practice on their own then we move forward. Apparently, we are on CSS3. I made the CSS as a playlist since I want to take my time and really explain most of the important concepts to them. I just uploaded another video on CSS position and display properties on my channel and they have started practicing. Super excited about that though.
Is your code as Djangoistic as could be? Check at django.doctor
Tags: webdev, django, github, codequality
Published: 2020-11-04 13:03:41

If you like writing idiomatic Django code you should check your repo against [django.doctor](https://django.doctor) and see what you missed:

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

If you want to avoid those code smells getting in there in the first place have a look at the [Django Doctor GiHub PR bot](https://github.com/marketplace/django-doctor/). Not only are issues detected but the fix is suggested too!

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

You just need to click "commit suggestion". Better code with no extra effort:

{% youtube u6PD9Ij_X5A %}

And the kicker? It's free for public repositories.