Art Direction for the Web with CSS Shapes

How you can go beyond the basics of CSS Shapes and use them to create different types of distinctive and engaging layouts for art-directed designs. - http://amp.gs/UP4E

#css

Choosing The Right Node.js Framework: Next, Nuxt, Nest?

A handy examination of the differences between three very popular server-side rendering frameworks. - http://amp.gs/UykJ

#nodejs

Animation Performance 101: Measuring with Dev Tools

Chloe Hwang explores how to measure and diagnose performance bottlenecks in your animations. - http://amp.gs/Uhzi

#css

'You Should Never Ever Run Directly Against Node.js in Production. Maybe.'

In short, directly running Node apps (particularly those that act as servers) can be brittle, so why not use tools like supervisor, nodemon or pm2 to keep things robust? - http://amp.gs/Uh6S

#nodejs

Adding Numbers using Boolean Operations in JavaScript

This isn’t necessarily useful in and of itself, but if you’re not aware of how numbers are added at the binary level, you’ll learn something. - http://amp.gs/UgjU

#javascript

Testing your Vue App with Jest and Travis CI

Do you want a cool GitHub badge on your Vue repo displaying your test coverage? This article will teach you to create test specs for a Vue app using Jest, add coverage using Coveralls, and build it all with Travis CI. - http://amp.gs/UgFC

#vue

Fastest way to cache for lazy developers — Angular with RxJS

HTTP caching simply means the browser stores local copies of web resources for faster retrieval the next time the resource is required, thus reducing the number of server calls. - http://amp.gs/UEJB

#angular

7 Useful JavaScript Tricks

I just can’t resist the occasional ‘here’s a bundle of neat tricks’ post, so sorry, not sorry 😂 The tricks are relatively simple, but if you’ve not heard of URLSearchParams, say, you need to be checking them out. - http://amp.gs/UVDK

#javascript

HTTP headers for the responsible developer

In this article, Stefan shares how HTTP headers can help you build better products for a better web for everyone. - http://amp.gs/U9qh

#http

How to Use CSS Logical Properties to Control Layout

Anna Monus explains how will logical properties help establish a new philosophy for creating more flexible layouts.
- http://amp.gs/U4JA

#css

Inclusively Hidden

A detailed look at the various ways in which you can hide content, with a particular focus on keeping things accessible. - http://amp.gs/UR2M

#accessibility

Building Login Functionality for NativeScript Apps

How to build a comprehensive login form including a bonus section on integrating with a backend provider such as Progress Kinvey. - http://amp.gs/UUhw

#nativescript

Thinking in components with Vue.js

This article is an introduction to the Vue components and it will give you an overview of props, data, methods, components, computed properties and watchers with examples.
- http://amp.gs/UdYu

#vue

Controlling Leftover Grid Items with pseudo-selectors

How you may want to deal with leftover grid ‘widow’ items that don’t fill an entire row. - http://amp.gs/UOI9

#css #grid

V8's Blazingly Fast Parsing: How Lazy Parsing Works

A deep-down, technical post from the V8 team on how the JavaScript engine’s pre-parsing functionality works to prevent unnecessary parsing taking place before it needs to. - http://amp.gs/UOi0

#nodejs

Detect Unsaved Changes in Angular Forms

Many applications feature at least one form which allows users to edit previously submitted data. One example of many from our application is that users can create widgets and configure their settings. So, when they click on the settings button, we’ll present a form pre-populated with various settings which can be modified.
- http://amp.gs/Ur96

#angular

Optimize the Performance of a Vue App with Async Components

Michiel Mulders demonstrates how, when building a Vue app with Vue CLI, to make use of both Vue’s async components and webpack’s code-splitting functionality to load in parts of a page after a Vue app’s initial render. - http://amp.gs/USh1

#vue

CSS Masonry With Flexbox, :nth-child(), and Order

Tobias Bjerrome Ahlin demonstrates how to build a masonry layout with CSS only by using Flexbox, :nth-child() and the order property. - http://amp.gs/UScF

#css

The Design Patterns Game

A quick online game to help test your familiarity with the ‘Gang of Four’ design patterns. - http://amp.gs/UNDU

#javascript #pattern

Using Angular Elements — Why and How? — Part 2

Angular Elements is awesome 😍! By implementing this awesome feature in your Angular Apps, you can: Convert a regular component into a truly native web element Compile the component into a standalone custom element *Communicate with Angular Elements through Inputs and Events
- http://amp.gs/UA9o

#angular

Building an Express-Based API To Convert Markdown to HTML

This is pretty basic but it’s always good to see Node mentioned on Smashing Magazine. - http://amp.gs/UqI1

#nodejs