Collective #460

Inspirational Website of the Week: Asaro
A beautiful design combined with great typography and interesting, fluid effects. Our pick this week.
Get inspired
Northwestern's Online MS in Information Design & Strategy
Build the skills needed to use data to drive strategy and user interactions. Specialize in content strategy, data science & analytics, or learning design.
Find out more
GitHub Actions: built by you, run by us
The official GitHub article on GitHub Actions, a new way to automate and customize your workflows.
Read it
33 Concepts Every JavaScript Developer Should Know
A repository created with the intention of helping developers master their concepts in JavaScript based on the article by Stephen Curtis.
Check it out
Negative Grid Lines
Learn about negative grid lines and how they can be useful in building a CSS Grid powered layout. An article by Michelle Barker.
Read it
Dribbble for Sketch
Dribbble launched a suite of new plugins and integrations to allow you to share your work directly from Sketch.
Check it out
Houdini's Animation Worklet
Learn how you can supercharge your webapp's animations using Animation Worklet in this reference by Surma.
Read it
Lazy Loading Images with Vue.js Directives and Intersection Observer
Mateusz Rybczonek shows how to do lazy loading with data attributes, Intersection Observer and custom directives in Vue.js
Read it
Open in CodeSandbox
A Chrome extension that adds an "Open in CodeSandbox" button to Github repos. By Sara Vieira.
Check it out
Pragmatic rules of web accessibility that will stick to your mind
A great article by Tiago Romero Garcia where he boils down web accessibility rules so that they can be easily remembered.
Read it
VSCode in CodeSandbox
CodeSandbox now supports opening VSCode directly.
Check it out
SVG Menu Experiments w/viewBox Zoom
Craig Roblewsky's collection of SVG navigation concepts.
Check it out
An nth-letter selector in CSS
Jeremy Keith writes about how the "::nth-letter" selector in CSS is something many would like to see implemented in browsers.
Check it out
Introducing GitHub Actions
Sarah Drasner explains GitHub actions and shows how to use them.
Read it
Designing for Cognitive Differences
Brandon Gregory writes about the challenges and solutions of designing for users with cognitive differences.
Read it
User avatars (Sketch)
Some beautiful user avatar illustrations by Cécile L. Parker.
Get it
Namari: Free Landing Page Template
A free landing page template with a clean and modern design. By ShapingRain.
Get it
Omi
A next generation web framework in just 4KB of JavaScript that combines JSX, Web Components, Proxy and Path Updating.
Check it out
Rhythm in Web Typography
An article based on chapter 6 from the book "Better Web Typography for a Better Web" by Matej Latin.
Read it
Colorblindly
An accessibility tool to help developers understand how colorblind users experience their website.
Check it out
Fullscreen Hover Loop Effect
A fullscreen loop effect that shows a fast preview of images when hovering a special menu item.
Check it out