Pseudo elements before vs pseudo selectors before. - http://bit.ly/2wYUtjZ

#css

Improving Load Performance

Kayce Basques demonstrates how to use Chrome DevTools to find ways to make your pages load faster. - http://bit.ly/2NS5v1j

#devTools #video

shimport: Use JavaScript Modules in All Browsers

Allows you to use JS modules in all browsers, including dynamic import(). Currently experimental - the creator says “Don’t rush into production with this; it’s not battle-tested”. - http://bit.ly/2x0slgb

#javascript

Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example

Learn how to build an SEO-friendly Vue.js SPA with prerendering, server-side rendering and other general SEO tips. A live prerender is demo included. - http://bit.ly/2MlmqYy

#vue #seo

A Guide to Building a REST API with Node.js and MongoDB

Uses Passport and JWTs for authentication. - http://bit.ly/2NuKTzx

#nodejs #rest #mongoDB

Super-Powered Grid Components with CSS Custom Properties

A walkthrough of building a text and image component that uses CSS Grid along with CSS variables for placement. - http://bit.ly/2M7pcRd

#css

DIY Subscription Handling Directive in Angular

In this article, we’ll learn how to manage subscriptions in the template with a bit more elegance. We’ll see the disadvantages to the current solution and consider how we can improve it by creating our own directive. - http://bit.ly/2wXTqR7

#angular

Conversational Semantics

Aaron Gustafson goes through a range of different semantic markup practices that will put you in good stead for a better interaction with services like Cortana, Siri, and Alexa. - http://bit.ly/2QiSob7

#html

SVG Icon Transition Generator Tool

Upload two SVG icons of the same size and get a new SVG which transitions between them on click or hover. - http://bit.ly/2MV6TUE

#tool #svg #icon

Announcing styled-components v4

styled-components brings the power of JavaScript and CSS together for styling components. v4, now available in beta, is a lot smaller and faster, includes a not hot-loadable global style API, and more. - http://bit.ly/2xfiMtM

#react

Using CSS Clip Path to Create Interactive Effects, Part II

A follow up to a January article on creating collage-style Web effects with CSS which leans on SVG to make things work in current browsers. - http://bit.ly/2Q9Cxf4

#css #svg

How to build a plugin/extensible application architecture in Angular 5+

Let’s say you have a base Angular application and in the future you plan to develop different features that have almost the same structure, but you don’t really want to deploy the whole application each time a new feature is ready for production, or, moreover you plan to allow 3rd party users to implement features and upload it into your app. - http://bit.ly/2p1f43z

#angular

The Web Design Museum: The First Decade of Web Design

Web Design Museum exhibits over 900 unique designs from the years 1995 to 2005. Discover forgotten trends in web design. - http://bit.ly/2CZEcBu

#web #design

Using JavaScript Promises with Node

Aimed at beginners, this article demonstrates the use of promises by way of short Node-based examples. - http://bit.ly/2M7q60b

#nodejs

React 16.5.0 Released

There’s no official blog post but 16.5 is out and is principally a bugfix release although support for the React DevTools Profiler has been added and work is taking place on a new scheduler. - http://bit.ly/2NH8kp6

#react

Vue State Management from the Ground Up

If you’re struggling to get your head around Vuex and the concept of state management, check out this great introductory tutorial by Adrià Fontcuberta. - http://bit.ly/2CSnW5k

#vue

Take a New Look at 'CSS Shapes'

Firefox 62 (out today) joins Chrome and Safari in supporting CSS Shapes, a way to define shapes within CSS for content to flow around. See how they work here, along with the new tools in Firefox to make editing such shapes easier. - http://bit.ly/2D11ved

#css

Logging HTTP Errors in Angular 6

In Maina’s last post, we looked at how we can use HTTP Interceptors to attach and refresh authorization tokens. In this post, we are going to use the same HTTP Interceptor to catch HTTP errors – 500, 401, 400 etc. – and logging them remotely. - http://bit.ly/2wZte8F

#angular

The Complete CSS Demo for OpenType Features

A lengthy single page demo of many font-feature-settings settings upon a variety of fonts. If you’re using the right fonts to support these settings you can get a lot more control over how your text looks. - http://bit.ly/2Nbz5CV

#css

Introducing Awaitjs-Express: Async Function Support for Express

Express was developed in an era long before await/async and while Express 5 is expected to support it natively, there are options for bringing async function support to existing versions such as this. - http://bit.ly/2D4eAmR

#nodejs #express #async