Collective #633
Publikováno: 5.11.2020
Webbed Briefs * Chasing the Pixel-Perfect Dream * Flow CSS Utility * Site-Speed Topography
The post Collective #633 appeared first on Codrops.
Inspirational Website of the Week: Krause Studio
A very unique design with a lot of personality. Our pick this week.
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.
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.
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.
Flow CSS Utility
Learn how the flow utility provides flow and rhythm between direct sibling elements. By Andy Bell.
Site-Speed Topography
Harry Roberts shares his approach for finding slowdowns, blindspots, and inefficiencies on websites.
Effective Skeleton Screens
Tim Kadlec on best practices when it comes to using skeleton screens.
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.
#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.
Coin Flip Donate Button
A really fantastic button animation made by Cooper Goeke.
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.
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.
Play the Chrome dino game with your gamepad
Thomas Steiner shows how to control web games with the Gamepad API.
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.
Converting the Vue.js markdown editor demo to vanilla JS
See how to convert the Vue.js markdown editor demo into vanilla JS.
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.
Block Rage
Block Rage is a super cool pixel art game where you must move descending blocks of different shapes to form lines.
Origami Simulator
An app that allows you to simulate how any origami crease pattern will fold.
If not SPAs, What?
Tom MacWright on alternative futures of the SPA pattern.
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.
The post Collective #633 appeared first on Codrops.