Collective #713
Inspirational Website of the Week: basement.studio
The new web presence of basement.studio is a unique statement of coolness, and comes with engaging, futuristic effects. Our pick this week.
Check it outBuild websites faster with Divi Cloud
Divi Cloud is like Dropbox for your Divi websites: save something to Divi Cloud and it becomes available on all of your and your clients’ websites while you build them.
Check it outCreate a 3D Scroll Gallery with GSAP
Learn how to create a scrolling gallery with 3D and parallax effect using GreenSock. Check out the demo here.
Watch itFirst Look At The CSS object-view-box Property
Learn about the new CSS property that will help in cropping images similar to how we use the viewBox in SVG.
Check it outLayouts RFC
This most recent update will get you excited about the future of layouts, routing, and data fetching in Next.js
Check it outAspect
A website builder for React where you can create React components visually.
Check it outSherpa
A growing collection of hand-picked online free resources gathered and organised in the form of educational paths, aiming to be a reference and a valid alternative to similar paid offers.
Check it outOptimizeImages
Optimize images online with this free tool. Compress, convert and optimize images in PNG, JPEG, SVG, AVIF, WebP and GIF formats, and get SEO tags for your HTML.
Check it outMin-Max-Value Interpolation
A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range.
Check it outDark Mode Toggles Should be a Browser Feature
When implementing Dark Mode and ways to toggle it, developers currently need to duplicate code and roll their own toggle implementation. Bramus Van Damme explores what if, instead, browsers would take care of all that?
Check it outDialog Components: Go Native HTML or Roll Your Own?
Rob Levin explains why he doesn't use the new native dialog element in his library called AgnosticUI.
Read itThe balance has shifted away from SPAs
Nolan Lawson explains why he believes that SPAs are no longer the cool kids they once were 10 years ago.
Read itBuilding Table Sorting and Pagination in a Web Component
Raymond Camden explains how to build a web component to abstract loading data into a table and adding sorting and pagination.
Check it outBud: The Full-Stack Web Framework for Go
Bud writes the boring code for you, helping you launch your website faster.
Check it outFont Matrix – See & Pair Typefaces Like Never Before
Learn what the Font Matrix is and how you can apply it in your work as a designer.
Check it outBuilding a design system with Eleventy
Learn how to use Eleventy to create the home for digital design in your company. By Trys Mudford.
Read itHTTP Cats
HTTP status codes in cat format! You don't need any other :)
Check it outRSS Feed Best Practises
Some technical tips for publishing a blog and share it the right way. By Kevin Cox.
Check it outFree Notion-style Icons
A pack of 50 free Notion-style icons that you can use in your websites, apps and Notion templates. By Mary Amato.
Check it outCreating an Infinite Distorted Slider with PixiJS and Bézier Curves
A coding session where you'll learn how to recreate the infinite distorted slider from Yuto Takahashi's website using PixiJS.
Check it outUI Interactions & Animations Roundup #24 - Codrops
A hand-picked collection of the hottest and most creative animations from the past couple of weeks.
Check it out