Inspirational Website of the Week: Jorge Toloza
An excellent design with a unique feel and smooth animations. Our pick this week.
This content is sponsored via BuySellAds
Build websites faster with Divi Cloud
Divi Cloud is like Dropbox for your Divi websites: save something to Divi Cloud and it becomes available on all of your and your clients’ websites while you build them.
Mobile-First CSS: Is It Time for a Rethink?
Patrick Clancey summarizes the advantages of the mobile first approach and some alternate solutions if mobile-first doesn’t seem to suit a project.
The World’s Most Satisfying Checkbox
Some great insight into how the (Not Boring) Habits app became Apple Design Award winner with a game feel approach.
Fresh
Just in time edge rendering, island based interactivity, and no configuration TypeScript support using Deno.
Untools
A collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems.
Software Engineering
Addy Osmani shares some of the software engineering soft skills he has learned from his first 10 years on Google Chrome.
CSS Shadow Gradients
A generator for supercool shadow gradients with pure CSS. By Alvaro Trigo.
In circles and spheres
In this Offscreen Canvas edition, you’ll learn all about looping over circles, sines, cosines, and spheres.
Simple CSS solutions
Kevin Powell shows some straigh-forward CSS solutions using pseudo-classes.
Aspects of Accessibility (a11y) – Semantics, Contrast and… Anxiety?
An article by Sara J. Wallén that covers some a11y issues, also looking at anxiety-inducing design.
Plain text. With lines.
Kartik Agaram writes about an app he made that allows to write and draw.
Stack Tower Game
Michal Zalobny made this Stack Tower Game with THREE.js and React based on Hunor Márton Borbély’s tutorial.
The End of Localhost
Learn why swyx thinks that in the future, most development will not be done on localhost.
Tooll 3 – A realtime animation toolkit
An open source software for motion design and procedural content generation. Makers are calling for folks to help and try it out!
Three.js Particle Skull
Anderson Mancini made this interactive skull in Three.js. Watch the breakdown and check out the code.
Better scrolling through modern CSS
Learn all about improving scrolling through CSS in this article by Mayank.
Useful utilities and toys over DNS
Free and useful services over DNS accessible on command line.
How to: Make your multilingual website suitable for RTL
Some knowledgeable things to make your website suitable for RTL and LTR languages with just HTML and CSS.
I’ve locked myself out of my digital life
A very interesting article by Terence Eden on a situation that shows the limits of the “Code Is Law” movement.
Calendar.txt
Keep your calendar in a plain text file with Calendar.txt. It is versionable, supports all operating systems and easily syncs with Android mobile phone.
Patterns
The W3C Web Accessibility Initiative (WAI) shares some essential patterns for understanding when and why to use ARIA.
Dialogs and shadow DOM: can we make it accessible?
Nolan Lawson takes another look at getting dialogs to play nicely with shadow DOM.
Sake
Sake is a command runner for local and remote hosts. You define servers and tasks in a sake.yaml config file and then run the tasks on the servers.
The post Collective #716 appeared first on Codrops.