Collective #494

Inspirational Website of the Week: Sterling

A very innovative and modern design with clever animations. Our pick this week.

Create a website in minutes on WordPress.com

WordPress.com gives you everything you need to start your website today. Free hosting, your own domain, a world-class support team, and so much more.

JavaScript Loading Priorities in Chrome

Addy Osmani shares an up to date summary of script scheduling in Chrome.

How A Screen Reader User Accesses The Web: A Smashing Video

Join Léonie Watson (a blind screen reader user) as she explores the web in this Smashing TV webinar recording.

Lunar Popup

Beautifully designed and animated popups for your next project.

Codecrumbs

Learn, design or document any codebase by putting breadcrumbs in the source code.

Iconsvg

A tool to simplify the process of finding and generating common SVG icons for your project.

GSAP 2.1 Released

The exciting highlights of the new version of GSAP including advanced staggers.

Regex Cheat Sheet

Emma Wedekind's useful cheat sheet for creating regular expressions.

Amino

A live CSS editor for writing user style sheets. Customize your favorite sites, save and sync your styles.

Color wheel (CSS)

Louis Hoebregts' mind-boggling shape animations that are controlled by a timing-function.

Breaking Down JavaScript Solutions To Common Algorithmic Questions (Part 1)

A short tutorial by Emma Wedekind where she breaks down three top algorithm coding questions.

Context and Optimizations - HTTP 203

Jake and Surma talk about the importance of context when making performance optimizations.

Loader turbulence

A turbulence loading animation made by Damien Montastier.

Designing for Conversions

Brandon Gregory writes about what's important when designing for conversions.

How @supports Works

A great summary by Chris Coyier on using @support in CSS.

Vue Trend Chart

Simple trend charts for Vue.js. By Dmytro Barylo.

How Facebook Designs Microinteractions for Feature Discovery

A very thorough write-up by Jonathan Doron on how to re-create one of Facebook's microinteractions.

An in-depth journey into how Node works. By Jamie Corkhill.

NPM Uninstall Facebook

A list of alternatives to Facebook apps and software.

Blob study

Liam Egan's interesting blob demo.

Free Font: Throne

A paintbrush font with SVG and regular OTF by Anna Zakharchenko.

SVG Filter Effects: Creating Texture with <feTurbulence>

Learn how you can use the powerful SVG filter primitive <feTurbulence> to create your own textures and distortion effects.

How to Create a Fake 3D Image Effect with WebGL

Learn how to create an interactive "fake" 3D effect for images with depth maps and plain WebGL.