Collective #781
Inspirational Website of the Week: Ascon Systems
A well-thought design with buttery smooth animations and stunning graphics. Our pick this week.
Get inspired
From our sponsor Book this sponsorship
JavaScript scratchpad for VS Code, now with Logpoints
Quokka.js is the #1 tool for exploring and testing JavaScript. Code runs immediately as you type. Seeing runtime values has never been so easy. Simply place a breakpoint on a line, no debugger required: zero setup/configuration.
Try It Now
State of CSS 2023 Results
The results of the 2023 edition of the annual survey about the latest trends in the CSS ecosystem are out!
Check it out
Let’s Make a Rubber Button With HTML, CSS and SVG
Tyler Sticka shares the process of creating the rubber effect using SVG paths and CSS transitions, including accessibility and compatibility considerations.
Read it
Transitions
Material Design 3 guide on well-designed transitions and useful patterns.
Check it out
Puck: The self-hosted drag and drop editor for React
Puck is a self-hosted, drag and drop editor for React that offers visual editing for existing React component libraries, integrations with 3rd party headless CMS, inline content editing, and no vendor lock-in, allowing for self-hosting or integration with existing applications.
Check it out
Making Sense of React Server Components
Josh W. Comeau discusses the evolution of React and introduces React Server Components, explaining their benefits and how they differ from traditional React components, with a focus on their compatibility with Next.js.
Read it
TextBase
TextBase is a Python library that simplifies the development and deployment of AI chat applications through a single Python function.
Check it out
Future CSS Tip: Scroll-driven animations to scale elements
Jhey Tompkins shares a demo on how to use scroll-driven animation to scale elements, reimplementing a scrollable iOS dock design by Aleks.
Check it out
LVMH - The Showroom
The Showroom invites you to a gallery of innovations from Louis Vuitton, Dior, Tiffany & Co., RIMOWA, and more. It was made by Henri Heymans in collaboration with Robin Payot and Cosmic Shelter.
Check it out
Highlight compliment to a text-shadow effect
In this demo, Adam Argyle explores a 1-2px complimentary highlight shadow emulating a light source which makes the shadow effect look more realistic.
Check it out
CASE
Give your JavaScript client the powerful backend it deserves with CASE. This solution delivers a complete backend – including a database, admin panel, API, and JavaScript SDK – all with minimal hassle. Perfect for developers seeking a code-friendly alternative to traditional Backend-as-a-Service offerings.
Check it out
Design tool memory usage
Some interesting memory usage tests on various design tools, including Figma, Sketch, Illustrator, Photoshop, and Affinity Designer, under different scenarios.
Check it out
Website of Mason Wong
A really nice web design with supercool 3D interactivity made by Mason Wong.
Check it out
An Internet of PHP
In this article Timo Tijhof presents compelling evidence that PHP remains a dominant and sustainable choice for web development, citing statistics, anecdotes, and real-world examples of PHP's success at scale, while also acknowledging the diversity of technology options available to developers.
Check it out
Auto Interfaces
Auto Interfaces is a platform created by the team at Humanistic to track and share developments in automotive digital interfaces, highlighting the shift towards touchscreen technology and the potential for cars to become connected computing environments for various purposes, such as socialization and productivity.
Check it out
Watlings: Learn WebAssembly by writing small programs
Watlings aims to teach the WebAssembly Text Format (WAT) by fixing small programs, and it encourages learning through hands-on experience and minimal explanations while using Node 16+ and NPM for compilation and testing, with optional tools like WebAssembly Binary Toolkit and VSCode with the WATI extension recommended for a better learning experience.
Check it out
RecipeUI
RecipeUI, an open-source alternative to Postman, offers type safety with TypeScript, autocomplete, auto-generated docs, and reusable API templates to improve API request management and workflow efficiency.
Check it out
Spotify clone with View Transitions from Astro 3.0
Igor Penaque created this Spotify clone integrated with Astro View Transitions for fluid navigation, using technologies like Tailwind CSS and Svelte.
Check it out
We are Colorblind: Resources
Very important resources related to accessibility, disability simulation, color blindness, and tools for the colorblind.
Check it out
From our sponsor
Divi: The most popular choice for building WordPress websites
Divi is the most popular WordPress website building platform that offers advanced visual builder technology and a wide range of design options and features for users to create stunning websites easily and efficiently.
Try it for free