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