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.
