Collective #720
Inspirational Website of the Week: Sapporo Nishiyama
An artful design with lovely typography and smooth effect details. Our pick this week.
Get inspired
Our Sponsor
Fully Managed Cloud & Web Hosting
Not every project is created equal, so why should every hosting plan? At Liquid Web, we specialize in understanding your goals and engineering a tailored solution that helps you reach your business goals faster.
Check it out
Holograms, light-leaks and how to build CSS-only shaders
Robb Owen shows how to get a shiny WebGL look without actually using WebGL, but CSS blend modes only.
Read it
The Public APIs List
A community-curated and updated resource for public APIs.
Check it out
Siter.io
Build a website visually with a powerful no code online editor tool. Design websites in the browser and host them online.
Check it out
Lost Geometry 3D Illustrations
Huge set of 91 abstract 3D objects in various styles to bring a modern touch to your interfaces. PNG version is available for free.
Check it out
The CSS behind Figma
A look at some interesting use-cases for CSS flexbox and grid in Figma app by Ahmad Shadeed.
Read it
Statements Vs. Expressions
In this blog post, you'll learn about statements and expressions, and see how building an intuition about this can help solve practical problems.
Read it
Where’s the button? Designing for mode confusion
An interesting article on modes and when they can be useful or confusing.
Read it
Avoiding <img> layout shifts: aspect-ratio vs width & height attributes
Jake Archibald explores what's the best technique to use in order to avoid layout shifts with images.
Read it
Building your website using Jigsaw
Learn how to build a website with the static site generator Jigsaw.
Read it
The Many Faces of Themeable Design Systems
Brad Frost takes a look at themeable design systems that are used to provide a flexible foundation for many diverse products.
Check it out
GitHub Copilot and Open Source: A Love Story That Won’t End Well?
With Copilot, is Microsoft/GitHub taking too many liberties with the open source software that has been entrusted in their repositories? A very interesting read by Sasha Medvedovsky.
Read it
musicForProgramming();
Really great resource for good programming music! Also, a very nice website.
Check it out
Funnel Easy
Create and export a funnel in seconds with this tool.
Check it out
Clever CSS tricks
A very interesting thread by Steve Sewell where he collects cool CSS tricks employed by great sites.
Check it out
Godlike
Godlike is a production-ready website component library for Framer that will save you tons of time on your projects.
Check it out
PocketBase
PocketBase is an open source Go backend with realtime database, authentication, file storage and admin dashboard.
Check it out
Designers Lobby
Designers Lobby is a curated collection of more than 1200 design resources and tools with over 60 categories handpicked from the web. By Nitin Singh.
Check it out
Serve
Serve is a tool for developers to generate authenticated API endpoints with database queries.
Check it out
The History of User Interfaces
A collection of classic user interface from 1973 to 2007. By Victor Ponamariov.
Check it out
Style with Stateful, Semantic Selectors
If a state is important enough to indicate visually, it's probably important enough to expose to assistive technologies. Learn how we can use that to create more robust styles. By Ben Myers.
Check it out
CSS complexity: it's complicated
There's lots of places in CSS to have complexity, but we tend to focus on selectors most of the time. In this article, Bart Veneman takes a look at other places too.
Read it
Nx - The fastest growing monorepo solution in the JS ecosystem
Juri Strumpflohner on the great success of Nx, and what monorepos are.
Read it
RemoteFriendly
In case you didn't know about it: Find the latest remote jobs in software engineering, design, management, customer service, and more.
Check it out
Kreya
The cross-platform gRPC and REST GUI testing tool.
Check it out
From Our Blog
Tiny Grid Layout Animation
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
Check it out