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.
•
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
• 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.
• 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
• 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.
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
VueJS:
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
React:
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
Angular:- 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.
