Collective #685
Inspirational Website of the Week: Miranda
A true masterpiece with a playful editorial look, unique layouts and a hot page transition!
Get inspired
Be: The WordPress Theme that follows the latest eCommerce design trends
Build stunning eCommerce websites with Live search or bottom sticky menu on mobile which makes mobile sites act more like apps! All wrapped in outstanding eCommerce performance.
Discover more
Building an effective Image Component
An image component encapsulates performance best practices and provides an out-of-the-box solution to optimize images.
Read it
Front End Tables: Sorting, Filtering, and Pagination
Tania Rascia shows how to code a table that has sorting, filtering, and pagination using React.
Read it
Skeletonise yourself with pose detection
Learn how to create a fun Halloween AI based experience entirely in the browser with TensorFlow.js.
Read it
Prevent Scroll Chaining With Overscroll Behavior
Ahmad Shadeed shows how to prevent scroll chaining with overscroll-behavior property in CSS.
Read it
My Little Storybook
My Little Storybook is a wonderful Lusion Monthly Experiment. It is a story of a bird family crossing the river.
Check it out
Next.js 12
Next.js 12 introduces a brand-new Rust compiler, Middleware (beta), React 18 Support, Native ESM Support, URL Imports, React Server Components (alpha), and more!
Check it out
Cleanup.pictures
A free tool to remove objects, people, text and defects from any picture. It works really well!
Check it out
CookLang
CookLang is a markup language for recipes. Create a recipe file, where each line is a step in the recipe.
Check it out
Flatmap
A fast and flexible tool to build vector tiles from OpenStreetMap data.
Check it out
We Analyzed 425,909 Favicons
A super-interesting analysis of almost half a million favicons.
Check it out
20 Years of G2K
G2K creative Agency’s celebration with an exciting scroll experience.
Check it out
Obsidian
Obsidian is a powerful knowledge base on top of a local folder of plain text Markdown files. Free for personal use.
Check it out
Photoshop’s journey to the web
Read how by using various new standardized web technologies, Adobe has brought a public beta of Photoshop to the web.
Read it
New HTTP standards for caching on the modern web
Learn about the recent work to launch two new HTTP header draft standards intended to make debugging your caching easier, and to provide more control over your cache configuration.
Read it
Johanna Jaskowska
An amazing interactive gooey effect by Johanna Jaskowska.
Check it out
Life of Discipline
A free habit tracker using GitHub-style calendar heat maps to help you track anything.
Check it out
The Button Cheat Sheet
Do you need a button for your next project but you’re not sure about the right markup? This cheatsheet has got you covered!
Check it out
Localstack
A fully functional local AWS cloud stack. Develop and test your cloud and Serverless apps offline.
Check it out
This sneaker does not exist
A fun project where you can customize your AI-generated sneakers.
Check it out
Compatlib
With these Python utilities you can easily write cross-version compatible libraries.
Check it out
Sparse vs Dense Arrays in JavaScript
Learn about the difference between sparse and dence arrays in JavaScript in this article by Dmitri Pavlutin.
Read it
Release Notes for Safari Technology Preview 134
Some important updates for Safari are coming.
Check it out
The Process of Building a CSS Framework
A behind-the-scenes look at making a CSS framework and a tutorial on how to build a website with it.
Check it out
Creating the Effect of Transparent Glass and Plastic in Three.js
Learn how to create convincing transparent, glass-like and plastic-like materials in Three.js using MeshPhysicalMaterial.
Check it out