Collective #633
Inspirational Website of the Week: Krause Studio
A very unique design with a lot of personality. Our pick this week.
Get inspired
Banish email trails & feedback spreadsheets forever with BugHerd
Get website feedback that’s visual not vague. BugHerd pins feedback and bugs directly to your website pages and turns it into actionable, trackable tasks.
Try it free
Webbed Briefs
Webbed Briefs are brief, hilarious videos about the web, its technologies, and how to make the most of them. By no other than Heydon Pickering.
Check it out
Chasing the Pixel-Perfect Dream
A great article by Josh W Comeau on the impossibility of hitting “true” pixel-perfection and why that’s actually not such a big deal.
Read it
Flow CSS Utility
Learn how the flow utility provides flow and rhythm between direct sibling elements. By Andy Bell.
Read it
Site-Speed Topography
Harry Roberts shares his approach for finding slowdowns, blindspots, and inefficiencies on websites.
Read it
Effective Skeleton Screens
Tim Kadlec on best practices when it comes to using skeleton screens.
Read it
Internationalization And Localization For Static Sites
Internationalization and localization is more than just writing your content in multiple languages. Learn all about it in this guide by Sam Richard.
Read it
#30DayMapChallenge
If you’re into maps: The official repository for #30DayMapChallenge, It is a daily mapping, cartography and data visualization challenge aimed at the spatial community.
Check it out
Coin Flip Donate Button
A really fantastic button animation made by Cooper Goeke.
Check it out
How to persistently change third party web sites with browser developer tools
Christian Heilmann explains how to use some features of Developer Tools that allow you to change web sites locally.
Read it
Additive Animations in CSS
Learn how you can use the Web Animations API to apply two simultaneous animations that modify the same property in CSS.
Read it
Play the Chrome dino game with your gamepad
Thomas Steiner shows how to control web games with the Gamepad API.
Read it
What Makes JavaScript JavaScript? Prototypal Inheritance
A guide that will help you understand prototypal inheritance in JavaScript: prototype object, inherited propertes and chain of prototypes.
Read it
Converting the Vue.js markdown editor demo to vanilla JS
See how to convert the Vue.js markdown editor demo into vanilla JS.
Check it out
Container Queries are coming to Chromium!
Bramus Van Damme picked up some interesting news: the Chromium team intents to prototype container queries as proposed by Miriam Suzanne.
Read it
Block Rage
Block Rage is a super cool pixel art game where you must move descending blocks of different shapes to form lines.
Check it out
Origami Simulator
An app that allows you to simulate how any origami crease pattern will fold.
Check it out
If not SPAs, What?
Tom MacWright on alternative futures of the SPA pattern.
Read it
Distorted Infinite WebGL Slider with Pixi.js
In this video you’ll learn how to code the infinite scrollable image slider from Lamadone Studio using Pixi.js.
Check it out