Collective #750
Inspirational Website of the Week: DL
David Lubofsky's portfolio showcases a captivating and unique design, featuring a bold and playful typeface that immediately draws the viewer in. With a strong focus on the human element, this portfolio creates a highly engaging and personalized experience that showcases David's talents and skills in a memorable and impactful way.
Get inspired
This content is sponsored via Paved
Developer-friendly eSignature API that scales with your workflows
The signNow API is here to surprise you – always in a good way. We have designed the API to make it quick and easy for developers to build, test, and go live with an eSignature integration in one day instead of months.
TresJS
TresJS is to VueJS what React-three-fiber is to React. You can build 3D scene as they were Vue components. By Alvaro Sabu.
Check it out
Understanding the GraphQL Type System
Learn about GraphQL types and learn how to use them to build a complete GraphQL schema. A tutorial by Tania Rascia.
Read it
Create a stylish material switch effect with ThreeJS and GLSL
Francesco Michelini shows how to create a custom shader that allows to switch between two different matcaps in a stylish way.
Read it
Typographic Hierarchy in Print, Web & App Design
An excellent article on how to achieve better overall typographic hierarchy and enhance important parts of a UI.
Read it
Real-time hand tracking
An absolutely stunning experiment made by Xavier (Jack): real time hand tracking made with Three.js.
Check it out
Learn Images
The newest course on web.dev "Learn Images" will teach you all about image formats, compression, responsive images, and performance.
Check it out
The Guide To Responsive Design In 2023 and Beyond
Ahmad Shadeed takes a modern look at responsive web design and explores what's in for the future.
Read it
Accessible hamburger buttons without JavaScript
In this tutorial, you will learn how to build a fully accessible hamburger button using only HTML and CSS.
Check it out
Calligrapher.ai
An incredible tool to create realistic computer-generated handwriting.
Check it out
Todogrids
Todogrids is a todolist with a GitHub-style calendar heat map.
Check it out
Dockhunt
A new cool app where you can share your dock and see who else has docked the apps you use.
Check it out
Getlog
Getlog is a stunning free changelog for your product, it’s completely free and takes just minutes to set up.
Check it out
Container Queries and Typography
Robin Rendle shows some examples of how to use container queries in regards to text.
Check it out
Forking Chrome to render in a terminal
An amazing article by Fathy Boundjadj where you'll learn how to make Chrome render in a terminal!
Read it
CSS color-mix()
Adam Argyle shows how to mix colors, in any of the supported color spaces, right from your CSS.
Read it
Cal: Open Scheduling Infrastructure
In case you didn't know about it: an open source scheduling infrastructure for everyone.
Check it out
Mereba
An interactive music visualizer tool made with Three.js, which allows for a dynamic visualization of music through animations. To fully experience the spatial audio aspect of the visualization, it is recommended to use headphones.
Check it out
PSone.css
PSone.css is a Playstation 1 style CSS Framework created by 98mprice.
Check it out
From our blog
Awesome Demos Roundup #23
The latest compilation of innovative and captivating demos and code experiments from the web.
Check it out
From our blog
Bringing Letters to Life: Coding a Kinetic SVG Typography Animation
In this tutorial, you'll learn how to recreate a captivating motion type effect using SVG and GreenSock.
Check it out