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