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.
Автор: derSmoll
