Collective #720
![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_WOTW.jpg?x72856)
Inspirational Website of the Week: Sapporo Nishiyama
An artful design with lovely typography and smooth effect details. Our pick this week.
Get inspired![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/liquidweb.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_shaders.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_apislist.jpg?x72856)
The Public APIs List
A community-curated and updated resource for public APIs.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_buildsite.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_3d.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_framercss.jpg?x72856)
The CSS behind Figma
A look at some interesting use-cases for CSS flexbox and grid in Figma app by Ahmad Shadeed.
Read it![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_statement.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_modes.jpg?x72856)
Where’s the button? Designing for mode confusion
An interesting article on modes and when they can be useful or confusing.
Read it![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_img.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_jigsaw.jpg?x72856)
Building your website using Jigsaw
Learn how to build a website with the static site generator Jigsaw.
Read it![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_designsystemtheme.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_github.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_codingmusic.jpg?x72856)
musicForProgramming();
Really great resource for good programming music! Also, a very nice website.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_funnel.jpg?x72856)
Funnel Easy
Create and export a funnel in seconds with this tool.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_csstricks.jpg?x72856)
Clever CSS tricks
A very interesting thread by Steve Sewell where he collects cool CSS tricks employed by great sites.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_framer.jpg?x72856)
Godlike
Godlike is a production-ready website component library for Framer that will save you tons of time on your projects.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_pocketbase.jpg?x72856)
PocketBase
PocketBase is an open source Go backend with realtime database, authentication, file storage and admin dashboard.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_designresources.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_serve.jpg?x72856)
Serve
Serve is a tool for developers to generate authenticated API endpoints with database queries.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_uihistory.jpg?x72856)
The History of User Interfaces
A collection of classic user interface from 1973 to 2007. By Victor Ponamariov.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_semanticsel-1.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_csscomplex.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_monorepo.jpg?x72856)
Nx - The fastest growing monorepo solution in the JS ecosystem
Juri Strumpflohner on the great success of Nx, and what monorepos are.
Read it![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_remote.jpg?x72856)
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![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_testapi.jpg?x72856)
Kreya
The cross-platform gRPC and REST GUI testing tool.
Check it out![Collective 720 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/07/C720_gridanimation.jpg?x72856)
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