Frontend Weekly Digest (15 – 21 Apr 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.
• Announcing AMP Real URL
• How to Get a Progressive Web App into the Google Play Store
• Inline an SVG file in HTML, declaratively & asynchronously!
• Form Input Validation Using Only HTML5 and Regex
• What's New In DevTools (Chrome 75)
• CSS Subgrid News and demos
• CSS and accessibility
• CSS masonry with flexbox, :nth-child(), and order
• Fading out siblings on hover in CSS
• Introducing CSSBattle — the first CSS code-golfing game
• Pixel borders: a SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, colour coding, inset borders.
• Dynamic Rendering for JavaScript web apps — JavaScript SEO
• A horrifying globalThis polyfill in universal JavaScript
• 7 Useful JavaScript Tricks
• How to use the JavaScript console: going beyond console.log()
• ️Getting started with Javascript – The right tools and resources (Video Interview)
• When To Use TypeScript — A Detailed Guide Through Common Scenarios
• Simulating Mouse Movement
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Web-development
• Announcing AMP Real URL
• How to Get a Progressive Web App into the Google Play Store
• Inline an SVG file in HTML, declaratively & asynchronously!
• Form Input Validation Using Only HTML5 and Regex
• What's New In DevTools (Chrome 75)
- Performance:
• Three Ways of Checking Rel=preconnect Resource Hints Are Working
• Optimizing Performance With Resource Hints
- Animations:
• How to Create and Animate Rotated Overlays
• An scrollable WebGL presentation that visualizes why Notre-Dame was all but assured to go up in flames.
CSS
• CSS Subgrid News and demos
• CSS and accessibility
• CSS masonry with flexbox, :nth-child(), and order
• Fading out siblings on hover in CSS
• Introducing CSSBattle — the first CSS code-golfing game
• Pixel borders: a SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, colour coding, inset borders.
JavaScript
• Dynamic Rendering for JavaScript web apps — JavaScript SEO
• A horrifying globalThis polyfill in universal JavaScript
• 7 Useful JavaScript Tricks
• How to use the JavaScript console: going beyond console.log()
• ️Getting started with Javascript – The right tools and resources (Video Interview)
• When To Use TypeScript — A Detailed Guide Through Common Scenarios
• Simulating Mouse Movement
- Theory:
• JavaScript Fundamentals: Mastering Objects
• How to optimize your JavaScript apps using Loops
• JavaScript For Cats
• ES6 and Beyond >
• Exploring the hidden potential of JavaScript arrays!
- VueJS:
• Yes, this is how to cache pages by url with Vue, Vue Router and Keep Alive
• Optimize the Performance of a Vue App with Async Components
• How to Build a Sales Funnel with Vue.js
• The Power of Named Transitions in Vue
- React:
• Getting 60fps Animations in React
• Writing Redux-like simple middleware for React Hooks
• useReducer vs useState in React
• A Closer Look at React Memoize Hooks: useRef, useCallback, and useMemo
• From Redux to Hooks: A Case Study
• New React Redux coding style with hooks without selectors
• React Hooks cheat sheet: Unlock solutions to common problems
- Angular:
• Angular SEO done right with server-side rendering
• A quick dive into how things fit together in Angular
• Why And How To Lazy Load Angular Libraries
• «Differential Loading» — A New Feature of Angular CLI v8
• Angular’s PWA: SwPush and SwUpdate
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.