Bookmarks (278)

  • screenshot

    CSS Grid from Basic to Complex Responsive Layouts | Flexbox, Container Queries & Subgrid

    Master CSS Grid & Layout Techniques — Grid is the most important tool in a web...

  • Daily Quiz | With Code Example

    Daily Quiz: A Gallery of JavaScript Quiz Questions — A decent way to learn some of...

  • screenshot

    Gradientor - A minimalist, beautiful Radial Background Generator

    Gradientor: A Minimalist, Beautiful Radial Background Generator — Mostly for inspiration, the tool lets you click,...

  • screenshot

    Vue Fluid DnD

    Vue Fluid DnD: An Animated Drag-and-Drop Library for Vue — Designed for lists of items and...

  • Elastic Path | Storefront Grader™

    Instant, Detailed Online Store Performance Analysis for Devs — Analyze site performance and get clear next...

  • screenshot

    CSS Pattern: Fancy backgrounds with CSS gradients

    CSS Pattern: Fancy Backgrounds with CSS Gradients — A collection of nice background patterns, now 144...

  • screenshot

    Hidden vs. Disabled In UX — Smashing Magazine

    Hidden vs. Disabled In UX — Considerations for hiding versus disabling, along with possible alternatives to...

  • <style>: Inline optimizations for the bold

    <style>: Inline Optimizations for the Bold — Some brief thoughts on the potential performance bump of...

  • screenshot

    Weighing in on CSS Masonry

    Weighing In on CSS Masonry — “Should masonry be its own display method outside grid? Absolutely.”

  • screenshot

    Navigating the Variety of Web Accessibility Evaluation Tools

    Navigating the Variety of Web Accessibility Evaluation Tools — A handy, in-depth guide on web accessibility...

  • screenshot

    SurveyJS - JavaScript Libraries for Surveys and Forms

    Open-Source JavaScript Form Builder to Create Dynamic Forms Right in Your App — With SurveyJS library...

  • screenshot

    contrast-color() is a good thing, but also solving the problem at the wrong layer

    contrast-color() is a Good Thing, But Also Solving the Problem at the Wrong Layer — On...

  • screenshot

    We’ve Got Container Queries Now, But Are We Actually Using Them? – Frontend Masters Boost

    We’ve Got Container Queries Now, But Are We Actually Using Them? — Posits that container query adoption...

  • screenshot

    On compliance vs readability: Generating text colors with CSS • Lea Verou

    On Compliance vs Readability: Generating Text Colors with CSS — Can we emulate the upcoming CSS...

  • screenshot

    UI Density

    What UI Density Means and How to Design for It — A thoughtful look at how...

  • screenshot

    Rethinking Text Resizing on Web

    Rethinking Text Resizing on the Web — An in-depth look at how Airbnb approached improving web...

  • Index – WyW-in-JS

    WyW-in-JS: A Toolkit for Zero-Runtime CSS-in-JS Libraries — Meaning “Whatever-you-want-in-JS”, it allows developers to build their...

  • screenshot

    State of HTML 2023

    The Results of State of HTML 2023 — You may recall late last year we shared...

  • screenshot

    10 updates from Google I/O 2024: Unlocking the power of AI for every web developer | Blog | Chrome for Developers

    10 Updates from Google I/O 2024: Unlocking the Power of AI for Every Web Developer —...

  • screenshot

    Announcing the Web Platform Dashboard | Blog | web.dev

    Announcing the Web Platform Dashboard — The ‘Web Platform Dashboard’, announced at Google I/O, is a...

  • screenshot

    Introducing the CSS anchor positioning API | Blog | Chrome for Developers

    Introducing the CSS Anchor Positioning API — With anchor positioning built into the browser, you’ll be...

  • screenshot

    The Times You Need A Custom @property Instead Of A CSS Variable — Smashing Magazine

    The Times You Need a Custom @property Instead of a CSS Variable — Demonstrates where custom properties...

  • screenshot

    Your background images might be causing CLS

    Your Background Images Might Be Causing CLS by Salma Alam‑Naylor — In this post, learn how...

  • screenshot

    The Modern Guide For Making CSS Shapes — Smashing Magazine

    The Modern Guide for Making CSS Shapes — A comprehensive guide with modern techniques for creating...

  • screenshot

    I’m worried about the tabbing behaviour, rather than the syntax and name of CSS masonry

    I’m Worried About the Tabbing Behavior, Rather than the Syntax and Name of 'CSS Masonry' —...

  • screenshot

    Hardest Problem in Computer Science: Centering Things

    Hardest Problem in Computer Science: Centering Things — “Even if it’s hard. Even if tools make...

  • screenshot

    Manifesto for a Humane Web

    Manifesto for a Humane Web — In an age of trackers, bots, and generative AI, Michelle...

  • screenshot

    Studio by WordPress.com

    WordPress Studio: A Local App for Running WordPress in Dev — There have long been unofficial...

  • https://campaigns-linkurious.cleverstory.io/reasons-to-use-a-javascript-graph-visualization-library

    Adding Customizable Network Visualization Capabilities to Your Apps — Find out how JS libraries can help you...

  • screenshot

    Home | DOM Projects

    DOM Projects: A Collection of Projects to Learn Frontend Development — Mainly for beginners, this serves...

  • screenshot

    Color Picker

    🎨 Color Picker: Pick Colors by Clicking on Any Image — Upload an image then use an...

  • screenshot

    GitHub - dominickp/gall: Generate simple HTML/CSS Masonry galleries for local image albums.

    go-masonry-gallery: A CLI Tool to Generate a Simple HTML/CSS Masonry Gallery from a Local Folder —...

  • screenshot

    Why don’t we talk about minifying CSS anymore?

    Why Don’t We Talk About Minifying CSS Anymore? — Salma notes that minification of CSS is...

  • screenshot

    Introducing "Unleash the power of Scroll-Driven Animations" | Blog | Chrome for Developers

    ▶  Unleash the Power of Scroll-Driven Animations — This new 10-part video series should equip you with...

  • screenshot

    GitHub - tinyworldmap/tiny-world-map: tinyworldmap is a tiny world map for offline-first and low-bandwidth web apps

    tinyworldmap: A World Map Solution for Offline-First & Low-Bandwidth Web Apps — Designed to be used...

  • screenshot

    Can I email…

    Can I Email..? Support Tables for HTML and CSS in Emails — It’s like Can I...

  • Icônes

    Icônes: An Icon Explorer with Instant Search for 100+ Icon Sets — The app is powered...

  • screenshot

    GitHub - missive/emoji-mart: 🏪 One component to pick them all

    Emoji Mart 5.6: A Customizable Emoji Picker for the Web — This is a popular and recently...

  • screenshot

    A Brief Note on Highlighted Text

    A Brief Note on Highlighted Text — Specifically on how to give any styled highlighted text...

  • screenshot

    Noah Liebman | Making room for long list markers with `subgrid`

    Making Room for Long List Markers with subgrid — By default lists (ul and ol) give...

  • screenshot

    Combining CSS :has() And HTML <select> For Greater Conditional Styling — Smashing Magazine

    Combining CSS :has() and HTML <select> For Greater Conditional Styling — An interesting technique here for what Amit calls the...

  • Faster websites with the Picture element

    Faster Websites with the Picture Element — An overview of the various wins to be had...

  • screenshot

    Angular image & video upload

    Handling Images & Videos in Angular? This Practical Guide Is for You — Implement drag-and-drop uploads, progress...

  • Should we rely on browser detection? – Hello my name is Niels Leenheer

    Should We Rely on Browser Detection? — The User-Agent string is something that web developers should...

  • screenshot

    Misconceptions about CSS Specificity

    Misconceptions About CSS Specificity — Clarification on how CSS specificity is calculated and what does and...

  • screenshot

    Using the Popover API for HTML Tooltips – Frontend Masters Boost

    Using the Popover API for HTML Tooltips — Chris continues his exploration of the Popover API,...

  • screenshot

    23 CSS features you should know (and be using) by now

    ▶  23 CSS Features You Should Know (And Be Using) by Now — Adam Argyle joins Kevin...

  • Firstyear's blog-a-log

    Passkeys: A Shattered Dream? — William, who has his own web auth project, shares some concerns...

  • https://www.designsystemhunt.com/

    DesignSystemHunt: A Curated Collection of Design Systems from Popular Brands — Currently includes links and info...

  • https://onlyspans.net/

    Only <Spans>: Each Element on This Page is a SPAN — A silly what-not-to-do experiment that...