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.

Web-development

•

Front-end Developer Handbook 2019
•

Developer Survey Results
•

Inline SVG… Cached
•

Web development, illustrated.
•

mobile input types
•

Javascript vs. CSS — More control means more responsibility
•

Using the Web Speech API for Multilingual Translations
•

Don’t trust the locals: investigating the prevalence of persistent client-side cross-site scripting in the wild

Performance:
• Native lazy loading and js-based fallback with vanilla-lazyload 12
• Google AMP lowered our page speed, and there's no choice but to use it
• How to get a 100 % Lighthouse performance score

Accessibility:
• Common accessibility issue: moving to a page section without shifting keyboard focus
• Color accessibility: tools and resources to help you design inclusive products
• Top 5 Questions Asked in Accessibility Trainings

Animations:
• How to Create a Sticky Image Effect with Three.js
• Pulling Apart SVGs with Reusable WebGL Components Using React-three-fiber

CSS

•

It’s 2019! Let’s End The Debate On Icon Fonts vs SVG Icons
•

A guide to understanding CSS Houdini with the help of cartoons
•

CSSBattle Tips n' tricks
•

Animating SVG with CSS
•

Follow these steps to become a CSS Superstar
•

Get a CSS Custom Property value with JavaScript
•

Art Direction For The Web Using CSS Shapes
•

Using a Mixin to Take the Math out of Responsive Font Sizes
•

Why you should use CSS env()
•

QUIZ: Well aimed? How well do you know CSS selectors?
•

sassyfication: library with sass mixins to speed up your css workflow.

JavaScript

•

jQuery 3.4.0 Released
•

The Chrome DevTools Sources Panel: Overrides vs FileSystem vs Snippets vs Page
•

Five reasons why Web Components could complement JavaScript frameworks
•

Kyle Simpson: I’ve Forgotten More JavaScript Than Most People Ever Learn
•

31 most popular GitHub JS repositories in April’19

Theory:
• Number Truncation in JavaScript
• The Pitfalls of Async/Await in Array Loops
• In Defense of the Ternary Statement
• Improve async programming with JavaScript promises
• Design patterns in modern JavaScript development

VueJS:
• Why your company should start using Vue.js
• Introducing a new State-Management for Vue.js
• VueJs Amsterdam 2019 experience and talks summary (Part 2)
• Why I Chose Vue over React
• Fetching Data from a Third-party API with Vue.js and Axios
• Make your Vue.js web apps discoverable — JavaScript SEO

React:
• What I wish I knew when I started to work with React.js
• React95 — A React components library with Win95 UI
• Styling Best Practices Using React
• The Best React Extension for VS Code
• Overview of Popular CSS-in-JS Libraries for React
• State Management with React Hooks — No Redux or Context API

Angular:
• Angular Context: Easy Data-Binding for Nested Component Trees and the Router Outlet
• Angular CLI — Demystifying the workspace
• Advanced Angular: Implementing a Reusable Autocomplete Component

Libs & Plugins:
• fkit: a functional programming toolkit for JavaScript
• jQuery Terminal Emulator — web based terminal
• Choices.js: a vanilla JS customisable select box/text input plugin

Browsers

•

What to expect in the new Microsoft Edge Insider Channels
•

Opera introduces Reborn 3, the first desktop browser with Web 3, faster VPN and ad blocker
•

Edge Goes Chromium: What Does it Mean for Front-End Developers?

Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.

Frontend Weekly Digest (8 – 14 Apr 2019)