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
•
Portfolio Rework Part 1: Animation, Micro interaction & SVG
• Static Site Generators: A Beginner’s Guide
• 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 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
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.
