Collective #460
![C460_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_WOTW.jpg?x86293)
Inspirational Website of the Week: Asaro
A beautiful design combined with great typography and interesting, fluid effects. Our pick this week.
Get inspired![C460_NW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_NW.gif?x86293)
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![C460_GitHubActions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_GitHubActions.jpg?x86293)
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![C460_33](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_33.jpg?x86293)
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![C460_neggridlines](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_neggridlines.jpg?x86293)
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![C460_dribbblesketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_dribbblesketch.jpg?x86293)
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![C460_houdini](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_houdini.jpg?x86293)
Houdini's Animation Worklet
Learn how you can supercharge your webapp's animations using Animation Worklet in this reference by Surma.
Read it![C460_lazyloading](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_lazyloading.jpg?x86293)
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![C460_openCodeSandbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_openCodeSandbox.jpg?x86293)
Open in CodeSandbox
A Chrome extension that adds an "Open in CodeSandbox" button to Github repos. By Sara Vieira.
Check it out![C460_access](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_access.jpg?x86293)
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![C460_VSCodeSand](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_VSCodeSand.jpg?x86293)
VSCode in CodeSandbox
CodeSandbox now supports opening VSCode directly.
Check it out![C460_MenuSVG](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_MenuSVG.jpg?x86293)
SVG Menu Experiments w/viewBox Zoom
Craig Roblewsky's collection of SVG navigation concepts.
Check it out![C460_nthletter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_nthletter.png?x86293)
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![C460_GitHubActionstut](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_GitHubActionstut.jpg?x86293)
Introducing GitHub Actions
Sarah Drasner explains GitHub actions and shows how to use them.
Read it![C460_cognitive](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_cognitive.jpg?x86293)
Designing for Cognitive Differences
Brandon Gregory writes about the challenges and solutions of designing for users with cognitive differences.
Read it![C460_avatars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_avatars.jpg?x86293)
User avatars (Sketch)
Some beautiful user avatar illustrations by Cécile L. Parker.
Get it![C460_landingpage](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_landingpage.jpg?x86293)
Namari: Free Landing Page Template
A free landing page template with a clean and modern design. By ShapingRain.
Get it![C460_omi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_omi.jpg?x86293)
Omi
A next generation web framework in just 4KB of JavaScript that combines JSX, Web Components, Proxy and Path Updating.
Check it out![C460_rythm](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_rythm.jpg?x86293)
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![C460_Colorblindly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_Colorblindly.jpg?x86293)
Colorblindly
An accessibility tool to help developers understand how colorblind users experience their website.
Check it out![C460_fullscreenloop](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C460_fullscreenloop.jpg?x86293)
Fullscreen Hover Loop Effect
A fullscreen loop effect that shows a fast preview of images when hovering a special menu item.
Check it out