In this edition, we’ve curated some fascinating reads and links, including getting started with those big-brain LLMs, learning about specificity in CSS through a fun little game Lea Verou coded up, and a guide to fighting back against companies that use deceptive designs. And of course much more!
Explore “Navigating career”, where Readymag and YCM unite to spotlight designers’ key milestones. Discover insights from Vitaly Friedman, Cat How, Beth Wilson, and more on overcoming challenges like burnout, client dynamics, and career shifts. This collection offers stories of resilience, mentorship, and balancing passion with professionalism. Ideal for those navigating their design journey or seeking inspiration.
Jeremy Keith criticizes Apple’s resistance to the EU’s Digital Markets Act, highlighting concerns about the impact on web apps and user choice. He urges readers to voice opposition by submitting feedback to the EU commission through Open Web Advocacy.
Matt Proetsch guides us through setting up and using Large Language Models (LLMs) like GPT-3.5/GPT-4 or Meta’s LLaMA 2, explaining their functionality, environment setup, and how to interact with them.
gpu-curtains is an open-source WebGPU 3D engine built to help you synchronize DOM and 3D elements. Made by Martin Laxenaire.
Pika, a user-friendly blogging platform created by Good Enough, emphasizes simplicity and intuitive functionality for its users.
Reor is an AI-powered desktop note-taking app: it automatically links related ideas, answers questions on your notes and provides semantic search. Everything is stored locally and you can edit your notes with an Obsidian-like markdown editor.
A very satisfying painting app where the brushes are photos.
💙 Keep our free publication alive with a tiny contribution! Your support helps us cover monthly costs and ensures that we can continue providing valuable content. 🙏
An amazing demo by Nine where you can see how in a couple of lines of GSAP code and a simple CSS rotation you can create a fake 3D look! Also check out this related demo.
Maxime Heckel’s latest demo is a fidget toy made with React Three Fiber and Rapier. You can see the code here.
Amit Sheen created an impressive CSS-only 3D shape that animates.
❓Did you know that…
…before Google’s famous Street View, there was Amazon’s “Block View”? Launched in 2004 through Amazon’s A9.com search engine, Block View offered street-level photographs of stores and restaurants paired with their Amazon listings, a whole year before Google introduced Street View.
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!
Your Codrops team xxx
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.