Collective #744
Inspirational Website of the Week: Aleksandr Yaremenko
The portfolio of Aleksandr Yaremenko is a celebration of exciting design elements brought to a next level. A great source of inspiration.
Get inspired
Our Sponsor
Explore the world like a local with Babbel
If you’ve always wanted to learn a new language, Babbel will be the most productive 10 minutes of your day. Trusted by over 10 million subscribers worldwide, the subscription-based language learning platform can get you confidently conversing in a new tongue in just three weeks. This isn’t your grade school textbook: the bite-sized lessons, available in 14 languages, teach you localized vocabulary you’ll actually use in the real world. Plus, speech recognition technology helps you perfect your accent. Sign up today and get up to 60 percent off your subscription.
Learn more
Crafty Amigo
A free 3D design app built by Navid Safabakhsh after learning from the Three.js course by Bruno Simon.
Check it out
The State of CSS 2022 Results
Explore the results of the 2022 edition of the annual survey about the latest trends in the CSS ecosystem.
Check it out
CSS Style Queries
Ahmad Shadeed takes a look at CSS container style queries and shows what we can do with them.
Read it
D2 Playground
An online runner to play, learn, and create with D2, the modern diagram scripting language that turns text to diagrams.
Check it out
2022 CSS Updates
The 10th door of this year’s 12 Days of Web edition, is Stephanie Eckles’s article where she reviews eleven exciting additions to CSS that became fully or nearly cross-browser in 2022.
Read it
Getting the correct HTML codecs parameter for an AV1 video
Jake Archibald’s guide on how to get the right codec information for a AV1 video when embedding.
Read it
Using inline JavaScript modules to prevent CSS blockage
Stoyan Stefanov shows how to use inline JavaScript modules to prevent CSS blockage.
Read it
CSS Infinite 3D Sliders
Temani Afif shows how to code infinite sliders using only CSS.
Read it
IMG Quest
An open-source API to generate Open Graph images. By Vincent Will.
Check it out
Help choose the syntax for CSS Nesting
The CSS Working Group is continuing a debate over the best way to define nesting in CSS and is asking for input from web devs.
Check it out
Logical Border Radius
Michelle Barker explores how to use logical properties for border-radius in CSS.
Read it
Tailwind Color Background Split
Simon Vrachliotis explains how to make a color background split effect with CSS Grid.
Check it out
Voeux 2023
A beautiful Three.js Christmas experience made by Sebastien Lempens.
Check it out
Mad Max Fury Road Title
A CSS only demo of Mad Max Fury Road title sequence with PNG/WEBP cutouts from the original digital movie.
Check it out
3D Maki Roll Selector with <SelectMenu>
A super cool demo made by Jhey Thompkins. To view it you have to use Chrome Canary with the “Experimental Web Platform Features” flag set.
Check it out
Counting unique visitors without using cookies, UIDs or fingerprinting.
In case you missed it: A great article by Nic Mulvaney on building a web analytics service without cookies.
Read it
Custom Diffusion
A multi-concept customization of text-to-image diffusion by the Adobe Research team.
Check it out
Point·E
OpenAI just released a point cloud diffusion for 3D model generation.
Check it out
From Our Blog
Sketch 023: Background Picker
A fun background picker concept where a fullscreen grid of gradients is animated in.
Check it out
Our Sponsor
Get access to marketing and sales resources here
Whether you’re looking to land the next promotion or solve a sales or marketing challenge at work, The Juice can help. The ultimate industry insider hack, The Juice aggregates career-enhancing resources from top brands and thought leaders and organizes them in one place, so you don’t have to keep filling out marketing forms for access (or dodging sales calls yourself). Start thinking like top B2B marketers and sales professionals with The Juice.
Check it out