Collective #475
![C475_components](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_components.jpg?x86293)
CodyHouse Components
CodyHouse's design system is an arsenal of production-ready components and tools that empower web designers to craft digital experiences faster and better.
Check it out![C475_Ran](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_Ran.png?x86293)
Learn To Build Pixel Perfect Websites in HOURS
Ran Segall shares how he uses Webflow to build pixel perfect websites super fast, making his design business highly profitable.
Register for a FREE web Class![C475_state](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_state.jpg?x86293)
The State of Web Browsers
Ferdy Christant's brilliant and insightful article on the current state of browsers.
Read it![C475_sDOM](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_sDOM.jpg?x86293)
What is the Shadow DOM?
Ire Aderinokun explains the Shadow DOM in an easy to understand way.
Check it out![C475_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_icons.jpg?x86293)
Accessible SVG Icons with Inline Sprites
A great article by Marco Hengstenberg on how to make SVG icon sprites accessible.
Read it![C475_wonderland](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_wonderland.jpg?x86293)
Play - Wonderland
An interactive playground by the folks of Wonderland where they share experiments they do within projects.
Check it out![C475_explorer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_explorer.jpg?x86293)
Tiny Explorer
A fantastic little explorer demo where you can capture an image for saving. Read more about it in this article. By Rachel Richardson.
Check it out![C475_lightning](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_lightning.jpg?x86293)
Three.js Lightning Strike
A library to create lightning strikes and voltaic arcs in three.js.
Check it out![C475_Gutenberg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_Gutenberg.jpg?x86293)
What Can Be Learned From The Gutenberg Accessibility Situation?
In this article, Andy Bell explains why WordPress "Gutenberg" is a movement and not just a new editor.
Read it![C475_pwa](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_pwa.jpg?x86293)
Progressive Web Apps: The Case for PWAs
An excerpt from Chapter 2 of Jason Grigsby's "Progressive Web Apps" book.
Read it![C475_fullstack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_fullstack.jpg?x86293)
Reluctant Gatekeeping: The Problem With Full Stack
Heydon Pickering writes about the trouble with full-stack development. Brad Frost also summarizes the article here.
Read it![C475_shopper](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_shopper.jpg?x86293)
Happy Shopper
A great looking Christmas Experiment demo by Lars Berg.
Check it out![C475_whypwa](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_whypwa.jpg?x86293)
Why Build Progressive Web Apps
The write-up of the first episode of Thomas Steiner's new YouTube show "Why Build Progressive Web Apps".
Read it![C475_rust](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_rust.jpg?x86293)
Rust 2018 is hereā¦ but what is it?
Learn all about what Rust is in this illustrated article by Lin Clark and the Rust Team.
Read it![C475_ChromiumEdge](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_ChromiumEdge.png?x86293)
Goodbye, EdgeHTML
An article by Chris Beard on why Microsoft adapting Chromium means handing more of our online life to Google.
Read it![C475_demohover](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_demohover.jpg?x86293)
Blog page concept with cursor image on hover
Ivan Grozdic made this demo where the cursor shows a image preview on hover.
Check it out![C475_pink](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_pink.jpg?x86293)
Pure CSS Pink
A new fantastic work by CSS artist Diana Smith.
Check it out![C475_marble](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_marble.jpg?x86293)
Space Marble Backgrounds Set
A beautiful set of 12 marble backgrounds with a space theme. Free for a subscription.
Get it![C475_rands](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_rands.jpg?x86293)
BrandStudio - Creative Agency
A vibrant web experience not to be missed.
Check it out![C475_game](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_game.jpg?x86293)
Mikuboard
A mini-game for the web, especially fun to play on a smartphone. Made by Daniwell.
Play it![C475_CSSOM](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_CSSOM.jpg?x86293)
An Introduction and Guide to the CSS Object Model (CSSOM)
Louis Lazaris' in-depth guide to the CSSOM, the set of APIs allowing the manipulation of CSS from JavaScript.
Read it![C475_edge](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_edge.jpg?x86293)
Microsoft Edge: Making the web better through more open source collaboration
The official announcement of Microsoft regarding the plan to make Edge a Chromium-based browser.
Read it![C475_flow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_flow.jpg?x86293)
Managing Flow and Rhythm with CSS Custom Properties
Andy Bell shows how to use the flow utility for creating consistent rhythm.
Check it out![C475_LeastAcc](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_LeastAcc.jpg?x86293)
The Least Accessible Website Ever?
Sacha Greif shares his thoughts on a recent accessibility discussion.
Read it![C475_repulsion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C475_repulsion.jpg?x86293)
Interactive Repulsion Effect with Three.js
A tutorial on how to recreate the interactive repulsion effect of grid items seen in BestServedBold's Dribbble shot "Holographic-Interactions".
Check it out