Frontend News Digest 25 - 31.01

Use and reuse everything in SVG and create a countdown timer with CSS, the end of Trident era and even more
31 January 2020   470

Greetings! I hope your week went great! Here's new frontend technologies news digest.

Learn about the intrinsic sizing in CSS, learn how to create rocedural clouds using three.js Sprites, learn about the upcoming Node security updates for different versions and read\watch other interesting things.

Guides

  • Use and Reuse Everything in SVG… Even Animations!

This tutorial will teach you on how to build and optimize your code when working with SVG and CSS

  • Intrinsic Sizing In CSS

Through this guide, author explored each of the intrinsic values (one of the method of sizing in CSS) and see how we can get the benefit of them

  • Can you make a countdown timer in pure CSS?

Check another super power of CSS in this guide

  • How to Create Procedural Clouds Using Three.js Sprites

End result looks like a pretty working solution

Articles

  • Today, the Trident Era Ends

Microsoft released the new version of Edge browser, built on Chromium, so, the era of the Trident engine, that was used for IE and Edge is gone; check this deep dive into the IE era, look at it quirks, technologies, along with the ideas Microsoft put into it

  • JavaScript Libraries Are Almost Never Updated Once Installed

According to the analysis, based on CDNJS data, they really almost never being update after the installation, and that can be an issue

  • Microsoft is helping Google improve Chrome’s tab management

Great example of cooperation of two IT giants, aimed at improving browsers

  • Mozilla has banned nearly 200 malicious Firefox add-ons over the last two weeks

Quite an amazing number, great work the security team

  • February 2020 Security Releases

Some big security released are expected for the Node next week

Video

  • Humans can't read URLs. How can we fix it? - HTTP 203

Frontend News Digest 21 - 27.03

Embrace modern image formats, how to indicate scroll postion on page with CSS, integrate TypeScript with GraphQL and more
27 March 2020   373

Greetings! I hope your week went great! Here's new frontend technologies news digest.

Learn how to use the currentColor value in CSS, how to debug a child process in Node and Gatsby.js with Chrome, how to Debug a Node.js Application: Tips, Tricks and Tools and other cool, useful and demanded things, related to all parts of frontend development.

Guides

  • Embracing modern image formats

Learn how modern images formats and <picture> element can reduce image sizes

  • How to use the currentColor value in CSS

A tutorial on a basic CSS feature, great for newbies

  • Indicating Scroll Position on a Page With CSS

This guide will teach you how to indicate scroll position, using only CSS

  • How to debug a child process in Node and Gatsby.js with Chrome

Learn how to patch `jest-worker`package used by Gatsby.js and by patching enable child process debugging using Chrome Dev Tools in this tutorial

  • Integrating TypeScript with GraphQL

Learn how to integrade TypeScript with GraphQL

  • How to Debug a Node.js Application: Tips, Tricks and Tools

Massive tutorial on Node app debugging, with some tips, that can be useful even for skilled developers

Articles

  • Full Third-Party Cookie Blocking and More (in Safari)

Safari’s Intelligent Tracking, has been in beta for some time, introduces significant privacy changes, including cross-site cookies now being blocked by default

Video

  • The Complete AEA DC 2019 Now Online

Giant number of different interesting speeches from An Event Apart session, that was realeased special in a pack for you to stay home

Updates

  • uppload

JS image uploader with 30+ plugins 

  • Node-SQLite

SQLite client library for Node.js applications 

  • Backstage

Open platform for building developer portals