Collective #744
Publikováno: 22.12.2022
Crafty Amigo * CSS Style Queries * D2 Playground * 2022 CSS Updates * IMG Quest
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.
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.
Crafty Amigo
A free 3D design app built by Navid Safabakhsh after learning from the Three.js course by Bruno Simon.
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.
CSS Style Queries
Ahmad Shadeed takes a look at CSS container style queries and shows what we can do with them.
D2 Playground
An online runner to play, learn, and create with D2, the modern diagram scripting language that turns text to diagrams.
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.
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.
Using inline JavaScript modules to prevent CSS blockage
Stoyan Stefanov shows how to use inline JavaScript modules to prevent CSS blockage.
CSS Infinite 3D Sliders
Temani Afif shows how to code infinite sliders using only CSS.
IMG Quest
An open-source API to generate Open Graph images. By Vincent Will.
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.
Logical Border Radius
Michelle Barker explores how to use logical properties for border-radius in CSS.
Tailwind Color Background Split
Simon Vrachliotis explains how to make a color background split effect with CSS Grid.
Voeux 2023
A beautiful Three.js Christmas experience made by Sebastien Lempens.
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.
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.
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.
Custom Diffusion
A multi-concept customization of text-to-image diffusion by the Adobe Research team.
Point·E
OpenAI just released a point cloud diffusion for 3D model generation.
From Our Blog
Sketch 023: Background Picker
A fun background picker concept where a fullscreen grid of gradients is animated in.
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.