 |
 |
|
Welcome to Collective #796 |
You know what’s super cool? Website makers using modern CSS in a progressive enhanced way and studios open sourcing their website 😎 And hey, we've got the lowdown on both of these cool trends today, plus a bunch of great resources to help you learn and get inspired! |
|
Have a fantastic week and happy exploring! |
|
|
Choose Cloud, Dedicated, or vServer at budget-friendly rates for your gaming server. Design your laaS to match your project's needs with full root access.
Find out more 👉 |
|
|
|
|
| The survey is now open for submissions. Participate to help shape JavaScript insights. |
|
|
|
|
|
|
|
|
|
| Hey Studio has released their custom WordPress website template for free, following the principles of open source. The template was created in partnership with programmer Federico Salort, and it is optimized for use on all devices. Although it is a complimentary product, Hey Studio accepts donations to continue improving the template. |
|
|
|
|
|
|
|
|
|
| SonicGarbage is a unique audio project that creates fun loops from random sound pieces. It performs a YouTube search with random phrases to discover videos, then processes their audio into ready-to-use one-shot and loop formats. Each sample loop is given a unique timestamped URL and added to an archive of random YouTube sample packs. Read more about it in this article. |
|
|
|
|
|
|
|
|
|
| Maciek Fitzner describes his journey into 3D CSS, exploring the challenges and creative solutions in using HTML and CSS to create sophisticated 3D shapes, with a focus on spheres and a Jack O' Lantern project. |
|
|
|
|
|
|
|
|
|
| Chris Ferdinandi on his newfound understanding and appreciation for Web Components, emphasizing their advantages such as scoping, built-in methods, and declarative options over traditional JavaScript libraries for DOM manipulation. |
|
|
|
|
|
|
|
|
|
| Former Google Maps designer Elizabeth Laraki critiques the recent visual changes, expressing dissatisfaction with the new colors and arguing for a cleaner design that prioritizes map visibility and simplifies features. |
|
|
|
|
|
|
|
|
|
| A fun party game where you need to find an AI-worthy strategy to survive a tricky life-or-death situation. AI decides if it’s a sound strategy or not. |
|
|
|
|
|
|
|
|
|
| Rek Bell writes his journey on learning how to create a font for his comic, detailing the process using FontForge and providing insights into font anatomy, iterations, kerning, and problem-solving during the font creation. |
|
|
|
|
|
|
|
|
|
| A former Google employee reflects on 18 years at the company, praising its early culture and values while expressing concerns about the erosion of transparency, trust, and visionary leadership, particularly under Sundar Pichai, and highlighting the impact of layoffs on the company's culture. |
|
|
|
|
|
|
|
|
|
| PhysGaussian is a new way to simulate and create realistic images using 3D Gaussian kernels. It combines physics-based dynamics and photo-realistic renderings, and works well with different types of materials. DreamingTupla has a nice thread, explaining why it’s such a game-changer. |
|
|
|
|
|
|
|
|
|
| In this experiment, the Matis explores growing plants through code, utilizing 3D paths in Blender, procedural branchlet generation, and the addition of leaves that dynamically respond to scrolling, achieved through mesh manipulation and shader transformations in a WebGL environment. |
|
|
|
|
|
|
|
|
|
| UneeBee is an excellent alternative to Duolingo, offering an open-source, white-label platform that allows you to create interactive courses for teaching anything. It's ideal for companies, schools, and creators looking for a flexible and customizable solution. |
|
|
|
|
|
|
|
|
|
|
|
Behind the Pixel 🔎 |
 |
In this section, Manoela examines small design and animation details and takes a peek under the hood to see how they are accomplished. |
This week we peek under the hood of Studio Rueda’s website and inspect how they pulled off the squeezy scroll effect. They actually sent us a message with a note how they used CSS-only scroll driven animations (for Chrome) and if we have a look at the code, we can see that they indeed made a clever use of view-timeline with an animation: |
 |
It’s still experimental but it’s nice to see some sites using it in production for browsers that support it! |
|
|
Video Vault |
|
|
|
 | | Evgeny from Uprock Agency is showcasing his latest work which is a redesign for CURA. It’s a nice design with brutalist elements and interesting motions with perfect timing. The vapor smudge effect of the logo is just 🤤 |
|
|
|
|
|
|
|
|
|
|
Demo Corner |
|
|
From our blog |
| | Explore the latest highlights from the dynamic world of UI animations and interactive designs on Dribbble, crafted by skillful designers. |
|
|
|
|
|
|
|
|
|
|
❓Did you know that… |
…John McCarthy officially coined the term "Artificial Intelligence" in 1956 at the Dartmouth Workshop, a significant gathering that formally marked the beginning of AI as an academic discipline? The workshop's main goal was to explore the potential of developing machines that could simulate human intelligence, initiating a concentrated investigation into the field of AI. |
|
|
|
|
|
|
And that’s all! Thank you for reading the Collective! If you have something you would like us to feature in the next edition, simply reply to this email! |
|
|
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future. |
|
|
|
|
