This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.
• Introducing the new HTML element — welcome <clippy>!
• Interactive Animation in HTML Email
• When should you be using Web Workers?
• 7 absolute truths I unlearned as junior developer
• The Anatomy of Accessible Forms: Required Form Fields
• The State of CSS 2019
• Styling In Modern Web Apps
• A new terminal-style line breaking with CSS Text
• The perils of functional CSS
• Why Most Developers Fear CSS
• Animating CSS Grid Rows and Columns
• every-layout.dev — Relearn CSS layout
• Drawing Realistic Clouds with SVG and CSS
• DOM Element Dimensions and CSS Transforms
• Making Tables Responsive With Minimal CSS
• JSConf Hawaii 2019, 9 videos
• JSConf EU 2019, 17 videos
• Protocol for communication between iframe and the main window
• Everything You Need to Know About Date in JavaScript
• Web Audio for Electric Guitar: How to Connect Instrument
• List of (Advanced) JavaScript Questions
• Firefox: The Evolution Of A Brand
• Mozilla says paid subscription service is coming to Firefox
• Chrome 76 Beta: dark mode, payments, new PWA features and more
• Address Bar Install for Progressive Web Apps on the Desktop
• Reddit: Microsoft Edge developers AMA
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Web-development
• Introducing the new HTML element — welcome <clippy>!
• Interactive Animation in HTML Email
• When should you be using Web Workers?
• 7 absolute truths I unlearned as junior developer
• The Anatomy of Accessible Forms: Required Form Fields
- API:
• Fullscreen API: How to go fullscreen on iPad Safari
• The Layout Instability API. Detect unexpected layout shifts in JavaScript.
• JS Tidbits — MediaStream API
CSS
• The State of CSS 2019
• Styling In Modern Web Apps
• A new terminal-style line breaking with CSS Text
• The perils of functional CSS
• Why Most Developers Fear CSS
• Animating CSS Grid Rows and Columns
• every-layout.dev — Relearn CSS layout
• Drawing Realistic Clouds with SVG and CSS
• DOM Element Dimensions and CSS Transforms
• Making Tables Responsive With Minimal CSS
JavaScript
• JSConf Hawaii 2019, 9 videos
• JSConf EU 2019, 17 videos
• Protocol for communication between iframe and the main window
• Everything You Need to Know About Date in JavaScript
• Web Audio for Electric Guitar: How to Connect Instrument
• List of (Advanced) JavaScript Questions
- React:
• A Deep Dive into Redux
• Announcing styled-components v5: Beast Mode
• Using Cypress to Write Tests for a React Application
• Learn React Hooks by writing your first Hook
- Angular:
• How To Use jQuery With Angular (When You Absolutely Have To)
• Learn Angular & RxJS: Countdown Timer
• All you need to know about Ivy, The new Angular engine!
• Multiple Angular Apps on a single page
• An in-depth look at Angular’s ng template
• A Guide to Angular 8's Differential Loading
- Ember:
• Ember in 2019: Tearing Down «Us and Them»
• Improving Your DX on Ember, Part 1: Quick Wins
• #EmberJS2019: My wish list
• The Ember.js testing guide, I made for myself
• Static Types in EmberJs?
- Libs & Plugins:
• Pinker.js A standalone JavaScript library for rendering code/class diagrams on your web page.
• Javascript Library Boilerplate Basic — Minimal Library Starter Kit for your Javascript projects
• Macro Decorators — Decorators for getter/setter macros!
• fuzzyjs is a fuzzy search algorithm in javascript
• Resize Observer — A highly performant and true to life polyfill for observing changes to element dimensions.
Browsers
• Firefox: The Evolution Of A Brand
• Mozilla says paid subscription service is coming to Firefox
• Chrome 76 Beta: dark mode, payments, new PWA features and more
• Address Bar Install for Progressive Web Apps on the Desktop
• Reddit: Microsoft Edge developers AMA
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.