Bookmarks (270)

  • screenshot

    The large, small, and dynamic viewport units

    The Large, Small, and Dynamic Viewport Units — These three new CSS units (lvh, svh, dvh)...

  • Imagator

    Imagator: An Online Tool to Compress, Convert, Flip, and Resize Images — A simple tool, but it...

  • screenshot

    Release v1.17.0 · parcel-bundler/lightningcss

    Lightning CSS: A Fast CSS Parser, Transformer, and Minifier — Version 1.17.0 is out with updated nesting...

  • screenshot

    Metatags API - The Free API to Get Meta Tags from a URL

    Metatags API: A Free API to Get Meta Tags/OpenGraph Tags from a URL — Could also be a...

  • screenshot

    Wordmark

    Wordmark: A Tool to Help You Choose Fonts for Your Projects — Enter a word or...

  • screenshot

    Building conscious design systems by Amy Hupe, content designer.

    Building Conscious Design Systems — Amy asks how we can focus less on artefacts in design...

  • screenshot

    What working with Tailwind CSS every day for 2 years looks like — Mosaad

    What Working with Tailwind CSS Every Day for Two Years Looks Like — ...and another take on...

  • screenshot

    Tailwind is a Leaky Abstraction

    Tailwind is a Leaky Abstraction — “Tailwind is a layer on top of CSS, but it...

  • screenshot

    Download The State Of Notifications Report 2022

    The State of Notifications Report - User Preferences — What is preventing us from designing a...

  • screenshot

    Stop fighting with CSS positioning

    ▶  Stop Fighting with CSS Positioning — A 20-minute look at using CSS positioning effectively, which often...

  • screenshot

    Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide — Smashing Magazine

    Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide — Analyzes the methods and properties...

  • screenshot

    The BBC's 15 Web Principles - 15 years later

    The BBC's 15 Web Principles: 15 Years Later — Back in 2007 – an eternity in...

  • screenshot

    Bryntum Gantt - The Fastest JavaScript Gantt Chart

    Fast and Flexible Gantt Chart Component for Your Web App — Bryntum's suite of web components...

  • Color Formats in CSS

    Color Formats in CSS — Josh takes us on a tour of the slew of color...

  • Retool Workflows

    Build Custom Automations 10x Faster with Retool Workflows

  • screenshot

    An Interactive Guide to Flexbox

    An Interactive Guide to Flexbox — A new, interactive explainer from Josh, with over 20 demos...

  • screenshot

    Build a Powerful, Fast Data Grid With Kendo UI for Angular

    Building Powerful and Faster Data Grid With Kendo UI for Angular — Let’s see how the...

  • screenshot

    Experimenting with layering, filtering, and masking in CSS by Jeff Zych

    Experimenting with Layering, Filtering, and Masking in CSS — Jeff shares some findings following recent experiments...

  • screenshot

    A Guide To Keyboard Accessibility: JavaScript (Part 2) — Smashing Magazine

    A Guide to Keyboard Accessibility with JavaScript — The first article in this series looked at...

  • Tree views in CSS

    Tree Views in CSS — How to create a collapsible list (tree view) with just HTML...

  • screenshot

    Using Automated Test Results To Improve Accessibility — Smashing Magazine

    Using Automated Test Results to Improve Accessibility — Looks at how to leverage automated test results...

  • screenshot

    Inline Layout Switch Ideas | Codrops

    Inline Layout Switch Ideas — Two ideas for animating images from an inline layout to a...

  • Media Chrome Docs

    media-chrome: Fully Customizable Media Player Controls as Web Components — You can see an interactive breakdown...

  • Boxy SVG Editor

    Boxy SVG: An Online, Full-Featured SVG Editor — Has a Photoshop-like UI, and can be installed...

  • Random User Generator | Home

    Random User Generator: A Free, Open-Source API for Generating Random User Data — This will return...

  • screenshot

    CSS Clothoid Corners

    CSS Clothoid Corners: Generate "Visually Softer" Rounded Corners Using CSS clip-path — This online generator uses...

  • screenshot

    uiGradients - Beautiful colored gradients

    uiGradients: A Community Contributed Collection of Beautiful Multi-Color Gradients — Includes a useful option to rotate...

  • screenshot

    Allison Ravenhall - What's new in WCAG 2.2

    ▶  What's New in WCAG 2.2 — An in-depth hour-long look at the recently published Web Content...

  • Beautiful link previews. Automagically. | Mugshot Bot

    og:image as a Service — Mugshot Bot creates stunning link previews automatically. No more fussing with...

  • The evolution of scalable CSS

    The Evolution of Scalable CSS — A deep dive into the problems often faced with scaling...

  • screenshot

    Outstatic - A Static Site CMS for Next.js

    Outstatic: A Static Site CMS for Next.js — Very similar to Netlify CMS but specifically for...

  • screenshot

    Mona Sans & Hubot Sans

    GitHub Unveils Two New Fonts: Mona Sans and Hubot Sans — Two variable, open source fonts...

  • screenshot

    The Math Behind Nesting Rounded Corners

    The Math Behind Nesting Rounded Corners — When nesting an element with a rounded corner inside...

  • screenshot

    CSS { In Real Life } | Web Sustainability Resources

    Web Sustainability Resources — With the COP27 climate summit taking place, Michelle shares some resources for...

  • screenshot

    Why you should never use px to set font-size in CSS

    Why You Should Never Use px to Set Font Size in CSS — This has been...

  • screenshot

    A Guide To Keyboard Accessibility: HTML And CSS (Part 1) — Smashing Magazine

    A Guide to Keyboard Accessibility: HTML And CSS — A good set of practices and recommendations...

  • screenshot

    Why are my url()s not resolving correctly when used as CSS variables?

    Why Are My url()s Not Resolving Correctly When Used as CSS Variables? — Reader Andrico sent us...

  • screenshot

    How To Create Advanced Animations With CSS — Smashing Magazine

    How to Create Advanced Animations with CSS — Explains how to create a ‘rollercoaster’ path that a...

  • screenshot

    The anatomy of visually-hidden - TPGi

    The Anatomy of visually-hidden — You’ve probably used visually-hidden content before. But how does the CSS...

  • screenshot

    Bootstrap Icons v1.10.0

    Bootstrap Icons v1.10.0 — Features nearly 150 new icons, bringing the total to nearly 2,000. This...

  • LocatorJS - click on any component to go to code.

    LocatorJS: Click Any Component to Open Code in Your IDE — Available for use as a...

  • screenshot

    Shortcut | Plan, build, ship. All in one tool.

    Shortcut Brings Product and Engineering Together. Try It for Free

  • Type Scale - A Visual Calculator

    Type Scale: A Visual Type Scale Calculator — We've shared this before, but it remains a...

  • https://www.figma.com/community/plugin/1159123024924461424/html.to.design

    html.to.design: Figma Plugin to Convert Any Site into an Editable Figma Design

  • screenshot

    Conditionally adaptive CSS. Browser behavior that might improve your performance — Vadim Makeev

    Conditionally Adaptive CSS: Browser Behavior That Might Improve Your Performance — Your site might be ready to...

  • screenshot

    Dialogs, modality and popovers seem similar. How are they different?

    Dialogs, Modality and Popovers Seem Similar. How Are They Different? — A real deep dive into...

  • screenshot

    Inside the mind of a frontend developer: Hero section - Ahmad Shadeed

    Inside the Mind of a Frontend Developer: Building a Hero Section — An exploration of how one...

  • screenshot

    6 Steps to Improve HTML Images For Users & Developers

    Six Steps to Improve Using Images in HTML for Users & Developers — A look at...

  • screenshot

    Designing The Perfect Mobile Navigation UX — Smashing Magazine

    Designing the Perfect Mobile Navigation UX — Navigation on mobile can quickly get complicated — things...

  • screenshot

    The Shared Element Transition API is FLIPping Cool - Chris Coyier

    The Shared Element Transition API Is FLIPping Cool — Chris takes a look at what you...