Bookmarks (1537)

  • https://waypoint.netlify.app/

    Waypoint: A VS Code Extension for Navigating JS Codebases — Makes navigating functions, classes, variables, etc....

  • Snippet Shot

    Snippet Shot: Generate Screenshots From Your Code Snippets — Use a Gist URL or just paste...

  • screenshot

    Naming layout components

    Naming Layout Components — The TL;DR here is it doesn’t really matter “as long as they’re...

  • Tailwind CSS: From Side-Project Byproduct to Multi-Million Dollar Business – Adam Wathan

    Tailwind CSS: From Side-Project Byproduct to Multi-Million Dollar Business — The story behind the popular utility-first...

  • screenshot

    Buildkite

    Faster CI/CD for All Your Software Projects Using Buildkite 🚀 — See how Shopify scaled from...

  • Geri Reid - Forms best practice

    Best Practice Guidelines for Form Design — A growing resource of best-practice advice from a UI/UX...

  • screenshot

    Simulating Object Collisions With Canvas

    Simulating Object Collisions on a Canvas — A gentle post walking through what’s involved creating a...

  • A Look at What's New in Chrome DevTools in 2020 | CSS-Tricks

    A Look at What's New in Chrome DevTools in 2020 — A round-up and brief introduction...

  • screenshot

    navendu-pottekkat/nsfw-filter

    NSFW-Filter: A Browser Extension That Blocks NSFW Images — Regardless of your stance on the matter,...

  • screenshot

    Teenyicons — Tiny minimal 1px icons

    Teenyicons: Tiny Minimal 1px Icons — Hundreds of simple and elegant icons in outline mode or...

  • The Girl With A p̶e̶a̶r̶l̶ CSS Earring

    The Girl With A p̶e̶a̶r̶l̶ CSS Earring — An amazing recreation of Vermeer’s Girl With A...

  • qwerty-site

    Whitespace Characters to Copy and Paste — One that’s handy to have in your bookmarks — Quickly...

  • screenshot

    Building greater accessibility into Facebook.com - Facebook Engineering

    Building Greater Accessibility Into Facebook.com — The Facebook engineering team has taken advantage of recent React...

  • screenshot

    Getting the Most Out of Variable Fonts on Google Fonts | CSS-Tricks

    Getting the Most Out of Variable Fonts on Google Fonts — A detailed primer on how...

  • screenshot

    Can You Design A Website For The Five Senses? — Smashing Magazine

    Can You Design A Website For The Five Senses? — Good question, though I imagine we’re...

  • Designing Responsive Dashboards | Logi Analytics

    6 Best Practices for Responsive Dashboard Design — Responsive dashboards and reports are crucial when you...

  • Amelia Wattenberger

    What Does 100% Mean in CSS? — The rules aren’t exactly straightforward, as you may find...

  • dropplets

    Water Droplets Created with SVG Filters and CSS Shadows — A very impressive end result.

  • screenshot

    Designing Adaptive Components, Beyond Responsive Breakpoints by Stéphanie Walter - UX designer & Mobile Expert.

    Designing Adaptive Components, Beyond Responsive Breakpoints — Thoughts on designing systems of reusable components that adapt to...

  • Can I use... Support tables for HTML5, CSS3, etc

    A New Beta Version of 'Can I Use' — Can I Use is a fantastic resource...

  • screenshot

    Modern CSS Techniques To Improve Legibility — Smashing Magazine

    Modern CSS Techniques To Improve Legibility — Advice and tips on how to improve website legibility...

  • Happy Birthday Web Fonts! | W3C Blog

    Happy Birthday Web Fonts — It has been a decade since the then newly-formed WebFonts Working...

  • screenshot

    Firefox 79: The safe return of shared memory, new tooling, and platform updates – Mozilla Hacks - the Web developer blog

    Firefox 79: The Safe Return of Shared Memory, New Tooling, and Platform Updates — A run...

  • screenshot

    Introducing the Microsoft Edge enterprise roadmap and release schedule - Microsoft Edge Blog

    Introducing the Microsoft Edge Enterprise Roadmap and Release Schedule — A new Microsoft Edge release schedule...

  • screenshot

    GOTO 2020 • HTML: How to Make Loveliness • Bruce Lawson

    ▶  HTML: How to Make Loveliness — How much do you know about HTML’s semantics? In this...

  • screenshot

    Understanding CSS Multiple Backgrounds - Ahmad Shadeed

    Understanding CSS Multiple Backgrounds — A detailed visual explainer of the background-image property, and how best...

  • screenshot

    Fetch API Tutorial for Beginners: How to Use Fetch API

    A Fetch API Tutorial for Beginners — A fairly gentle intro to using Fetch, the replacement...

  • Introspecting CSS via the CSS OM: Getting supported properties, shorthands, longhands – Lea Verou

    Introspecting CSS via the CSS OM — Some interesting digging around by Lea. You’re unlikely to...

  • screenshot

    Webwaste

    Webwaste — Just what is the environmental impact of bloated websites and unnecessary assets? Gerry McGovern...

  • screenshot

    Natively Format JavaScript Dates and Times

    Natively Formatting JavaScript Dates and Times

  • screenshot

    propjockey/css-sweeper

    css-sweeper: MineSweeper Implemented in CSS + HTML (No JavaScript) — Play it here. The CSS interestingly...

  • Tailzilla - Online Code Editor for Tailwind CSS - Beautiful Tailwind CSS Components & Templates

    Tailzilla: Components and Online Code Editor for Tailwind CSS — This is a collection of responsive...

  • screenshot

    Formbutton

    Formbutton: A Simple, Customizable Pop-up Form — This adds one of those bottom-corner fly-out forms that...

  • Bug reporting for the web | webcompat.com

    webcompat: Bug Reporting for the Web — An initiative by various volunteers supported by Mozilla that...

  • screenshot

    The State Of Pixel Perfection - Ahmad Shadeed

    The State of 'Pixel Perfection' — I don’t really hear the term “pixel perfection” as much...

  • CSS is cake 🍰 (Tap the slices! 👇)

    🍰 CSS Is Cake — Because what isn’t cake?

  • Chat for your application

    500M End-Users Depend on Our Scalable Chat and Activity Feed APIs

  • FontCDN

    Wikimedia FontCDN: A Privacy First Search and Proxy for Google Web Fonts — Google Fonts is...

  • Bootstrap 5 tutorial: learn how to get started without jQuery - Themesberg Blog

    Bootstrap 5: Learn How to Get Started Without jQuery — Yep, the latest version of Bootstrap...

  • screenshot

    When do you use inline-block? | CSS-Tricks

    When Do You Use inline-block? — Chris Coyier asked how folks use the inline-block value. Here’s...

  • screenshot

    The details of UI typography - WWDC 2020 - Videos - Apple Developer

    ▶  The Details of UI Typography — A good half-hour look at how you can enhance type...

  • CSS Painting Order | Woohoo

    CSS Painting Order — If you’ve ever been baffled by z-index positioning, the example shared here...

  • Web Tools Developer - Jobs at Apple

    Web Tools Developer (Cupertino, California) — The WebKit Developer Experience team seeks an experienced engineer to...

  • 3D Book Image CSS Generator

    3D Book Image CSS Generator — A neat little tool to create a 3D book cover...

  • All the Ways to Make a Web Component - June 2020 Update

    All the Ways to Make a Web Component — Compare coding style, bundle size and performance...

  • screenshot

    Modern CSS grid solutions to common layout problems

    Modern CSS Grid Solutions to Common Layout Problems — How CSS grids can solve responsive layout...

  • screenshot

    Learn state machines and statecharts in JavaScript from the creator of XState, David Khourshid.

    Learn State Machines from the Creator of XState, David Khourshid — By modeling the state in...

  • screenshot

    Translating Design Wireframes Into Accessible HTML/CSS — Smashing Magazine

    Translating Design Wireframes Into Accessible HTML/CSS — Harris Schneiderman walks you through the process of analyzing...