Frontend News Digest 18 - 24.01

How to turn a procreate drawing into a web animation, how to self-hos your web fonts, giant fines for privacy breach in EU and more
24 January 2020   470

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

Learn about the new browser in-development called Flow, which has a completely new multi-threaded rendering engine, Google is stopping the support for data-vocabulary, NodeJS update and other intersting posts, guides, updates and more are waiting for your attention in this digest.

Guides

  • How to Turn a Procreate Drawing into a Web Animation

Great tiny tutorial for those who use the popular iOS drawing app for creating something for your website

  • Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords

Deep guide for the CSS newbies, but even skilled frontenders can find something interesting

  • How To Self-Host Your Web Fonts

Learn how to self-host web fonts so you’re not rely on Google

Articles

  • New browser on the block: Flow

An interview with Piers Wombwell, lead developer of Flow, a new browser that is being developed and it has a completely new multi-threaded rendering engine (no relation to WebKit, Gecko, or Blink)

  • Fines for European privacy breaches reach 114 million euros: report

Don't break the law

  • Sunsetting support for data-vocabulary

Starting from April 6, the data-vocabulary markup will no longer be eligible for Google rich result features

Update

  • Playwright

Node lib to automate the Chromium, WebKit and Firefox browsers

  • AVA

Test runner for Node.js

  • Node v13.7.0 (Current)

Another update for superpopular tool

Video

  • dotJS 2019 - Bert Belder - Deno

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   470

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