Applying Styles Based on the User Scroll Position with Smart CSS

Rik Schennink explains how to style elements on the page based on the current scroll position.
— http://amp.gs/96Da

#css

The Need for Speed: Lazy Load Non-Routable Modules in Angular

As you probably know, Angular comes with a functionality that allows you to lazy load routable modules out of the box. Although in most cases this functionality is sufficient, it’s still only a small piece of the pie. What about situations where we want to lazy load modules that aren’t routable?
— http://amp.gs/9bmn

#angular

'Trusted Types' To Help Prevent Cross-Site Scripting?

A look at an experimental, Chrome-only API that aims to prevent DOM-based cross-site scripting by only letting special typed objects to make certain types of changes to the page. — http://amp.gs/9bsH

#web #css

Constructable Stylesheets: Seamless Reusable Styles

Constructable Stylesheets are a new way to create and distribute reusable styles when using Shadow DOM and will be shipping in Chrome 73. — http://amp.gs/4Ixw

#css

26 Time Saving Tips for Vue

Michael Thiessen has summarized 26 Vue.js articles to help you avoid some common time-wasters and save you time when creating your Vue projects.
— http://amp.gs/4Isd

#vue #tips

Instrumenting HTTP Requests in Node — http://amp.gs/4j8R

#nodejs

Navi: A React Router with Hooks and Suspense

A new kind of router for React that that lets you declaratively map URLs to content, even if that content is asynchronous.
— http://amp.gs/4jXn

#react

Localization in Angular Using i18n Tools

In this article, we will learn how to make our Angular app available in different languages using i18n and localization. We will create an Angular application and configure it to serve the content in three different languages. We will also deploy our app to Google Firebase and see how localization works in real-time.
— http://amp.gs/48rW

#angular

How to Style Different Sites with One CSS Collection

An interesting approach here, driving two sites using the same CSS collection. — http://amp.gs/4TUL

#css

HTML Snapshot Testing with Node

Using Node for snapshot testing of HTML files generated for inclusion in daily report emails. — http://amp.gs/4zOG

#nodejs

Form Validation with HTML & Vuejs

This article shows you how to leverage HTML5 validation in a Vue.js app, as well as how to override any boring defaults and display attractive error messages.
— http://amp.gs/41kj

#vue #forms

Preloading Fonts and the Puzzle of Priorities

Another on preloading. This one’s a thorough and detailed look at how <link rel=preload> behaves specifically in regards to fonts, concluding that there’s a case to be made for preloading one or maybe two critical fonts. — http://amp.gs/4YnE

#web #fonts

'We Migrated to Next.js to Serve Our Home Page 7.5× Faster'

Going from a basic React boilerplate to Next.js can yield key initial render time improvements, simply due to having the first part prerendered on the server instead. — http://amp.gs/4t7l

#react

Ten npm Security Best Practices

Concerned about npm vulnerabilities? This post covers a lot of ground from avoiding leaving secrets in published npm packages to disclosing vulnerabilities and using 2FA. — http://amp.gs/4mYm

#nodejs

10 Node Frameworks Worth Checking Out: Express, Loopback, Hapi, & Beyond

A basic run-down but might put some new things on your radar. — http://amp.gs/4Z1J

#nodejs

Simple state management in Angular with only Services and RxJS

One of the most challenging things in software development is state management. Currently there are several state management libraries for Angular apps: NGRX, NGXS, Akita… All of them have different styles of managing state, the most popular being NGRX, which pretty much follows the FLUX/Redux principles from React world (basically using one way data flow and immutable data structures).
— http://amp.gs/4pmH

#angular

Of Mice and BEM: Getting Past Common Problems With CSS Organization

Philip Zastrow addresses four common misconceptions about BEM and explains how and why the CSS naming convention of Block Element Modifier helps solve organizational thinking around class names. — http://amp.gs/4pMD

#css #bem

Creating Custom Directives in Vue.js

Directives are special attributes with the v- prefix. — http://amp.gs/4lW9

#vue

Using Node 11.7 Worker Threads with RxJS Observable — http://amp.gs/4Bur

#nodejs #rxjs

The Magic of React-Based Multi-Step Forms

One way to deal with long, complex forms is to break them up into multiple steps. — http://amp.gs/4ntW

#react #forms

Lifting the Veil: Insights into Angular’s EventManagerPlugin

In this article, Netanel will walk us through the steps of extending the Angular events system and providing our own custom events. But first we need to understand how Angular manages events.
— http://amp.gs/4n0I

#angular