Collective #767
Inspirational Website of the Week: Wanted For Nothing
With stunning effects, interactive elements, and a design that feels tangible, the website of Wanted for Nothing delights you with wonderful effects as you scroll and hover. Its beautiful dark design adds a touch of elegance, making it our pick this week.
Get inspired
Our sponsor
Secure a mighty domain for a mini price
Looking for an affordable .com domain? Look no further! Get yours for just $5.98 using our exclusive discount code NEWCOM598. Privacy and security are our top priorities, along with premium products and services tailored for businesses. Enjoy round-the-clock customer support, too. Don't miss out, new customers only.
300ms Faster: Reducing Wikipedia's Total Blocking Time
In this article Nicholas Ray you'll learn how two simple steps improved the responsiveness of Wikipedia's mobile site.
Read it
Rooms.xyz
A virtual space where you can reate and remix interactive rooms directly from the browser. There are example rooms available to explore, and features include the ability to choose from hundreds of items to add, build anything desired, view the source code and change how things work, and share the room with others for playback on desktop and iOS.
Check it out
Mastering CSS Blend Modes
This article is about CSS blend modes and how they offer a powerful tool for creating visually interesting designs by manipulating the interaction of elements and applying blending techniques to overlay images, text, and other elements.
Read it
Usehooks: A collection of modern, server-safe React hooks
A collection of modern, server-safe React hooks from the ui.dev team.
Check it out
Fastgron: High-performance JSON to GRON converter
Fastgron transforms JSON into discrete assignments to make it easier to grep for what you want and see the absolute 'path' to it. It eases the exploration of APIs that return large blobs of JSON but have terrible documentation.
Check it out
Don Knuth's ChatGPT questions
Don Knuth's questions and super-interesting commentary on the answers of chatGPT, with topics ranging from computer science to literature. While expressing amazement, Knuth also provides criticism and highlights an intriguing observation, noting how the confident tone of the AI's responses lends credibility to the fabricated information, making it difficult for those unaware of the source to question its authority and research.
Check it out
Everything You Want To Know About Media Queries and Responsive Design
Learn all about media queries, responsive design principles and techniques, and the mobile-first approach that is taken at Kablamo.
Read it
Gradient Along SVG Path with GSAP
This article by Ksenia Kondrashova provides a tutorial on creating a gradient along an SVG path using GSAP and JavaScript, showcasing step-by-step instructions and code examples to achieve the desired effect.
Read it
QR Code Designer
QR Code Designer is a web app that allows you to create QR codes with custom designs in the middle section, offering a unique approach that maintains QR code functionality while adding personalized visual elements.
Check it out
SpaceBadgers
With SpaceBadgers you can create fast and clean SVG badges for your projects.
Check it out
Linting defensive and logical CSS with Stylelint plugins
An article by Daniel Yuschick about using Stylelint plugins to enforce defensive and logical CSS practices and modern best practices, such as background-repeat, custom property fallbacks, flex wrapping, and vendor prefix grouping.
Read it
Slack Architecture
In this extensive article on Slack Architecture, the author explores the system design of Slack, highlighting its real-time messaging platform, workspaces, channels, and user interactions, while providing resources for further learning and terminology clarification.
Read it
Brief Note on Popovers with Dialogs
Adrian Roselli warns developers of potential issues for users when mixing and matching patterns of popovers and dialogs and recommends testing overlapping interactions or converting all modal dialogs to native HTML <dialog> elements.
Read it
Scroll-driven Animations
A great collection of demos and tools to show off scroll-driven animations. In one of the demos you can see how CSS can be used to create a cover card to fixed header effect. By Bramus.
Read it
Nyxt browser: The hacker's browser
Out of the box Nyxt ships with tens of features that allow you to quickly analyze, navigate, and extract information from the Internet. Plus, Nyxt is fully hackable- all of its source code can be introspected, modified, and tweaked to your exact specification.
Check it out
From our blog
UI Interactions & Animations Roundup #33
Get inspired with new motion designs and creative UI interactions in our newest roundup, showcasing the latest works from talented artists on Dribbble.
Check it out
From our blog
Inspirational Websites Roundup #46
A fresh collection of the most creative and beautiful websites that caught our attention in the past couple of weeks.
Check it out