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

•

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.

What Is yield and How Does It Work in C#?

Java vs .Net: Who will Reign in the Future?

What's new in AngouriMath 1.2?

Audio over Bluetooth: most detailed information about profiles, codecs, and devices

Free Wireguard VPN service on AWS

Frontend Weekly Digest (15 – 21 Apr 2019)

Your account

Sections

Information

Services