Collective #778
Inspirational Website of the Week: Guillaume's portfolio
Guillaume Azadian's portfolio is a delightful example of design that effortlessly brings a smile to your face. The undulating layout, complemented by charming animations, exudes a truly exceptional and inspiring vibe! Our pick this week.
Get inspired
From our sponsor
123RF’s AI Image Generator: Experiment with Different Styles
123RF simplifies AI Text-to-Image generation by allowing you to focus on your prompts without having to define styles beforehand. Easily iterate and experiment with different styles and finishes like anime, cinematic, neon-punk or photographic.
Try it out
Four new CSS features for smooth entry and exit animations
Una Kravets and Joey Arhar introduce some new web platform features in Chrome 116 and 117 that facilitate smooth animations and transitions for discrete properties, including entry and exit animations, control of top-layer behavior, and use of the overlay property for enhanced animations.
Read it
WebGL Image Processing
An exploration of image processing with GPU shaders in the browser. It covers concepts such as Color Correction, Hue and Blend Modes, to effects such as Dithering, Chromatic Aberration and Film Grain. By Maxim McNair.
Check it out
Three.js 3D Bike website
Watch Anderson build the interactive Rava 3D Bike website from scratch, covering the whole process from Blender to Three.js.
Watch it
Transhumans: Open Source Punk Sci-Fi Art Collection
A collection of open-source illustrations by Pablo Stanley depicting characters surpassing their biological limits, with more captivating images to come in future updates.
Check it out
Magic Loops
With Magic Loops you can create automated tasks harnessing the power of LLMs.
Check it out
Optical Toys
Tim Holman made this fantastic website that lets you explore and experience optical illusions.
Check it out
CSS Selectors: A Visual Guide & Reference
A comprehensive overview of CSS selector types, including class, ID, attribute, pseudo-class, and pseudo-element selectors, along with explanations and examples of their usage.
Check it out
Easyful
Easyful simplifies online selling using Stripe, requiring no code or fees. It enables direct transactions, offers a comprehensive dashboard, easy digital content uploads, and fosters global sales while avoiding costly platforms.
Check it out
Bricolage Grotesque Variable Font
An expressive variable font that blends iconic French and British designs across three axes: weight, width, and optical size. Made by Mathieu Triay.
Check it out
Future CSS Tip: Parallax-like image grid effect
Jhey Thompkins shares this amazing parallax-like image grid effect using scroll-driven animations in CSS only.
Check it out
Internet Speed Test by Cloudflare
Get insight to various metrics and measurements involved in testing network performance, including download and upload speeds, latency, jitter, packet loss, and network quality score, using Cloudflare's testing network, with explanations of how these factors impact different applications.
Check it out
A Future of Themes with CSS Container Style Queries
This article by Christopher Kirk-Nielsen discusses the usage of custom properties and container style queries in CSS to efficiently theme websites. It explores various approaches to implementing themes using custom properties and demonstrates how to adapt these techniques to a "multi-theme" perspective, focusing on creating clean and maintainable styles.
Read it
Just normal web things.
Heather Buchel writes about the decline in normal web functionality due to the prevalence of new social media platforms and the overuse of JavaScript, leading to issues like missing accessibility features, non-standard navigation behaviors, and lack of responsive design.
Read it
PyFlo
PyFlo is a beginner's guide to becoming a Python programmer, featuring regular, optional, and project-based lessons organized by color-coding.
Check it out
CSS Galaxy Button
A wonderful CSS button hover effect made by Jhey Thompkins.
Check it out
Applite
A simplified app management for macOS with Homebrew integration - One-click download, update, and uninstall for Homebrew apps, featuring a user-friendly interface, security information, and customization options.
Check it out
Cube World Kit
Create your own cube world with animated characters, animals, enemies and environmental models. In FBX, OBJ, glTF and Blend formats, free to use in personal and commercial projects.
Check it out
Infinity: An Interactive Exploration
A very insightful and beautiful personal project by Dea Bankova exploring the wonders of infinity visually. Made with React, Three.js, R3F, GSAP and D3.
Check it out
A redesigned Slack, built for focus
Slack introduces a major design update focused on better organization and productivity, allowing teams to easily navigate channels, focus on important tasks, and access essential tools within a more intuitive layout, creating a more productive and efficient workspace.
Read it
From our blog
On-Scroll Column & Row Animations
Some inspiration for scroll-driven animations on column and row items.
Check it out
From our sponsor
Divi: The most popular choice for building WordPress websites
Divi is the most popular WordPress website building platform that offers advanced visual builder technology and a wide range of design options and features for users to create stunning websites easily and efficiently.
Try it for free