teleren/devto huggingface dataset:
Should I start using a CSS preprocessor?
Tags: webdev, css, preprocessor, codenewbie
Published: 2021-06-25 14:57:32

---
cover_image: https://public-image-container.s3.ap-southeast-1.amazonaws.com/pre-pro-5.png
---
If you want to be a good web developer then having a sound knowledge in `css` is a must. It is `css` which makes a website look so beautiful. In small projects where there will be a few `html` files, writing pure css codes does not bother us much. When we start working on a large project then managing every files in a structured way is a must. If we continue writing pure css in such projects then there is a good chance that we have to write same css rules or codes in multiple files. As the number of css file increases, we will be losing our control over them. In order to get rid of such problem and gaining more control over css we should definitely use a css preprocessor.

Now the question is, what is a css preprocessor? According to Mozilla Developers org:
>A CSS preprocessor is a program that lets you generate CSS from the preprocessor's own unique syntax.

This means that css preprocessors let us write css rules in a structured way which get converted to pure css by any compiler or loader. [saas](https://sass-lang.com/), [less](https://lesscss.org/) and [stylus](https://stylus-lang.com/) are the most popular css preprocessors.

Now let us discuss some reasons for using css preprocessors in web developement:
- Preprocessors let us use variables and functions that makes our developement easier.
- We can join multiple stylesheets into one by importing all of them into a main css file.
- Repititions can be avoided by writing the common rules together and using that as a mixin or function.
- Introduction of Darken and Lighten functionality.
- Introduction of nesting class which will give a style unique identity like having a class with similar name will not override the design if one is nested inside a particular class.
- All of this features together helps us writing css with less effort and time but efficiently.

So we should really start learning and using any css preprocessor to achieve an awesome developement experience. It will really be cool.
Blockchain and the bitcoin are new and useful
Tags: healthydebate, blockchain, bitcoin
Published: 2021-06-25 14:20:52

Unfortunately, the useful part is not new and the new part is not useful.

## Blockchain

The useful-but-not-new part is that its data structure is a [Merkle tree](https://en.wikipedia.org/wiki/Merkle_tree) - something you know already, it's like **git**.  

The new-but-not-useful part is that it has a decentralized [consensus algorithm](https://en.wikipedia.org/wiki/Consensus_(computer_science)). Technically, it's impressive, but it is also very complex, which means for whatever thing "you can do with the blockchain", there is a simpler - therefore better - technical way to do it. Therefore, in most cases the blockchain is "needed" not technically but for ideological tech-bro libertarian reasons.

## Bitcoin

Likewise, Bitcoin is new and that is mistaken with being useful.

You have story-telling from the tech-bro who have invested early in Bitcoin and got rich. That's the ultimate proof it must be good right? Nope. It was a good investment precisely _because it's a bad currency_. A good currency needs stability. The value of your savings never lose 20% just because Elon Musk said mean things about the euro or the dollar. 

There are lots of people who wants to get rich by doing shady and/or illegal things. 

Bitcoin's killer feature is that police is police, and the banks and the democratic institutions are relatively powerless to go after those guys.

- Bitcoin is good for non-regulated internet gambling
- Bitcoin is good to sell arms and drugs
- Bitcoin is good for obtaining ransom

## A personal story

Two weeks ago, my wallet was stolen in Paris, and the thieves took 5,500 euros from my bank account.

When something like this happens - and it happens all the time - with bitcoin, that's the end of the story. Too bad for you, you lost your money, you are on your own.

But there I had a centralized institution called "the police" where I said my money was stolen. And just like that, a centralized institution called "my bank" gave me money back. Because a centralized institution called "the government" forces it legally to do so.

Don't buy the libertarian ideology that centralized institutions must be thrown away with the bath water.

## Recommended reading

I only scratched the surface, didn't evoke the gigantic waste that Bitcoin's `proof-of-work` causes, but if you want to know more, I promise you will find those articles interesting:

* [Ten years in, nobody has come up with a use for blockchain | Hacker Noon](https://hackernoon.com/ten-years-in-nobody-has-come-up-with-a-use-case-for-blockchain-ee98c180100)
* [Blockchain is not only crappy technology but a bad vision for the future | by Kai Stinchcombe | Medium](https://medium.com/@kaistinchcombe/decentralized-and-trustless-crypto-paradise-is-actually-a-medieval-hellhole-c1ca122efdec)
* [Why Cryptocurrency Is A Giant Fraud ❧ Current Affairs](https://www.currentaffairs.org/2021/04/why-cryptocurrency-is-a-giant-fraud)
Restart your rails server automatically
Tags: rails, ruby
Published: 2021-06-25 14:20:50

I have been working on changes to my config files and testing some middleware and it gets tedious trying remembering to stop and restart the server for each change. Enter fswatch to the rescue.

```
fswatch -o config other/paths | ruby -e '
while (pid=fork{ exec("be rails s") }) && gets do
  Process.kill("TERM", pid); Process.wait
end'
```

fswatch sends a message into the pipe anytime the files change. The -o flag batches all changes found into a single message so that we aren't restarting excessively.

The ruby process controls the rails subprocess. `fork` will create a Ruby subprocess and then `exec` replaces the Ruby process with a Rails subprocess. Any time fswatch sees changes, it will send a string into the pipe and ruby picks it up with gets and sends a TERM signal to Rails to shut it down. Once Rails has shut down, we loop back and start a new Rails subprocess.
Venha ser uma pessoa Mobile Engineer na SumUp!
Tags: mobile, fintech, tech
Published: 2021-06-25 14:19:39

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5eb1b4i77nd9dl5mhbqf.jpg)

• VAGA DESTAQUE DO DIA •

Estamos buscando uma pessoa Mobile Engineer! 🕵️‍♀️

O que a gente precisa:

➡️Experiência com Kotlin e/ou Swift;
➡️+4 anos de experiência na área;
➡️Fera no inglês;
➡️Interesse em construir arquiteturas e participar de decisões técnicas, ajudar na estruturação do chapter de Mobile da SumUp;

Já trabalhou ou conhece alguém que traz esse conhecimento? Inscreva-se neste link https://bit.ly/3vP088y ou compartilhe essa oportunidade na sua rede. 😄 #mobile #fintech #tech
Login and Registration Form in HTML and CSS
Tags: loginform, registrationform, signupform, htmlcss
Published: 2021-06-25 14:11:38

Hello friends, today we are going to learn How to Create a Responsive Login and Registration Form in HTML and CSS. There are a lot of Forms Design that I have created before but, to date, I have not created a login and registration forms together or on one page. 

**What is the Login and Registration Form**
Login Form means the login page or section where users need to enter their login details like email, phone number, and password. Registration form is the process to register user details to make login details for entry in the particular page or website.  

In the login form section, we can make two input fields one is for the user email address or phone number and another for password and this is mandatory and in the registration form we have to add some extra input field like the input field of name, phone number, password and other.

Let's have a look at the image of the Login and Registration Form. There you can see only Login Form but when you click on the Signup now the right side image smoothly flips into the left side then the Signup form appears and Login Form Hides.

I have made this Responsive Login and Registration Form in HTML and CSS only and I have not used any single code of javascript for building this Login and Registration Form. I promise that you can easily understand all the HTML CSS code that I have used to make this Form.

To see the real example of this Login and Registration, please do watch the video tutorial of this design. After watching the tutorial you will definitely understand that how HTML and CSS code is working to make this Login and Registration Page Perfectly.

#Login and Registration Form in HTML and CSS | Source Code#
You can download all source code from the given link. <a href="https://www.codinglabweb.com/2021/06/login-and-registration-form-in-html-css.html">Click Here To Download All Source Code</a>
Why I love creating simple languages
Tags: watercooler, languages, opinions, ideas
Published: 2021-06-25 14:03:01

First of all, who am I? I'm just a random coder who like programming languages and love to create some (mostly *esolangs). In the past, I've built some small *esoteric languages which I will mention while we progress through the article.

(*) Languages that are created for fun, or with mind-challenging rules, or to just be a joke.


# Why I like creating them?
I've always wondered how a programming language just magically works and brings my dreamt projects to reality. Now that I actually try to create one, I have gained a lot of knowledge about how they actually functions. Furthermore, it has come in handy in some of my work (in creating tools and extensions for coders specifically), where I can just copy my old parser or lexer and paste it into the new codebase (lol).

Or it's just somewhat amazing to proudly say "I created my own programming language".

## Esolangs
When talking about esolangs, it's a whole different story. It's just fun coming up with weird and quirky ideas and just throw them into a language. It's also fun making extremely hard ones, sometimes challenges can be interesting :D

## Use it for your own projects
For this section only, I'll target both "you" and "I" as it's kind of an opened thread.

If you like your own language syntactically or for how it works, or just because it just serves you better in some special cases comparing to ones that are popular, then you can totally use it with little doubts.
In my case, me and my teammates have created "Cassidy", which is basically just C# on the web. It brings safety and precision to our projects.

Besides, if you just create a superset of another language, then it can stick into the whole codebase without damaging your project anyway, so it's probably usable. *Speaking from experiences*


# Languages I have created
* [FreakC (18+)](https://github.com/FreakC-Foundation/FreakC)
* [Jellyscript](https://github.com/nguyenphuminh/Jellyscript)
* [A brainf*ck implementation](https://github.com/nguyenphuminh/brainfuckjs)
* [VNC](https://github.com/nguyenphuminh/VNC)
* Cassidy (not public)

That's all, hope you would share your thoughts in the comment section :D
Figma to Kotlin App
Tags: kotlin, dhiwise, figma, procode
Published: 2021-06-25 14:02:22

It's simple. 

Just give your figma link and Download the source code of your Kotlin App or sync to your GitLab or GitHub.

For more details visit https://www.dhiWise.com

Or watch this video https://www.youtube.com/watch?v=yzA0QmoWLLo
What was your win this week?
Tags: discuss, weeklyretro
Published: 2021-06-25 14:00:51

---
title: What was your win this week?
published: true
description: Got to all your meetings on time? Started a new project? Fixed a tricky bug?
tags: discuss, weeklyretro
cover_image: https://cl.ly/188e843c2985/download/Image%202019-02-15%20at%202.36.37%20PM.png
---

Hey there!


**Looking back on your week, what was something you're proud of?**

All wins count — big or small 🎉

Examples of 'wins' include:

- Starting a new project
- Fixing a tricky bug
- Cooking something delicious... or whatever else might spark joy ❤️ 

---

Congrats on your wins this week!

![Kid in headphones doing a cartwheel](https://media.giphy.com/media/5wFUyB8MfaXthrK3OT/giphy.gif)
TIL that nginx http_limit_conn module can wreak havoc to your website
Tags: todayilearned, ansible, nginx
Published: 2023-05-19 20:39:03

---
title: TIL that nginx http_limit_conn module can wreak havoc to your website
published: true
date: 2021-06-25 13:42:00 UTC
tags: TIL,ansible,nginx
canonical_url: https://www.zufallsheld.de/2021/06/25/til-that-nginx-http_limit_conn-module-can-wreak-havoc-to-your-website/
---

The [nginx http\_limit\_conn](https://nginx.org/en/docs/http/ngx_http_limit_conn_module.html) module to limit http connections works as advertised. It limits the number of connections an ip-address (or other directives) can make to the nginx.

Also: the Ansible hardening-role for nginx as a default limit of 5 connections ([see](https://github.com/dev-sec/ansible-collection-hardening/blob/d72db6037c32cca05f0a966eca753f23d591e40a/roles/nginx_hardening/defaults/main.yml#L13)).

This bit me hard: One website I host makes concurrent connections to two APIs and a static frontend-webserver to fetch contents. This was a small debugging nightmare because these three applications did not log anything.

That’s because the requests never made it to them. They got blocked with a 503 error in the reverseproxy.

As I located the problem on the reverseproxy, the error logs made it obvious:

```
2021/06/25 13:44:58 [error] 1822158#0: *2105549 limiting connections by zone "default", client: 123.123.123.0 server: example.com, request: "GET /core/modules/views/js/base.js?v=8.9.13 HT
TP/2.0", host: "example.com"

```
Day 122
Tags: 100daysofcode, programming
Published: 2021-06-25 14:00:07

Day 122/200 of #200DaysOfCode #100DaysOfCode  

- Solved three problems on Codewars.

1 - Adding Big Numbers (4 kyu)
2 - Sum of Intervals (4 kyu)
3 - Sum Strings as Numbers (4 kyu)
Tab Porter - Export/Reopen all the Google Chrome tabs at any time or any system.
Tags: productivity, opensource, programming, showdev
Published: 2021-06-25 13:51:20

***Chrome Extension Link*** - [Tab Porter](https://chrome.google.com/webstore/detail/hjbdgionekajacbeocbgopledpkegkmo)

{% youtube pOgIBnB80v8 %}

**Export** or backup all the Google Chrome **tabs** into an HTML file. **Reopen** all tabs into Google Chrome Window at **any time** or **any system**.

### Export Step:
![Export Chrome Tabs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dilv44bhb99clkq9izzq.png)
1. Select the **TabPorter**.
2. Select the options Window Tabs - **Current/All Window Tabs**
3. Enter the File name _prefix_.
4. Click the **Export** button.


### Import Step:
1. Select the **TabPorter**.
2. Click the **Import** button.	
![Select Import Buttom](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uuo2igoeivi1srexvyvg.png)
3. Select the importing **research file**.
![HTML file](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4419li4z6pw7q3it7ojs.png)
4. Automatically all tabs are reopened in Chrome Window.
![Reopened Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r21a20zvo9zr2dt861tb.png)

### Html Step:
1. Open the Research HTML file.
![HTML](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7925l2daofnpgrc9up4z.png)
2. Website link will under the Window(Single/Multiple Window) or Groups.
3. You can manually reopen the website.




#### Example 
You are researching something called research1. In-between of research1 you need to move to other research. At this point, you can export research1 by using the TabPorter. After completing the other research you can resume research1 by importing the file.

Or you can send the exported file to a friend or colleague. He can resume the resarch1.

### Feature 
-  Export/Reopen also work for Current Chrome Window or All Chrome Window.
-  Automatically all tabs are reopened in Chrome Window using the extension.
-  Manually open website using the exported HTML file. The file having all website links is present according to Windows and Tabs order.
-  Normal Tabs, Pinned Tabs, and Grouped Tabs properties also will be restored.
-  Reopen will support collapsed/expand for grouped tabs on the Chrome Window.

[Tab Porter](https://chrome.google.com/webstore/detail/hjbdgionekajacbeocbgopledpkegkmo)
What's new in Polyphony - June 2021 edition 
Tags: ruby, concurrency, linux, iouring
Published: 2021-06-25 13:46:40

---
title: What's new in Polyphony - June 2021 edition 
published: true
description: 
tags: ruby, concurrency, linux, iouring
//cover_image: https://raw.githubusercontent.com/digital-fabric/polyphony/master/docs/polyphony-logo.png
---

Polyphony 0.58 has just been released. [Polyphony](https://github.com/digital-fabric/polyphony) is a gem for writing fine-grained, highly concurrent programs in Ruby. [Here’s a summary and discussion](https://github.com/digital-fabric/polyphony/discussions/61) of the latest changes and improvements.
Auth0 WebAuthn Passwordless with Device Biometrics is Now Available
Tags: security, passwordless, biometrics
Published: 2021-06-25 13:27:36

#### Login to web apps quickly and securely using a finger or face biometrics.

### <br>

The average person has to keep track of approximately [100 passwords](https://tech.co/news/average-person-100-passwords) and spends almost 13 minutes every week resetting those passwords. Due to this friction, password reuse is a major issue with over [two-thirds of end users](https://lp-cdn.lastpass.com/lporcamedia/document-library/lastpass/pdf/en/LastPass-B2C-Assets-Infographic-global.pdf) reusing passwords across sites, creating widespread security vulnerabilities. The [Verizon Data Breach Investigations Report (DBIR)](https://www.verizon.com/business/resources/reports/dbir/) found that credential vulnerabilities are involved in more than 80% of all data breaches. Since password reuse is so common, a single compromised password can endanger multiple accounts. 

Auth0 was the [first IAM system](https://auth0.com/blog/auth0-passwordless-email-authentication-and-sms-login-without-passwords/) to build support for passwordless authentication, and all of these reasons are as pertinent as ever:

* **Passwords are insecure:** users pick insecure passwords and reuse them across sites. Since [data breaches are common](https://www.securitymagazine.com/articles/94991-first-ever-identity-management-day-is-april-13-2021) and they frequently include password information, this creates a situation where more and more sites are vulnerable to hacking attempts.
* **Passwords are expensive to manage:** users forget them, and resetting passwords can be an [expensive and time-consuming process](https://quicklaunch.io/what-is-passwordless-authentication-and-how-it-works).
* **Passwords negatively impact customer retention:** remembering and typing a password, particularly on a phone keyboard, carries friction, and can cause returning customers to abandon the login flow, therefore impacting retention.

We believe that moving away from passwords as an authentication method is key to making the internet safer while reducing friction and positively impacting user acquisition and retention. 

Since our initial release, the authentication industry has been hard at work finding better ways to implement passwordless authentication. For example, the [FIDO Alliance](https://fidoalliance.org/) successfully led the specification and implementation of [WebAuthn](https://www.w3.org/TR/webauthn-1/). In the last few years, Webauthn has been implemented in all major OS/browsers, with iOS 14 and iPadOS 14 being the latest to join the party in September 2020.  

![WebAuthn](https://images.ctfassets.net/23aumh6u8s0i/3DuYOoznWG10geDOeYwBVm/02b5dbc23075eebf4d984f22dbaaec76/Passwordless-Authentication-sep2.jpg)

### WebAuthn as an Authentication Method


[Read more...](https://auth0.com/blog/auth0-webauthn-passwordless-with-device-biometrics-is-now-available/?utm_source=reddit&utm_medium=sc&utm_campaign=passwordless)
Full Stack Software Engineer - Full time remote work
Tags: javascript, angular, react, dotnet
Published: 2021-06-25 13:26:35

A leading company in the Igaming sector is looking for a Fullstack Software Engineer to make a difference in its business needs. The experienced engineer will be required to build enterprise class web applications. 
 

Responsibilities:

Contribute directly to the success of products by materializing the product teams' visions into a tangible user experience.
Participate in sprint planning, task estimation, development, and deploying great software.
Assist in documenting, debugging, and testing projects 
Implement new features as well as maintain and improve the existing functionality.

Requirements:

You are a team player who readily offers help and shares knowledge with your colleagues.

Front-end Development; you worked with various projects
can bring a wealth of knowledge and hands-on experience to the role.
Strong IT qualifications.
Deep understanding of JavaScript & Typescript 3.
Excellent working experience with any JavaScript based UI framework - Angular, more precisely Angular 9 ,React & Redux - Redux pattern for state management through ngRx ,Rxjs..
Excellent understanding of HTML5, CSS & Sass.
Experience in interacting with REST APIs

Bonus Points:
Knowledge in Net/C# ,ASP.NET MVC, Web API and WCF
Experience in using responsive design and SQL server, writing queries & tuning performance
Implementing distributed and multi-tier/micro-service systems

Please apply here:
https://www.castilleresources.com/job/fullstack-software-engineer
The Impostor Syndrome Episode: Adding features with Ruby on Rails and having fun with Figma and CSS
Tags: rails, css, html
Published: 2021-06-25 13:11:37

---
title: The Impostor Syndrome Episode: Adding features with Ruby on Rails and having fun with Figma and CSS
published: true
description: Making a Product: Transcripto, ep. 5
tags: rails, css, html
cover_image: https://assets.mkdev.me/posts/covers/000/000/012/original/mkdev_article.png
---
'Making a Product: Transcripto' is an mkdev.originals web series that will see a small team of two making a working product step by step, from conception to designing and coding to the release! Join Kirill and Leo on the journey of creation of TRANSCRIPTO, a small but useful service for transcribing audio into text.

In ep. 5, Kirill is working on the features of Transcripto and then implements the design he got from Leo:

{% youtube WN5Wq8D_IAw %}

***

* [Episodes 0 & 1](https://dev.to/mkdev/the-road-to-mvp-planning-first-steps-and-brainstorming-the-product-features-in-miro-kb9): Introduction & The Road To MVP.
* [Episode 2](https://dev.to/mkdev/how-to-design-a-logo-for-your-startup-with-the-help-of-an-artificial-intelligence-40l5): How to design a logo with the help of an AI.
* [Episode 3](https://dev.to/mkdev/how-to-build-a-transcription-service-prototype-in-90-minutes-with-ruby-on-rails-and-aws-3884): How to build a service prototype in 90 minutes.
* [Episode 4](https://dev.to/mkdev/making-website-design-for-a-transcription-service-in-2-days-3m4): Making website design in 2 days.
* [Episode 5](https://dev.to/mkdev/the-impostor-syndrome-episode-adding-features-with-ruby-on-rails-and-having-fun-with-figma-and-css-2f4m): The Impostor Syndrome.
* [Episode 6](https://dev.to/mkdev/how-to-calculate-aws-stripe-costs-define-the-price-for-your-product-and-make-a-profit-on-the-way-1f8d): How to calculate AWS & Stripe costs.
* [Episode 7](https://dev.to/mkdev/is-there-a-place-for-a-small-startup-launch-without-a-big-promotional-budget-202n): Startup Launch.
* [Episode 8](https://dev.to/mkdev/aws-copilot-and-another-6-ways-to-easily-deploy-apps-to-aws-1njb): AWS Copilot.
* [Episode 9](https://dev.to/mkdev/you-ve-launched-a-new-product-now-what-4dkm): Now what?