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 | CSS | Javascript
Web-development
• 
Portfolio Rework Part 1: Animation, Micro interaction & SVG
• 
Static Site Generators: A Beginner’s Guide
- Accessibility:
•
When Is A Button Not A Button?
•
Accessibility is not a “React Problem”
•
Web Accessibility Guide — A curated collection of web accessibility tips, tricks, and best practices.
•
ARIA Authoring Practices on Accessible Date Pickers
•
An accessibility analysis of the top 1,000,000 home pages
•
Using Artificial Intelligence to Generate Alt Text on Images
- Performance:
•
A Bit of Performance
•
Serve Responsive Images
- Animations:
•
SVG Filter Effects: Moving Forward
•
Text Trail Effect
CSS
• 
Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints
• 
The CSS mental model by PPK
• 
The CSS Working Group agreed on adding many math functions
• 
Breaking Boxes With CSS Fragmentation by Rachel Andrew
• 
Recreating the Facebook Messenger Gradient Effect with CSS
• 
CSS selectors cheatsheet & details
• 
Lesser-known CSS properties in GIFs
• 
8 Little Videos About the Firefox Shape Path Editor
• 
Do CSS Custom Properties Beat Sass Loops?
• 
Look Ma, No Media Queries! Responsive Layouts Using CSS Grid
JavaScript
• 
JavaScript SEO: Welcome to a new series!
• 
How to write simple modern JavaScript apps with Webpack and progressive web techniques
• 
Releases: Apollo Client 2.5, Ember 3.8, GSAP 2.1
• 
Understanding a Performance Issue with “Polymorphic” JSON Data
- Theory:
•
The Complete Guide to Loops in JavaScript
•
What's the longest keyword sequence in Javascript?
•
Callbacks: The Definitive Guide
React:
•
We migrated to Next.js to serve our home page 7.5× faster
•
Improving Performance in React Functional Components using React.memo()
•
How the “Golden Rule” of React components can help you write better code
•
Writing Tests for React Applications Using Jest and Enzyme
•
Redux explained in 1 minute
•
8 reasons to use styled-components
VueJS:
•
Sliding In And Out Of Vue.js
•
Creating Custom Directives in Vue.js
•
One more example of abstract component in Vue.js
Angular:
•
MVC in an Angular World
•
Announcing Angular Loadable (ngx-loadable ~ 2.2kB)
•
How to Transfer Files and Data Between Angular Clients and Node.js Backends
- Libs & Plugins:
•
FrenchKiss.js — a blazing fast lightweight i18n library written in JavaScript, working both in the browser and NodeJS environments. It provides a simple and really fast solution for handling internationalization.
•
terser — A JavaScript parser and mangler/compressor toolkit for ES6+.
•
cnbuilder — Yet another classname string builder
•
Zero Server: zero configuration web framework
•
npmf: fetch quick info of a npm pacakge using terminal
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Автор: derSmoll
