teleren/devto huggingface dataset:
Front-end/web developer for a smart and fast- growing scale-up in Luxembourg
Published: 2021-06-02 09:32:36

If you wish to have more info and a quick chat write me @
enrica.pellegrini@matassarecruiting.com or 
via LinkedIn: https://www.linkedin.com/in/enrica-pellegrini-a0247b8/

The company:
For a smart, innovative and fast growing start-up, awarded as one of the 50 best start-ups in Luxembourg. Founded in 2017 by a small group of former university researchers, they already have a very solid base of clients (SMEs, large private and public companies) and long term projects.

You will join a multi-disciplinary team having competencies to cover the full development chain, including backend system development, web development, integration testing, data storage and analytics, machine learning, and system and network administration. 
You will take part in the development and integration of different clients’ projects but with a focus on one of our 
flagship projects (a general machine learning and analytics application)
 
Your profile
- You have a master or engineering school degree with a major in software engineering 
- You have excellent programing skills in JavaScript, TypeScript would be an asset
- You are familiar with asynchronous programming (callbacks, events) and multi-threading
- You master packaging (NPM), versioning (Git), and continuous integration (Jenkins, Bamboo, 
GitLab, etc.) tools.
- Experience with React, D3, UX design and data analytics would be a big asset 

Why join us? 
Our company has been supported by, and invested in, by Luxembourg Majors, with the funding to enable an important growth phase. This is an excellent opportunity to shape your role, contribute to the development of our company culture and work in a highly technical startup.

You are motivated to integrate quickly and work in a young, dynamic, and multi-cultural team? You have working proficiently in verbal and written English and you like to take initiatives, responsibilities, and work independently while still being a team player? We would love to hear from you!

For more info write me @
enrica.pellegrini@matassarecruiting.com or 
via LinkedIn: https://www.linkedin.com/in/enrica-pellegrini-a0247b8/
Using a CSS display none will still trigger an HTTP request for images
Tags: css
Published: 2021-06-02 09:28:19

---
title: Using a CSS display none will still trigger an HTTP request for images
published: true
description: 
tags: css
//cover_image: https://direct_url_to_image.jpg
---

Let's say we have the following code:
```markup
<img src="cat.jpg" style="display:none" />
```

This will still trigger the expensive HTTP call to get this image. This can be checked in Devtools - Network tab. 

The image will still be requested even if we use a media query.  
```css
@media (max-width: 500px) {
	img {
 		display: none; 
	} 
}
```

And even in the case when an img is inside of a hidden parent, the request is still made. 
```markup
<div class="hide">
	<img src="cat.jpg" />
</div> 
```

However, using the image as a CSS `background-image` on a hidden div will not trigger the call.
```markup
<div style="hide">
	<div style="background: url(cat.jpg)"></div> 
</div> 
```

I've discovered this while playing with the fun [Request Quest](https://jakearchibald.github.io/request-quest/) made by [Jake Archibald](https://jakearchibald.com/). It teaches you in a fun way how and when the requests are made for images. Also from a Javascript perspective.  Good to know from a performance point of view.

[![](http://www.js-craft.io/wp-content/uploads/2021/05/Screen-Shot-2021-05-27-at-3.16.15-PM-1024x559.png)](https://jakearchibald.github.io/request-quest/)

Cool stuff ! :)

First published on [http://www.js-craft.io/blog/using-a-css-display-none-will-still-trigger-an-http-request-for-images/](http://www.js-craft.io/blog/using-a-css-display-none-will-still-trigger-an-http-request-for-images/)
Full-Stack role for a fast-growing Scale-up in Luxembourg
Published: 2021-06-02 09:27:49

If you wish to have more info and a quick chat write me @
enrica.pellegrini@matassarecruiting.com or 
via LinkedIn: https://www.linkedin.com/in/enrica-pellegrini-a0247b8/

The company:
For a smart, innovative and fast growing start-up, awarded as one of the 50 best start-ups in Luxembourg. Founded in 2017 by a small group of former university researchers, they already have a very solid base of clients (SMEs, large private and public companies) and long term projects.

Your profile
- You have a master or engineering school degree with a major in software engineering
- You have approximately 3 years of professional experience
- You have excellent programing skills in Java (or another object-oriented programming 
language), Typescript/JavaScript, knowledge of C is an asset
- You are familiar with asynchronous programming (callbacks, events) and multi-threading
- You are experienced with data indexing structures (Lists, Maps, Trees, Graphs) and their 
algorithmic complexities
- You master packaging (Maven, NPM), versioning (Git), and continuous integration (Jenkins, 
Bamboo, GitLab, etc.) tools.
- Experience with React, D3 charts, UX design and data analytics would be an asset 

Why join us? 
Our company has been supported by, and invested in, by Luxembourg Majors, with the funding to enable an important growth phase. This is an excellent opportunity to shape your role, contribute to the development of our company culture and work in a highly technical startup.

For more info write me @
enrica.pellegrini@matassarecruiting.com or 
via LinkedIn: https://www.linkedin.com/in/enrica-pellegrini-a0247b8/
How to easily avoid typos in commit messages ?
Tags: git, typos, coding
Published: 2021-06-02 09:23:56

---
title: How to easily avoid typos in commit messages ?
published: true
description: Full proof way of avoiding typos in commit messages
tags: git, typos, coding
//cover_image: https://direct_url_to_image.jpg
---

Do you sometimes write commit messages with embarrassing typos and push it to remote ?  

Fear not! here's a full proof systematic way of writing a good commit message that can be brief as well as free of typo's.

Follow the following steps 

## Open VS-Code editor ever time you want to write a commit message. 

`$ git config --global core.editor "code --wait"`

## Install spell check extension 

Link : https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

## Start using `git commit` instead of `git commit -m ....`

So, now every time you wish to make a commit just use `git commit` which will open code editor where you can write a commit message and check and fix if there's any typo in your commit message 


![example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n53vpq3r020fmt3m6mox.png)
Functional Application Of Correlation Applying R And Analyzing The Pearson and Spearman Correlation Coefficients
Tags: machinelearning, functional, analytics, datascience
Published: 2021-06-02 09:18:15

#Topic: [Functional Application Of Correlation Applying R And Analyzing The Pearson and Spearman Correlation Coefficients](https://waliamrinal.medium.com/functional-application-of-correlation-applying-r-and-analyzing-the-pearson-and-spearman-correlation-e7f6b0ca59a3)

##Correlation is a statistical quantity that tells us about the association connecting the two variables. It explains how one variable functions if there is some fluctuation in the other variable.

#In my most recent article, I demonstrate the practical application of correlation by comparing two separate correlation coefficients, i.e. Pearson correlation coefficient and Spearman correlation coefficient, and discern whether they will proffer the equivalent strength or deviation.

##Correlation is significant in Statistics and Data Science to measure the relationship between test scores and other performance measures. With the help of correlation, it is possible to have a correct idea of the working capacity of an ML Model. With that, I encourage you to read my article and gain some knowledge from it.

{#datascience #statistics #analytics #research #correlation #pearson #spearman #R #rlanguage #correlationcoefficients}
[FREE COURSE] Build A Serverless JAMStack Micro-Blogging App Using Next.Js, Tailwind CSS, And FaunaDB
Tags: nextjs, react, javascript, tailwindcss
Published: 2021-06-02 09:18:05

**BIG NEWS: I just launched a new (FREE!) course on my new screencasts platform. 🥳**

**→ Learn how to [build a Serverless JAMStack Micro-Blogging App using Next.js, Tailwind CSS, and FaunaDB](https://screencasts.alterclass.io/courses/build-a-serverless-jamstack-micro-blogging-app-using-nextjs-tailwind-css-and-faunadb).**

It is LIVE now and available to anyone. So feel free to [share it with your friends](https://twitter.com/intent/tweet?url=https%3A%2F%2Fscreencasts.alterclass.io%2Fcourses%2Fbuild-a-serverless-jamstack-micro-blogging-app-using-nextjs-tailwind-css-and-faunadb&via=AlterClassIO&text=Learn%20How%20to%20Build%20a%20Serverless%20JAMStack%20Micro-Blogging%20App%20Using%20Next.js%2C%20Tailwind%20CSS%2C%20and%20FaunaDB)!

This course is pretty different from my [ReactJS program](https://alterclass.io/courses/react) as it is a project-based screencast series. In other words, you'll learn with me step-by-step how to build a JAMStack application using the best modern tools and technologies available.

- **React**: a JavaScript library that enables developers to quickly and efficiently build interactive and dynamic user interfaces. Working with React makes the developer's life a breeze, thanks to its simplicity and modular infrastructure

- **Next.js**: a React-based web framework with a bunch of features out-of-the-box such as hybrid static and server rendering, file-system routing, API routes, TypeScript support, and so much more. It makes your React applications more powerful and faster to build and maintain

- **Tailwind CSS**: a rapidly growing utility-first CSS framework that makes styling websites and web applications fast and flexible

- **Fauna DB**: a flexible, developer-friendly, transactional database

In a nutshell, here's what this FREE course has to offer:

- Almost **2 hours of pure coding**
- **19 step-by-step screencast videos**
- **4 modern technologies** to add to your resume
- **An awesome application** to add to your portfolio

What are you waiting for? 👉 [Click here to start learning](https://screencasts.alterclass.io/courses/build-a-serverless-jamstack-micro-blogging-app-using-nextjs-tailwind-css-and-faunadb).
Is blogging dead?
Tags: devrel, discuss, blogging
Published: 2021-06-02 09:08:14

Slightly ironic title given I am using a blogging platform but it's something I've heard people ask and I thought it would make a worth discussion amongst some of my friends, peers and colleagues. 

And that's what we did a few weeks ago, we all got together (virtually) and discussed why we blog, the platforms we use and how to keep it fresh. 

It was an interesting discussion, I think all of us were of the opinion that blogging has helped us either become better at our jobs or it had helped build up our personal brand in order to progress in our careers. 

My own [blog](https://www.techielass.com) story started over a discussion with some work colleagues many moons ago, and over time I've had spurts of activity where I had a post or several every week to times when I've not blogged for months. 

The thing is it helps, it helps me learn how to share my knowledge. And it also acts as a great repository of knowledge for me as well. I can look back and see how I did something a while back if my memory fails me. 

And recently a script I wrote back in 2017 helped someone and they sent me a message on [Twitter](https://www.twitter.com/techielass) to say thank you. So sharing is important. 

If your unsure about starting your blogging journey or if you are thinking about stopping blogging, please tune into the discussion I had with my friends, I think it will really help and inspire you. 😊

{% youtube J5q_DZJRpYM %}
Clean Your Code Using Java Optional
Tags: java, tutorial, webdev, programming
Published: 2021-06-02 08:55:39

## What's the problem? 🤕

The null check process is properly one of the most tedious and boring things we have to do while writing Java code.

## Why would I use null? isn't it a code smell? 🤢
Since the introduction of Optional in Java we have a nice alternative to express the absence of a value instead using null.

However, most of the time we ***fix/add*** to other people's code, which most likely has null all over the place.
So, to deal with this issue we have to write a lot of code to check for nulls.

#### Example of null check 🧐
```java
if (someVariable == null){
	// do something
}
else{
	// do something else
}
```
## Solution Using Optional 🤩

Optional provides us with a set of methods that allow to handle cases like

-	If null return this value
-	If null throw exception
-	If null do calculation and return value
-	If null run this function
-	And a couple more...

### Let's write some code to see how the first three work 👀

## 1️⃣
Null check style ☠️
```java
private String getString() {  
    String result = getStringFromDB();  
    if (result == null)  
        return "It's empty";  
    else 
	    return result;  
}
```

Optional style 😍
```java
private String getStringWithTrick() {  
    return Optional.ofNullable(getStringFromDB()).orElse("It's empty");  
}
```
## 2️⃣
Null check style ☠️
```java
private String getString() throws Exception{  
    String result = getStringFromDB();  
    if (result == null)  
        throw new Exception();  
    else  
	 return result;  
}
```
Optional Style 😍
```java
private String getStringWithTrick() throws Exception{  
    return Optional.ofNullable(getStringFromDB()).orElseThrow(Exception::new);  
}
```
## 3️⃣
Null check style ☠️
```java
private String getString() {  
    String result = getStringFromDB();  
    if (result == null)  
        return doCalculation();  
    else  
	 return result;  
}
```
Optional Style 😍
```java
private String getStringWithTrick() {  
    return Optional.ofNullable(getStringFromDB()).orElseGet(this::doCalculation);  
}
```

#### 👉 If you want a formal intro to Java's Optional refer to my post [How to escape NullPointerExceptions in Java using Optional](https://dev.to/jarjanazy/how-to-escape-nullpointerexceptions-in-java-using-optional-pek).

## Conclusion ✍️
- We managed to write some clean/clear code to perform null checking using Optional instead of writing imperative checking.

## Check code on [GitHub 👨‍💻](https://github.com/Jarjanazy/java-tutorial/tree/main/src/test/java/optionalTricks)
Introducing LibVLCSharp Commercial Licensing
Tags: libvlc, libvlcsharp, dotnet, licensing
Published: 2021-06-02 08:35:24

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

Today we are introducing a **Commercial License** for LibVLCSharp, the .NET SDK for the multimedia and cross-platform LibVLC framework.

# OSS Sustainability

[I have written before](https://mfkl.github.io/2020/10/25/OSS-sutainability.html) on the topic of open-source sustainability. This is a subject I find personally very interesting and solutions to these problems can prove tricky.

Donations just do not work.

And for developer tools, another approach seems particularly fitting: **Dual licensing**.

# Dual licensing

LibVLCSharp packages (and LibVLC) will remain licensed under the _LGPL2.1 license_. However, an additional _Commercial License_ is now available for commercial .NET users.

This is very much like the approach our friends at [Six Labors](https://sixlabors.com/pricing/), makers of [ImageSharp](https://github.com/SixLabors/ImageSharp)<sup>1</sup>, have chosen, and I believe it strikes a good balance between keeping an open and accessible license for individual developers, and inviting companies who critically rely on open-source projects to contribute financially.

# Pricing

Our [initial pricing](https://videolabs.io/solutions/libvlcsharp) is a single plan set at **99$/year per developer**<sup>2</sup> (including VAT).

We may introduce additional plans in the future, depending on your feedback. This is very competitive pricing considering the years of work that have already been put in LibVLCSharp (not to mention LibVLC), and the [additional guarantees](https://videolabs.io/solutions/libvlcsharp-commercial-license/) you will get for that small price:

- priority support,
- priority bug fixes, feature requests and documentation improvements,
- continuous updates of the current and future NuGet packages.

If your company builds commercial products using [LibVLCSharp](https://code.videolan.org/videolan/LibVLCSharp), we strongly encourage you to [purchase](https://videolabs.io/solutions/libvlcsharp/) one (or several) LibVLCSharp Commercial Licenses. Doing so will help support the project's long term viability.

<sup>1</sup> Btw, we have a nice and short [LibVLCSharp/ImageSharp code sample](https://code.videolan.org/mfkl/libvlcsharp-samples/-/blob/master/PreviewThumbnailExtractor/Program.cs)!

<sup>2</sup> If you require special pricing plans, such as Enterprise or Non-Profit, feel free to contact us at dotnet@videolabs.io.
React avatar generator
Tags: showdev, news, react
Published: 2021-06-02 08:26:06

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/66ap5vcsgt2jy561mnkg.png)

Hello :)

It has been a while for me to look for an avatar generator for my users that just signed up with an Email on the product.

Last weekend, luckily I found a new avatar template from the Figma community and I really like it at the first glance. So I downloaded the Figma files, writing code based on that. And now here it is, a react library for generating random but nice avatars, including an website for editing and preview.

I hope it helps for you guys :)

Github: https://github.com/dapi-labs/react-nice-avatar
Online Editor: https://nice-avatar.dapi.to/
UI Dev Newsletter #59
Tags: webdev, html, css, javascript
Published: 2021-06-02 08:17:29

- [CSS Container Queries For Designers](https://bit.ly/34BEyZK)
Ahmad Shadeed explores designing with container queries in mind and showing common use cases.


- [The new responsive: Web design in a component-driven world](https://bit.ly/2R7hDCB)
Una Kravets writes about controlling macro and micro layouts in a new era of responsive web design.


- [Disabling a link](https://bit.ly/3i1gszL)
Scott O’Hara lists the reasons for disabling a link and describes how to do it without JavaScript.


- [fit-content and fit-content()](https://bit.ly/3uBJkkT)
Peter-Paul Koch looks at fit-content and fit-content(), which are special values for width and grid definitions.


- [A New Way To Reduce Font Loading Impact: CSS Font Descriptors](https://bit.ly/34E7vUV)
Barry Pollard describes upcoming font options which may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.


- [Boost Your Rankings With Core Web Vitals](https://bit.ly/2TwNHkf)
Ekaterina Vujasinović and Nikola Petljak show you how to get ready for the search algorithm changes and optimize your website for better rankings.


- [Inclusive Design Principles](https://bit.ly/3wEaXLk)
Henny Swan, Ian Pouncey, Heydon Pickering, and Léonie Watson share a list of principles about designing for people’s needs with permanent, temporary, situational, or changing disabilities.


- [Landing Your Dream Developer Job with Emma Bostian](https://bit.ly/3fBmtBz)
Emma Bostian talks about her journey from her early days as an uncertain college graduate to her work at IBM to what she’s doing now as a tech influencer, podcaster, and Spotify engineer.



Happy coding!

[Subscribe to the newsletter here!](https://bit.ly/34155z3)
Laravel 8 Barcode Generator Tutorial Example

Tags: laravel, php, programming, tutorial
Published: 2021-06-02 08:13:23

<p>Hi Dev,</p>

<p>In This Article, i will apportion you how to engender barcode utilizing laravel 8. so you can just follow my step and engender barcode utilizing milon/barcode package let's implement it.</p>

<p>In this Tutorial i would relish to show you how to engender barcode in laravel 8 milon/barcode package.</p>

<p>In this blog, i will utilize milon/barcode package to engender simple <strong>text, numeric and image barcode</strong> in laravel 8 app.</p>

<p>So, let's start the example and follow my all steps.</p>

more..

https://codingtracker.blogspot.com/2021/06/laravel-8-barcode-generator-tutorial.html
A Simple CSS Trick to Instantly Make a Site Responsive Without Having a Ton of Code in Your Media Queries
Tags: css
Published: 2021-06-02 07:47:33

Hey, Josh here again. Lately, I’ve been showing you how to build projects with Ruby on Rails and React.js. Today, I’m going to show you something a little bit different – how to easily make your website responsive.

If you’ve written any CSS for responsive websites, then you know how much of a pain it can be to write media queries. This responsive technique involves only changing your font-size for each media query.

It’s all about using the ‘rem’ unit instead of using pixels. You might be used to writing something like this:
```css
.my-class {
 margin-top: 16px;
}
```
Instead of using the ‘px’ unit, you should be using the ‘rem’ unit. But how does the ‘rem’ unit work?

‘Rem’ stands for root em and it’s a dynamic value based on the root font-size. The browser default font-size is 16px. That means 1 rem == 16px. In our above example, we can use the following:
```css
.my-class {
 margin-top: 1rem;
}
```
But that doesn’t really change anything right now. We have the same margin at the top of our class. So why did we do this?

Easy, now, in your media queries, you can change your font-size and this will change everything that uses the ‘rem’ unit.
```css
@media only screen and (max-width: 600px) {
  html {
    font-size: 80%;
  }
}
```
This makes your font 80% of the root em, currently at 16px. That means on this media query, your font-size becomes 12.8px. And all of the other CSS you’ve written will now be based on this 12.8px value.

By making this one change – the font-size of the HTML file – you change everything else that uses the rem units.

You should immediately see how powerful this is. Instead of writing a ton of CSS in your media queries, all you have to do is adjust your font-size. Sure, you might have to add some more CSS, but this does most of the heavy lifting.

I should also note, instead of basing everything off the 16px value (the browser's default), you can just set your font-size in your html element without the media queries.
```css
html {
  font-size: 62.5%;
}
```
To make sure you see all of my new articles about CSS and other parts of web development, [follow me on Twitter](https://twitter.com/heyjoshlee).
Firestore Security Rules for read
Published: 2021-06-02 07:46:33

Anyone have any idea if it is possible to check whether a query has certain where clauses and limit?

Since we are advised not to trust users, it is possible for a user to remove a where clause and limit from a query and downloading a whole load of data, incuring lots of document reads and not intended use.

The only thing I can see is using Auth.uid but this doesn't really prevent the unintended usage.