Frontend Weekly Digest (25 Feb – 3 Mar 2019)
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.