Collective #494
Publikováno: 21.2.2019
Codecrumbs * How @supports Works * Iconsvg * Lunar Popup * Amino * How A Screen Reader User Accesses The Web
Collective #494 was written by Pedro Botelho and published on Codrops.

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.

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.
Collective #494 was written by Pedro Botelho and published on Codrops.