background:linear-gradient(to right, gold 8em, #ccc 8em) bottom left no-repeat;/* here start/stop color is et at 8em, use your own value and colors */
background-size:100% 3px;/* here set thickness */
New and experimental CSS Firefox tools, Node.js' new current version update, deep dive to its internals and many other interest things awaits you
29 August 2019
Greetings! I hope your week went great! Here's new Frontend news digest.
In this digest, you will learn how to release custom react component, hook or an effect as an npm Package, learn about the powers of HTML5 storage that allos you to create shopping card and about new experimental CSS tools in Firefox. Also, Node.js v12.9.1 is out.
Creating A Shopping Cart With HTML5 Web Storage
This guide will teach you how to use the HTML Web Storage powers to create a shopping card step-by-step
How to Release a Custom React Component, Hook or Effect as an npm Package
Author believes he find a way how to release hook, custom component of React of an Effect as an npm Package in a more easier way than always
Faster Image Loading With Embedded Image Previews
EIP technology described in this post allows us to load preview images during lazy loading using progressive JPEGs, Ajax and HTTP range requests with no additional data transered.
Node v12.9.1 (Current)
Small release fixes 2 regressions in the http module
New & Experimental CSS Tools in Firefox
UX designer at Mozilla Firefox Developer Tools team talks about cool new and even experimental CSS Tools in popular browser
A Journey into Node.js Internals
Easy to set up (according to the developers) and customizable JS menu
Data Table Component
Includes a lot of features, and, according to the developers, is simple, sortable and flexible