Bookmarks (270)

  • screenshot

    First Batch of Color Fonts Arrives on Google Fonts - Material Design

    First Batch of Color Fonts Arrives on Google Fonts — You can customize color palettes, add...

  • Vanilla documentation

    Vanilla: A Simple, Extensible CSS Framework — Includes a responsive grid, some useful patterns and utility...

  • Bulk Core Web Vitals Check » Test Your Website-UX

    Core Web Vitals Check: Bulk Test Core Web Vitals Scores for Up to 500 Pages —...

  • screenshot

    The #1 Chat API & SDK for Custom Messaging Apps

    Seamlessly Add Chat and Activity Feeds to Your Applications

  • screenshot

    Useful media query syntax — mediaquery.style

    mediaquery.style: A Quick Reference for Useful Media Query Syntax Snippets — Includes seven common media query...

  • Theatre.js v0.5 is out! – Theatre.js Blog

    Theatre.js 0.5: Hackable Motion Design for the Web — Can be used both programmatically and visually...

  • screenshot

    Which fonts to use for your charts and tables - Datawrapper Blog

    Which Fonts to Use for Your Charts and Tables — Sans-serif or serif typefaces? Lining or...

  • screenshot

    The CSS Podcast

    ▶  Talking Cascade Layers — Una Kravets and Adam Argyle (Dev Advocates at Google) are back with...

  • screenshot

    Using WebTransport

    Experimenting with WebTransport — A new(ish) API offering low-latency, bidirectional, client-server messaging. It's a bit more flexible...

  • screenshot

    React I Love You, But You're Bringing Me Down

    'React I Love You, but You’re Bringing Me Down' — An opinionated React thought piece. This...

  • screenshot

    Smooth and simple page transitions with the shared element transition API - Chrome Developers

    Smooth and Simple Page Transitions with the Shared Element Transition API — This API allows page...

  • screenshot

    Why the number input is the worst input

    Why the type="number" Input is the Worst Input — Think that web form has got your...

  • screenshot

    JavaScript APIs You Don’t Know About — Smashing Magazine

    JavaScript APIs You Don’t Know About — Ok, it’s a bold headline — plenty of you...

  • screenshot

    I never thought this would be possible with CSS

    ▶  'I Never Thought This Would Be Possible with CSS' — A ~15 minute video with plenty...

  • screenshot

    Total Blocking Time: A Short and Sweet Guide for Happier Users - Calibre

    Total Blocking Time: A Short and Sweet Guide for Happier Users — Any delay longer than...

  • screenshot

    Intermediate HTML and CSS | Learn more HTML elements and CSS Selectors including inheritance, specificity, and the cascade

    Discover New HTML Elements & CSS Selectors — Join Jen Kramer for this detailed video course...

  • screenshot

    Radix Icons

    Radix Icons: A Crisp Set of 15×15 SVG Icons — Copy any icon directly in inline...

  • screenshot

    WebKit Features in Safari 16.0

    WebKit Features in Safari 16.0 — The latest version of Apple’s browser is now available across...

  • screenshot

    Configuring the Kendo UI for Angular Rich Text Editor

    Configuring the Kendo UI for Angular Rich Text Editor — Kendo UI for Angular’s Rich Text...

  • screenshot

    How To Improve Largest Contentful Paint for Faster Load Times - Calibre

    How To Improve Largest Contentful Paint for Faster Load Times — Optimizing the so-called 'Largest Contentful...

  • screenshot

    Building the main navigation for a website

    Revisiting the Technique of Building the Main Navigation for a Site — I always find building...

  • screenshot

    Making Sense Of WAI-ARIA: A Comprehensive Guide — Smashing Magazine

    Making Sense of WAI-ARIA: A Comprehensive Guide — An explainer looking at when to use ARIA...

  • screenshot

    The Realities And Myths Of Contrast And Color — Smashing Magazine

    The Realities and Myths of Contrast and Color — An intriguing piece here from a 35-year...

  • screenshot

    What’s New With Forms in 2022? | CSS-Tricks

    What’s New with HTML Forms in 2022? — Some useful additions to working with forms that...

  • The Orton Effect - dreamy photo effect in CSS and React - Mike Bifulco

    The Orton Effect: A Dreamy Looking Photo with CSS and React — Named after the Canadian photographer...

  • screenshot

    The secret of successfully using multi window WebGL Canvas

    The Secret of Successfully Using Multi-Window WebGL Canvas — This is very technical and most of...

  • Lightning CSS

    Lightning CSS — An “extremely fast” CSS parser, transformer, bundler, and minifier that’s written in Rust. If...

  • screenshot

    Building a Full Stack Express HTMx Application - Code Capsules

    Code Capsules: The Simplest Way to Deploy Your Code

  • screenshot

    Bootstrap 5.2.1

    Bootstrap 5.2.1 — A patch release with minor bug fixes, but a surprisingly meaty blog post...

  • Enhance docs - Quick start

    Enhance: A Web Standards-Based HTML Framework — As explained in the docs: “Our mission is to...

  • screenshot

    SVG Doodles!

    SVG Doodles: A Collection of 50 Hand-Made & Editable Doodles — Both as SVGs and for...

  • screenshot

    Datadog UX Monitoring | Datadog

    Simplify Front-End Performance Monitoring by Analyzing UX Data — Utilize critical performance data to understand how...

  • screenshot

    Infinite Scrolling: When to Use It, When to Avoid It

    Infinite Scrolling: When to Use It, When to Avoid It — “Infinite scrolling minimizes interaction costs...

  • Critical CSS? Not So Fast! – CSS Wizardry – Web Performance Optimisation

    Critical CSS? Not So Fast! — Considered thoughts from Harry here on the 'Critical CSS' pattern,...

  • CSS gradient text | free online gradient text generator

    Gradient Text Generator: Generate CSS for Gradient Backgrounds on Text — Two drawbacks to this: Requires use...

  • screenshot

    JSON Hero - A beautiful JSON viewer

    JSON Hero: A Beautiful JSON Viewer — Paste in some JSON or enter a URL to...

  • https://jsonvisio.com/

    JSON Crack: A Simple Visualization Tool for JSON Data — The interface is nice and allows...

  • screenshot

    GitHub - AndrejJurkin/create-tw: CLI to scaffold tailwindcss-ready projects

    Create Tailwind: A CLI to Scaffold Tailwind-Ready Projects

  • Discover opportunities to collaborate

    Move Past Job Titles and Do More of What You Love

  • screenshot

    Loading Disco

    Loading Disco: An Alternative to the Loading Spinner — Neat demo, though more subtle and less...

  • Welcome – Beacon

    Beacon: Calculate the Environmental Impact of a Page — Enter a URL or use the Chrome...

  • screenshot

    Making a Morphing 3D Sphere in Javascript with Three.js

    Making a Morphing 3D Sphere with Three.js — A striking, modern effect for the Web. CodePen...

  • screenshot

    Parents counting children in CSS

    Parents Counting Children in CSS — Using :has() to select parent elements that have a specific...

  • screenshot

    HTML Markup Tips for Developing Accessible Websites

    HTML Markup Tips for Accessible Websites — Improving HTML markup can make websites more accessible for...

  • screenshot

    So your designer wants stuff to overlap

    So Your Designer Wants Stuff to Overlap… — Explores the solutions available to us now when...

  • screenshot

    Hacking CSS Animation State and Playback Time | CSS-Tricks

    Hacking CSS Animation State and Playback Time — You may have spotted this CSS-only Wolfenstein project...

  • screenshot

    How to Use localStorage in JavaScript: an Easy Guide

    How to Use localStorage: An Easy Guide — The API called Web Storage provides two basic...

  • screenshot

    TIL: You Can Access A User's Camera with Just HTML

    You Can Access A User's Camera with Just HTML — Did you know about the HTML...

  • screenshot

    Is it :modal?

    Is it :modal? — This CSS pseudo-selector (available in Chrome 105, and already in Firefox and...

  • CSS Classes considered harmful

    'CSS Classes Considered Harmful' — “I humbly put forward that modern web development provides us all...