Uncode Creative and WooCommerce Theme
Uncode is a pixel-perfect creative WordPress Theme for creating stunning websites.
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
Build a Product Card with Tailwind CSS
Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store in this Scrimba course. Codrops readers get 20% off Pro plans!
Some Things About Keyframes
Ryan Mulligan's article delves into nuances of CSS keyframe animations, covering topics like duplicate keyframe properties, the significance of keyframe rule order, and applying custom easing functions within keyframes to enhance animation control.
Bitspace
Bitspace is an open-source creative computing environment that allows users to experiment with GLSL shaders and interactive inputs in a flexible, sandbox-like prototype. By Emil Widlund.
Oniguruma-To-ES: Translate Oniguruma regexes to native JavaScript
Steven Levithan introduces Oniguruma-To-ES, an open-source project that translates Oniguruma regular expressions into native JavaScript RegExp objects.
Refraction and glass effects with #threejs TSL
Yuri Artiukh explores creating refraction and glass effects using custom TSL shaders in Three.js during this livestream.
Office File to Markdown
MarkItDown is a browser-based tool that converts various file formats—including Microsoft Office documents, PDFs, images, and audio files—into Markdown, ensuring privacy by processing files entirely on your device.
Scroll-Driven Multi-Colored Line Indicator
This free lesson from Creative Coding Club demonstrates how to create multi-colored line indicators using GSAP's ScrollTrigger, providing a practical example of scroll-driven animations.
Experiment: Automatically trigger a View Transition when a JavaScript Property of an Element changes
This article explores a method to automatically trigger a View Transition when a JavaScript property of an element changes.
GPU Glossary
Modal's GPU Glossary is a hypertext resource designed to bridge fragmented GPU documentation, interlinking concepts across the hardware and software stack to create a comprehensive and navigable guide.
Turing Machines
This article introduces Turing machines, explaining their components, functionality, and significance in computing theory, and provides interactive examples to illustrate their operation.
Nyxt
A keyboard-driven, programmable browser for efficient navigation, multi-tab search, and customizable workflows.
Supahero
Curated collection of beautiful website hero sections. By Solt Wagner.
Optimizing Ruby’s JSON
A post about performance optimizations for Ruby’s JSON gem achieved through profiling-driven improvements, enhancing speed and reliability.
Base UI
Unstyled UI components for building accessible web apps and design systems.
Pinterest Predicts 2025
Pinterest Predicts is an annual trend forecast offering insights into upcoming cultural and consumer trends, based on emerging searches and behaviors on Pinterest.
GitHub Wrapped
A GitHub activity recap for 2024, showcasing top languages, commit streaks, and productivity highlights in a visually engaging story format.
Toms Toys
A collection of interactive games, puzzles, and web experiments designed to entertain and challenge users. Made by Tim Holman.
Background Image Remover
A web-based tool that allows users to automatically remove backgrounds from images in seconds with just one click. It operates entirely within the browser, ensuring privacy and speed, and is powered by Transformers.js. By Addy Osmani.
Wave Terminal
An open-source terminal emulator that enhances traditional command-line interfaces by integrating graphical widgets directly into the CLI.
OpenAUTH
OpenAuth is a universal, standards-based authentication provider that you can deploy as a standalone service or embed into existing applications.
Surfer Protocol
Surfer Protocol is an open-source framework designed to empower users by facilitating the export and utilization of personal data from various platforms.
Math4Devs
Math4Devs is a resource that bridges the gap between mathematical notation and JavaScript code, providing a comprehensive list of mathematical symbols alongside their JavaScript equivalents.
Made With GSAP
50 customizable GSAP animation effects with tutorials and code snippets, designed to enhance animation skills for developers of all levels, launching early 2025.
The State of Newsletters In 2024
InboxReads' "State of Newsletters 2024" report analyzes trends in the newsletter industry, highlighting popular topics, user interests, preferred email service providers, sending frequencies, and monetization strategies.
State of JavaScript 2024
The State of JavaScript 2024 survey provides an in-depth analysis of trends, tools, and patterns in the JavaScript ecosystem, offering valuable insights into its evolving landscape.
Awesome Open (Source) Language Models
Explore a curated list of open-source language models, tools, and resources for NLP development.
Nobody Gets Fired for Picking JSON, but Maybe They Should?
Exploring JSON's popularity and flaws, this article delves into its design issues, interoperability pitfalls, and the challenges of "human readability" that can lead to data corruption, advocating for better alternatives like Protobuf.
State of Node.js Performance 2024
Rafael Gonzaga and Lizz Parody delve into benchmarks and updates across Node.js versions 20-22, providing insights into the platform's performance gains and regressions in 2024.
Thoughts on Tailwind 4
An in-depth analysis of Tailwind CSS 4.0's new features, highlighting improvements like native cascade layers and simplified configuration while critiquing potential pitfalls such as descendant variants and excessive reliance on rem units.
A letter to open-source maintainers
A heartfelt guide for open-source maintainers on thriving, stepping back, and staying happy.
The death of the stubborn developer
Steve Yegge emphasizes the transformative impact of chat-oriented programming (CHOP) on software development, urging developers to embrace AI coding assistants to remain competitive in an era where traditional code-writing is being replaced by AI-driven workflows.
State of React Native
The State of React Native survey explores the tools, trends, and preferences of React Native developers, offering insights into widely used solutions and emerging industry patterns.
Spark UI
Build animated sites faster with Vue, TypeScript, TailwindCSS, and 20+ themeable UI components.
Web Almanac 2024
A comprehensive report analyzing the state of the web across 21 chapters with real data and insights from web experts, covering sustainability, user experience, publishing, and more.
Using (almost) pure CSS to make fancy scroll-driven image sequence animations
Ryan Geyer's exploration of creating scroll-driven image sequence animations with (almost) pure CSS introduces a spritesheet-based approach that minimizes reliance on JavaScript.
Termo
Termo is a simple terminal emulator that can be used to create a terminal-like interface on your website.
GitHub Skyline CLI extension now available
Visualize and 3D print your GitHub contributions with the Skyline CLI tool.
Isomorphic Web Components
A breakdown of server-side rendering for web components, from templates to isomorphic solutions. By Jake Lazaroff.
Diamond
A prototype idea by Ian Curtis that was brought to life with Bolt.new.
The Pixel Canvas Shimmer Effect
Ryan Mulligan shares a mesmerizing hover effect with shimmering pixels as a Web Component. Includes customization options.
Stripe BFCM recap
An epic recap dashboard of Stripe systems and stats during Black Friday and Cyber Monday 2024.
Solved By Modern CSS: Feature Image
Ahmad Shadeed explores modern CSS techniques, including container queries and :has(), to create dynamic, responsive feature images tailored to varying layouts and contexts.
Readymag Websites of the Year ’24
Readymag is celebrating innovative web design with prizes for outstanding creativity and storytelling.
