Collective #404
![C404_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_WOTW.jpg?x86293)
Inspirational Website of the Week: The Shift
An innovative design with beautiful effects. Our pick this week.
Get inspired![C404_PageCloud](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_PageCloud.gif?x86293)
The Fastest Way to Build a Custom Website
PageCloud is the #1 rated Website Builder on TrustPilot with a 9.5/10! You've never built a site like this before. Try it free today!
Check it out![C404_designsystem](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_designsystem.jpg?x86293)
Creating Themeable Design Systems
Brad Frost dispels the myth that design systems impose stifling rigidity on design teams.
Read it![C404_lazyload](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_lazyload.jpg?x86293)
Lazy Loading Images and Video
Jeremy Wagner explains how lazy loading helps lower initial page payload and load time.
Read it![C404_popup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_popup.jpg?x86293)
Are Mobile Pop-Ups Dying? Are They Even Worth Saving?
A very insightful analysis of the mobile pop-up pattern by Suzanne Scacca.
Read it![C404_ecma](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_ecma.jpg?x86293)
Here are examples of everything new in ECMAScript 2016, 2017, and 2018
A guide to the new features of modern ECMAScript.
Read it![C404_cube](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_cube.jpg?x86293)
Unfolding Cube Recursion
An amazing recursive cube animation created by Jon Kantner.
Check it out![C404_map](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_map.jpg?x86293)
Generated Maps
A fantastic Twitter thread by Jason Grinblat where he shares a collection of amazing map generators and their creators.
Check it out![C404_functional](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_functional.jpg?x86293)
Beautiful and Functional Interfaces
An interesting read on the design of professional interfaces. By Moses Kim.
Read it![C404_reddit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_reddit.jpg?x86293)
The Inside Story of Reddit's Redesign
Read all about the interesting story of Reddit's epic redesign that about one percent of Redditors can currently see.
Read it![C404_wasm](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_wasm.jpg?x86293)
JavaScript to Rust and Back Again: A wasm-bindgen Tale
Alex Crichton dives into wasm-bindgen, a project for facilitating high-level interactions between wasm modules and JavaScript.
Check it out![C404_ecosystem](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_ecosystem.jpg?x86293)
The Node.js Ecosystem Is Chaos
Casper Beyer reminds us how critical dependency bears many risks in the Node.js ecosystem.
Read it![C404_copypaste](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_copypaste.jpg?x86293)
Be careful what you copy: Invisibly inserting user names into text with Zero-Width Characters
Read about zero-width characters and how they can be used to fingerprint text. Check out the Chrome extension here.
Read it![C404_focus](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_focus.jpg?x86293)
Focusing on Focus Styles
Eric Bailey writes about the importance of focus styles for other forms of input.
Read it![C404_html](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_html.jpg?x86293)
Introduction to HTML
A course that will teach you the basics of HTML in less than an hour. Read more about it in this article.
Check it out![C404_perlin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_perlin.jpg?x86293)
Perlin Noise
A beautiful Perlin Noise demo created by yasaisai.
Check it out![C404_emoji](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_emoji.jpg?x86293)
Streamline Emoji
A gigantic free collection of cute emoji made by Webalys.
Get it![C404_building](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_building.jpg?x86293)
Draggable House
A fun demo where you can drag the roof of a house to expand the building.
Check it out![C404_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_font.jpg?x86293)
Free Font: Odessa
A very creative font designed by Theodore Kapogiannopoulos.
Get it![C404_mockups](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C404_mockups.jpg?x86293)
Free Mockups
Some great free mockup images by MockupPhotos.
Check it out