Collective #759
Inspirational Website of the Week: Blockchain Family
This design features a sleek, futuristic aesthetic, complemented by engaging scroll effects and distinctive details, with a well-crafted color scheme and well chosen typography.
Get inspired
CSS Masking
Ahmad Shadeed explains CSS masking, covering different ways of masking in CSS, practical use cases, and a step-by-step process of creating a mask feature, with the aim of providing readers with a comprehensive understanding of where to use it in their projects.
Check it out
Gut
Gut is a user-friendly Git CLI for Windows, Mac, and GNU/Linux. With intuitive commands and streamlined workflows, Gut simplifies the process of using Git's complex system, allowing you to focus on your code.
Check it out
Post-GPT Computing
Grady Simon shares his thoughts on OpenAI's ChatGPT and its potential to revolutionize personal computing, and while he initially felt a sense of dread and opportunity lost, he ultimately believes that there will be a large ecosystem of new software experiences built by a variety of individuals and teams suited to different types of users with different goals situated in different environments.
Read it
From Our Sponsor
Revolutionize your website building process
Unleash your creativity and bring your dream website to life with Divi, the ultimate WordPress page builder. With its intuitive drag-and-drop interface, advanced design options, and lightning-fast performance, Divi empowers developers to easily and quickly customize client sites, resulting in stunning, professional-looking websites that will leave a lasting impression.
Try it for free for 30 days
Mirrorful
Mirrorful is a tool that allows you to manage design tokens and export your configured theme in any format to structure your project in a scalable manner.
Check it out
Grid World
The article explores the ubiquity of grids in design and everyday life, from imaginary island maps drawn on graph paper to pixelated icons on a computer screen, and argues that the grid is a lens through which we understand and rationalize the world.
Read it
Saying Goodbye to GitHub
Ersei bids farewell to GitHub and cites the AI-powered Copilot regurgitating GPL code as a reason, leading to a switch to SourceHut that aligns with their open-source philosophy.
Check it out
Regex.ai
This AI-powered regular expression generator and solver can help you automate your data extraction tasks and streamline your workflow.
Check it out
Thoughts on Svelte
Ty Hopp shares his experience using Svelte and SvelteKit for building a personal RSS reader, highlighting the component format, built-in stores, and event dispatcher API as great features.
Read it
RoboPianist: A Benchmark for High-Dimensional Robot Control
Researchers have introduced a benchmarking suite for high-dimensional control called RoboPianist, which involves mastering the piano through bi-manual dexterity using a pair of simulated anthropomorphic robot hands, and includes 150 variable-difficulty songs. The demo was built using Three.js.
Check it out
Openplayground
Openplayground is a playground for LLM that can be run on laptops with features like support for different models, full playground UI, comparison of models, auto-detection of local models, and phone support.
Check it out
Fighting inter-component HTML bloat
This article by Elise Hein discusses how the separation of concerns in design systems can lead to bloated HTML between components and suggests ways for component authors to promote good markup hygiene at the inter-component level.
Read it
New to the web platform in March
Discover some of the interesting features that landed in stable and beta web browsers during March 2023 in this article by Rachel Andrew.
Read it
Cutouts with Clip Paths
Dan Wilson explains how clip paths can be used to create cutouts inside shapes, including nested cutouts and curved shapes, with examples and code snippets provided.
Check it out
Mullvad Browser
The Mullvad Browser is a privacy-focused web browser developed in collaboration between Mullvad VPN and the Tor Project. It’s produced to minimize tracking and fingerprinting. You could say it's a Tor Browser to use without the Tor Network.
Check it out
The search element
The HTML specification added a new grouping content element. The search element. Learn how to use it in this article by Scott O'Hara.
Check it out
Neural Networks: Zero To Hero
Andrej Karpathy's "Neural Networks: Zero to Hero" is a course that teaches building neural networks from scratch, focusing on language models, and covering topics like backpropagation, multilayer perceptrons, activations and gradients, batch normalization, and building a Generatively Pretrained Transformer.
Check it out
ddd-hexagonal-cqrs-es-eda
Complete working example of a Todo app using Domain Driven Design (DDD), Hexagonal Architecture, CQRS, Event Sourcing (ES), Event Driven Architecture (EDA), Behaviour Driven Development (BDD) using TypeScript and NestJS.
Check it out
e2b (english2bits)
e2b (english2bits) is an IDE powered by AI agents. Developers describe what they want to build by writing documentation. Then let AI agents with access to tools do the coding work.
Check it out
Something Pretty Right: A History of Visual Basic
A super interesting article on how Visual Basic became the world's most dominant programming environment. Read this thread on Twitter by Zach Saucier on how he created the page for this.
Check it out
3D Camera Icons
Jon Kantner made these amazing looking 3D camera icons with CSS only. The icons rotate and they consist of layered gradients and box shadows, also animated, to produce the lighting effects.
Check it out
From our blog
UI Interactions & Animations Roundup #30
A fresh collection of Dribbble shots featuring trendsetting creative animations and motion designs to fuel your inspiration.
Check it out
From our blog
Case Study: Crosswire
Take a look behind the scenes of the creation of a unique website for Crosswire that used a 3D environment made with WebGL to simplify their complex service offering.
Check it out
From our blog
Ideas for Pixel Page Transitions
Inspiration for "pixel" page transitions based on Niccolò Miranda's animation.
Check it out