teleren/devto huggingface dataset:
LinuxDevelopers - Community Italiana
Tags: linux
Published: 2020-09-20 13:23:20

Ciao!

Stiamo organizzando una community su Slack dedicata allo sviluppo Linux su piattaforme embedded e non! 
Entra nel workspace per trovare nuovi compagni sviluppatori e rimanere sempre aggiornato sulle ultime notizie.

https://join.slack.com/t/linux-developers/shared_invite/zt-hctsrmhj-RpILrnqTUMeqx~7DFX4i1g
You can do these on Figma to work faster
Tags: design, ux, uiweekly
Published: 2020-09-20 13:11:36

Figma became popular these days to design a web/mobile user interface. That's because Figma gives you more modern and reliable approach when come to performance, cloud storage, and collaboration. Now I wanna share with you how you can improve your designing process to work faster with Figma.

## **Create a component**
![Design Component](https://source.unsplash.com/Ylk5n_nd9dA)

Let say you need to make 50 buttons that has special style (color, border, corner, etc) on your design, and you make it all manually. That will slow your designing process just to make a bunch of similar looking button! What if you can make one button, style it, save it with its style, and you can reuse that? That's called component. In figma, you can easily make a component by right click one the object:

![Creating component in figma](https://dev-to-uploads.s3.amazonaws.com/i/eiz54sy5b1s4rj4p5bvg.png)


and then you can find your components in the ***Assets*** on the left sidebar. To use your component you can simply drag and drop from the sidebar to your canvas. One thing that useful about component is if you want to change all the buttons you just need to change the master component.

## **Adjust objects using smart selection**
![Smart Selection on Figma](https://dev-to-uploads.s3.amazonaws.com/i/uarmnykrvrsgf7q3gmgo.gif)

Smart selection is a thing. It helps you to adjust spacing and arrangement objects faster. Especially when you using a grid view on your design. Select all objects, and you can see pink mark, next you can just drag one object to another to rearrange them and click and slide on the space between objects to adjust their spacing. For more info you can refer to their blog post [here](https://www.figma.com/blog/introducing-smart-selection/)

## **Save your colors**
![Colors](https://source.unsplash.com/xNWCiKN8ln0)

Choosing color is another challenge when designing an user interface. Usually on design we'll need to define colors for primary color, secondary color, color for headline text, etc. On figma you can save your color styles, here's how:

![Add color styles](https://dev-to-uploads.s3.amazonaws.com/i/fk5vnuwyn16aqmfs3a9c.png)

* Click your object first
* On the right sidebar at ***Fill*** section, change the color as your desire
* Click the four dots
* Click plus sign
* It will bring up ***"Create new color style"*** modal and you can name your style
* Click create style

![Selecting color](https://dev-to-uploads.s3.amazonaws.com/i/jopjidiyc7eyzby49wyt.png)

Your new color style is saved, you can use it by choosing ***Local Colors*** on below the color picker.

There are some things you can do to work faster with Figma. If you know other tips just drop it on comments, thank you for reading :)
Get Yourself a Custom Domain
Tags: devops
Published: 2020-09-20 13:09:46

Few days ago I decided to join **Hashnode ** for my blog columns. And as we do for everything I researched a bit about it and came to know we can set up the blog on Hashnode using our custom domain.

So, the next step was to find a reliable and cheap source to buy and get a domain registered to my choice. 

After searching few names and talking to people I came to know about **Namecheap. 
**I went to their website and was amazed to see the cheap price of the domains they had to offer, goes with the name. Just an year ago I thought buying my own domain will cost me no less than $50-$100. But here I was looking at domains starting for a meagre $4 price points. 
After wandering around for a while I decide to buy my first domain from Namecheap itself. Next task is to decide a domain name, and trust me this is the most difficult part. 

Some info about domain names, *.com* domains and *.dev* domains cost a little higher as compared to others like *.me* or *.tech*. So , its completely your choice depending on the money you want to spend.

Below I am sharing the step you can follow to built your namecheap domain within a few minutes.

1. Visit   [Namecheap Website](https://www.namecheap.com/) 


![1.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1600598102183/FMFa8WqD_.png)
This is how the homepage looks like. Click on *signup* and after doing it, login and come back again to this homepage.

2. Search the domain you want to buy. For example lets take abc.com, enter it in the field and click on search.


![2..PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1600598253898/md09Y2wcI.png)
It will show whether the domain you want is available or not. If available  just add to cart and proceed to checkout otherwise you need to change the name of your domain.


![3..PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1600598439355/G7hsSqVLU.png)

Keep in mind to enable *WhoIsGuard* as it is important for the security for your domain and private information plus, its free so no problem. Also you will have an option to buy a 1/2/3 year plan, its your choice, I would recommend go for 1  year at start. 

After that just click on checkout and keep proceeding with the default settings till the payments page.

Select your preferred mode of payment, pay for it and that's it. Now you have your own domain. 

You can find *DNS* and *CNAME* settings of your domain in the home page of your namecheap account where you will see the dashboard of the domain you just bought. Link it with your website or any other blog site and its done. 

See, how simple and easy it was to get your domain. You can connect with me and ping me if you face any difficulty in buying the domain.

Lastly, Your support keeps me going, and I give my 100 percent to these blogs! If you've found value, consider fueling the blog with a coffee ☕️ donation at the below link. 

[**Buy me a COFFEE!**](https://www.buymeacoffee.com/ayushdev)

Thank you! 🙏
Repainting my life
Published: 2020-09-20 09:44:22

#Introduction
Hi, I am 32 years old when writing this first post. The target audience of this post is mainly me, myself. At certain stages of my life, mostly after the age of 30, I have a tendency to look back at my life. I decided to pen it down so that I can review & reflect on any decisions later on.

#Past
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/t6r6k40iulovlp7el2r8.jpg)
If a blank page would represent my life. Then all these while, all I ever did was following what any others would have done. With a default black pencil in my possession, we fill up the empty page with sketches and drawings. We were taught the same things and without any significant efforts, we are done with our drawings.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/h52bvu5jjbs8l6q6uoys.jpg)
While we follow through the processes, some acquired better tools,  some improved their drawing skills. We tell ourselves we did great all along, continuing down this path, maybe one day we can even create 3D art with black markers and black drawing tools. Compared to those less fortunate, I am contented with the default tools which we were given and the ability to draw on our blank page.

#Present
Lately, I realize, what I ever did was wandering in this world of black and white. For the past 30 years, like many others, I've only worked towards improving or retouching the black and white masterpiece. This is not what I chose, I do not want to continue this for the rest of my life. I want a colorful piece of art at the end of my life. I want to earn tools that can add color content to my life. It was not an easy decision to make, but I decided to throw away my current "not bad" piece of black and white art. I broke all my black markers/pencils, leaving myself with only a blank canvas. This is where I choose to restart. This is where I shall pursue color in life.

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

#Future
While I hope I can start to add color to my blank canvas. I will start by getting the tools that I need. I may end up with just a blank canvas or a lousy colored piece of work. But it is a choice I made, a dream I wanted to pursue, and a path I would like to walk. Considering my age, although not early, I am still grateful that I have the chance to execute this. I am thankful for the support I have gotten, and now with all my strength, I will step into this new path =)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fm6j3yltz1v074m4s8sp.jpg)
New StackOverflow Tag for EISK!
Tags: opensource, aspnet, dotnet, news
Published: 2020-09-20 12:50:48

---
title: New StackOverflow Tag for EISK!
published: true
description: 
tags: opensource, aspnet, dotnet, news
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/rqvs94qkebcwq5tp9pah.PNG
---
[EISK](http://github.com/eisk) provides a solid guideline for building enterprise level projects, by utilizing new asp.net and sql server features, as well as latest best coding practices.

Since its first release, by April 2008, this open source project gained a huge popularity in the developer community and had 250K+ combined downloads.

Good news is EISK has its 'own' tag in StackOverflow now.

Should you have any questions or need any help to implement new cool features, you can [ask](https://stackoverflow.com/questions/ask?tags=eisk,webapi,asp.net-core&title=In%20EISK,%20How%20Do%20We%20..) in StackOverflow community with tag [eisk](https://stackoverflow.com/questions/tagged/eisk) and get prompt response.
ViewModel to add a custom title in PDP -  Magento 2
Tags: magento2
Published: 2020-09-20 09:44:05

When there is a requirement to add an extra title in the product detail page in Magento 2, it is best to get it done via ViewModel
3 files to be edited, 
- PHP file for the ViewModel
- layout file
- phtml template file

app/code/Vendor/Module/ViewModel/CustomTitle.php
```<?php
namespace Vendor\Module\ViewModel;

use Magento\Framework\Registry;

class CustomTitle implements \Magento\Framework\View\Element\Block\ArgumentInterface
{
    /**
     * @var Registry
     */
    protected $registry;

    /**
     * ProductTitle constructor.
     * @param Registry $registry
     */
    public function __construct(
        Registry $registry
    ) {
        $this->registry = $registry;
    }

    /**
     * @return mixed
     */
    public function getOptionTitle()
    {
        return $this->registry->registry('current_product')->getHasOptions();
    }
}
```

app/design/frontend/Vendor/default/Magento_Catalog/layout/catalog_product_view.xml
```
<referenceContainer name="product.info.main">
    <container name="product.attribute.title.extra" as="productattributetitleextra" label="Product Attribute Title Extra" htmlTag="div" htmlClass="addon-title"  before="-">
        <block class="Magento\Framework\View\Element\Template" name="product.attribute.title.extra.template" template="Magento_Catalog::title.phtml">
            <arguments>
                <argument name="view_model" xsi:type="object">Vendor\Module\ViewModel\CustomTitle</argument>
            </arguments>
        </block>
    </container>        
</referenceContainer>
```
                
app/design/frontend/Vendor/default/Magento_Catalog/templates/title.phtml
```
<?php
/* @var $block \Magento\Framework\View\Element\Template */
?>
<?php $viewModel = $block->getData('view_model'); ?>

 <?php if ($viewModel->getOptionTitle()): ?>
    <h2>Customized title</h2>
 <?php endif; ?>
```
Daily Developer Jokes - Sunday, Sep 20, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-09-20 12:00:21

---
title: "Daily Developer Jokes - Sunday, Sep 20, 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=Sunday%2C%20Sep%2020%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/5e1258a197fb7.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:___ Whats the object-oriented way to become wealthy?

___A:___ Inheritance
 -->
I'm using UNITY for gamedev. What you use?
Tags: csharp
Published: 2020-09-20 11:40:31

I'm using Unity for 1.5 year now and I think, Unity is a good engine. Before Unity I tried a Unreal engine and Godot engine. I don't want to go back. I want to use unity, because is easy to learn, has a large COMMUNITY and Begginer - friendly UI. And what you think? Write down👇.
CamelCase Explain Solution | Javascript
Tags: hackerrank
Published: 2020-09-20 11:40:21

```javascript
function camelcase(s) {
 const regex = new RegExp(/[A-Z]/g);
  const match = s.match(regex) || [];
  return match.length + 1;

}
```

[Problem](https://www.hackerrank.com/challenges/camelcase/problem)
[Laravel 8 Auth with Livewire Jetstream scaffolding] - Step by Step
Tags: laravel
Published: 2020-09-20 11:33:55

Today, let's see the post of laravel 8 jetstream auth using livewire. today you can see laravel 8 auth with livewire jetstream. we will help you to give an example of laravel 8 auth with livewire tutorial. I learn simply step by step laravel 8 authentication livewire example. So, let's follow a few steps to create an example of authentication laravel 8 livewire jetstream.

A few days ago laravel 8 released and they provide lots of new updates. laravel 7 was using laravel/ui for auth scaffolding and now laravel 8 introduce jetstream for login, registration, email verification, two-factor authentication, session management, API support, and team management, etc.

```
....
  
'features' => [
        Features::registration(),
        Features::resetPasswords(),
        Features::emailVerification(),
        Features::updateProfileInformation(),
        Features::updatePasswords(),
        Features::twoFactorAuthentication(),
    ],
...
```

[[Laravel 8 Auth with Livewire Jetstream scaffolding] - Step by Step](https://www.phpcodingstuff.com/blog/laravel-8-auth-with-livewire-jetstream-tutorial.html)
Python RegEx Tutorial with practice
Tags: python, regex, programming, tutorial
Published: 2020-09-20 11:31:54

---
title: Python RegEx Tutorial with practice
published: True
description: 
tags: python, regex, programming, tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/kkqihrj7vmhoil5kry58.png
---

Hi Friends,
Today one of the important topics for programming is RegEx.
For python regular expression we are learning from (W3schools Python RegEx Tutorial)[https://www.w3schools.com/python/python_regex.asp]

**Start**
for python RegEx, we have to import the RegEx module by 
*import re*
and we can see the output
```
import re
print(re)
```
**Example 1**
```
txt = "Hello World, Hello Bangladesh"
result = txt.replace('Bangladesh', "India")
print(result)
```
our variable is "txt" and "result" variable is making the RegEx and replace Bangladesh to India
.
**Search**
RegEx search way

**Example 2**

```
import re

txt = "The rain in Spain"
result = re.search('Spain', txt)
if result:
    print("Span is there")
else:
    print("Span is not there")

```
we have made a condition if "txt" variable has "Spain" string the condition will be true else false.

**The re module offers below the function**
* findall
* search
* split
* sub

Also,
 there are few Metacharacters we will see some example of how the RegEx working here.


* []  = set. example "[a-m]"
* \  = special sequence. example  "[\d]"
* . = aspect new line. example "he..o"
* ^ = start position. example "^hello"
* $ = end position. example "world$"
* `*` = zero or more occurrences. example "aix`*`"
* + = one or more sequance. example "aix+"
* {} = specific number. example "al{2}"
* | = either or. example "hello|world"
* () = capture and group. example "(world)"

we can see more details and w3schools but for this post, we are going to show some examples for more details we will follow w3schools.

**Example**
```
import re

txt = "I love mango"
result = re.findall("o", txt) # output ["o", "o"]

print(result)
```

you see the findall python method working like "g" global javascript method.

**split method**
```
import re

txt = "I love mango Oh"
result = re.split("O", txt)

print(result)
```

split method separates the string to an array first it searches where the letter match then separates with the array.
The above example output `['I love mango ', 'h']`

This is our short tutorial, we will not go deeply just the basic concept of every tutorial.
After we master the basic things then we will go deep things.
If you like this short tutorial please like, comment. thanks all guys.
BEM - Block__Element–Modifier.
Tags: css, bem
Published: 2020-09-20 11:20:40

BEM is a modular solution for writing CSS to large projects. Since BEM is just a conjunct of concepts about how to naming the class, we can only see the real benefit of using it in large codebases.

The goal is to create extendable and reusable interface components. This methodology helps maintain a large codebase organization and avoid the nightmare of change one CSS in one specific area and breaking the other.

Looking through the concept of each  letter:

**Block:** An entity that is meaningful on its own, for example:

```html
.card
```

**Element:** A part of a block that has no standalone meaning and is semantically tied to its block:

```html
.card__picture
.card__title
.card__descriptiom
.card__button
```

**Modifier:** A flag on a block or element. Used to change appearance or behavior.

```html
.card__button--active
```

Summary of great content about it:

- [https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/](https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/)
- [https://en.bem.info/](https://en.bem.info/)
React Smooth Cursor
Tags: cursor, react, typescript, component
Published: 2020-09-20 11:10:22

---
title: React Smooth Cursor
published: true
description: React animated smooth cursor library
tags: cursor, react, typescript, component
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/98tdlmnysnm5hnq2ryer.gif
---

React Smooth Cursor let you animate cursor movement and customize its appearance.

[https://github.com/mustafademirtas/react-smooth-cursor] (https://github.com/mustafademirtas/react-smooth-cursor)
AWS - EC2 Instance purchasing options
Tags: aws
Published: 2020-09-20 10:52:09

Amazon EC2 provides purchasing options to enable you to optimize your costs based on your needs.

![EC2 Launch types](https://dev-to-uploads.s3.amazonaws.com/i/5jlskvl3hrzr3geadrcy.png)

## On-Demand Instances
- Pay, by the second, for the instances that you launch.
- No longer-term commitments or upfront payments are needed.
- You have full control over its lifecycle, you decide when to launch, start, stop, reboot, or terminate it.
- You pay only when your On-Demand Instances are in the `running` state.
- Can increase or decrease your compute capacity.

## Reserved Instances
- Up to 75% savings compared to On-Demand Instance pricing.
- You can purchase a Reserved Instance for a one-year or three-year commitment, with the three-year commitment offering a bigger discount.
- Commitment includes instance type and Region.
- Reserved Instances do not renew automatically; when they expire, you can continue using the EC2 instance without interruption, but you are charged On-Demand rates.
- After you purchase a Reserved Instance, you cannot cancel your purchase. However, you may be able to modify, exchange, or sell your Reserved Instance if your needs change.

## Scheduled Reserved Instances
- Purchase instances that are always available on the specified recurring schedule.
- Recur on a daily, weekly, or monthly basis, with a specified start time and duration.
- You pay for the time that the instances are scheduled, even if you do not use them.
- After you purchase a Scheduled Instance, you can't cancel, modify, or resell your purchase.
- You must purchase a Scheduled Reserved Instance minimum for one year.
- The minimum required utilization is 1,200 hours per year.

## Spot Instances
- The most cost-efficient instance in AWS. Up to 90% savings compared to On-Demand Instance pricing.
- Request unused EC2 instances, which can reduce your Amazon EC2 costs significantly.
- Instances that can "lose" at any point of time if your max price is less than the current spot price.
- Well-suited for batch jobs, background processing, and optional tasks. Not good for critical jobs.

## Dedicated Hosts
- Pay for a physical host.
- Physical server with EC2 instance capacity fully dedicated to your use.
- Full control of the Instance placement.
- Visibility into the underlying socket, the core of the hardware.
- You must purchase a Dedicated Hosts Instance minimum for one year.

## Dedicated Instances
- Pay, by the hour, for instances that run on hardware that's dedicated to a single customer.
- May share hardware with other instances from the same AWS account.


## Great combo
Reserved Instance for baseline + On-Demand and Spot Instances for scaling.

---

Resource

- [https://aws.amazon.com/ec2/pricing/](https://aws.amazon.com/ec2/pricing/)
- [https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/instance-purchasing-options.html](https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/instance-purchasing-options.html)

---

Original post - [https://blog.vnoit.com/ec2-instance-purchasing-options](https://blog.vnoit.com/ec2-instance-purchasing-options)
How to Redesign a Website
Tags: design, ui, tutorial, beginners
Published: 2020-09-20 10:51:43

**TLDR** It's not easy to redesign a website, you have to consider  **UI, UX, and a lot more**. In this video, I go over doing a new design for the [@traverseymedia](https://twitter.com/traversymedia) channel where I try to combine designing thinking to come up with something new.

{% youtube LQJ65NFlqUs %}
<center>[How to Redesign a Website](https://youtu.be/LQJ65NFlqUs)</center>

I used Figma to do this design, incorporating consistent styling between the twitter, youtube channel and website. We pull in colours and styles from the logo to create a look and feel that works uniformly between all sites. I also try to pull in ideas of what the brand should represent. With such a large audience and so many videos, I represented this through the hero banner which shows the scope of how much content there is.

In this tutorial I cover:

- Reviewing alternative designs
- Preparing a theme and colors
- Designing header, navigation, hero banner
- Designing main content area with videos
- Design thinking and UI, UX considerations

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/intent/follow?screen_name=adrian_twarog)