Frontend Weekly Digest #192 (4–10 January 2021)
Web-development
• Is Progressive Enhancement Dead Yet?
• The Art of Building Real-life Components
• What’s Wrong with Web Assembly?
• Front-end predictions for 2021
• Build a Google Doc clone with HTML, CSS, and JavaScript
- Performance
• Google PageSpeed Insights: The Truth About Scoring 100/100
• Analyzing Web Vitals with WebPageTest - Accessibility
• 2021 Mobile Accessibility Compliance and Legislation in EU
• How Cool Accessibility Tools Can Make Your Life Easier
• Techniques for Color Blind Friendly Web Apps using Chrome DevTools
• Digital Accessibility Year in Review: 2020 - Animations
• Animations 101 — Using Greensock
• Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders
CSS
• State Of CSS 2020 Report
• Options for styling web components
• Custom Properties as State
• Is Tailwind Really Worth It?
• Exploring the New CSS Houdini Painting API
JavaScript
• What is JavaScriptLandia?
• What’s the Difference between DOM Node and Element?
• Stack and Queue in JavaScript
• 7 Mistakes I Made (and Regret) as JavaScript Developer
• The bleeding edge of JavaScript classes
• Using Bootstrap components with custom JavaScript
- React
• A Story about React and Input Ranges
• Theming and Theme Switching with React and styled-components
• Concurrent Mode in React
• Advanced React Hooks: Deep Dive into useEffect Hook
• Build time atomic CSS-in-JS. Baked and ready to serve.
• xstyled — A utility-first CSS-in-JS framework built for React. Build your entire website using JSX and Props.
• Video Chatting and Screen Sharing with React, Node, WebRTC(peerjs)
• Vanilla Hooks (outside React) - Vue
• Vue.js 3 Tutorial with Example: Components, Props & Composition API - Ember
• Ember 3.24 Released
• Ember JS with its Pros and Cons
• Building a Glimmer Router with Navigo - Svelte
• Svelte and Spring Animations
• Should you use Svelte in production?
Browsers
• A Fun List of Browsers You’ve Never Heard Of
• How Vivaldi browser is different from Google Chrome