Bookmarks (180)

  • screenshot

    State of CSS 2022

    The State of CSS in 2022 — An introduction and overview of the CSS features and...

  • screenshot

    Horizon UI - Trendiest Open Source Admin Template for Chakra UI & React

    Horizon UI: A Beautiful Open Source Admin Template for Chakra UI and React — Includes 70+...

  • screenshot

    Reduce File Size for your Images for Free - Shrink.media

    Shrink.media: An Online Tool to Reduce the Size of Images — There are certainly lots of...

  • screenshot

    GitHub - deoostfrees/Parvus: An accessible, open-source image lightbox with no dependencies.

    Parvus: Accessible Lightbox with No Dependencies — I love how it says not to use overlays...

  • screenshot

    DFlex | JavaScript project to Manipulate DOM Elements

    DFlex: A Drag-and-Drop Library for All JS Frameworks — This is a vanilla JavaScript solution with...

  • screenshot

    Tweetic | Convert Tweets to Static HTML

    Tweetic: Convert Tweets to Static HTML — Useful to preserve the look of a tweet longterm...

  • screenshot

    GitHub - reaviz/reagraph: 🕸 WebGL Graph Visualizations for React

    Reagraph: WebGL Graph Visualizations for React — A high-performance network graph visualization library that uses WebGL...

  • GitHub & BitBucket HTML Preview

    Theoretical Foundations for Server-Side Rendering and Static-Rendering — A research paper and proposal regarding rendering. It...

  • screenshot

    Syntax Highlighting (and More!) With Prism on a Static Site | CSS-Tricks

    Syntax Highlighting (and More) with Prism on a Static Site — This post will show you...

  • screenshot

    Rethinking Server-Timing As A Critical Monitoring Tool — Smashing Magazine

    Rethinking Server-Timing as a Critical Monitoring Tool — Server-Timing is uniquely powerful as the only HTTP...

  • screenshot

    :where() :is() :has()? New CSS selectors that make your life easier | Polypane, The browser for ambitious developers

    :where() :is() :has()? New CSS Selectors That Make Your Life Easier — An approachable look at...

  • New WebKit Features in Safari 15.5

    New WebKit Features in Safari 15.5 — Safari 15.5 is here, with support for the inert...

  • screenshot

    Angular Basics: Create Dynamic Forms Using FormArray Angular

    How to Create Dynamic Forms Using FormArray in Angular — Have you ever booked movie tickets...

  • screenshot

    Web Applications 101

    Web Applications 101 — A single article that touches on almost everything involved in building a...

  • screenshot

    Useful Tools for Creating AVIF Images | CSS-Tricks

    Useful Tools for Creating AVIF Images — AVIF (AV1 Image File Format) is a modern image...

  • Porting Zelda Classic to the Web

    Porting Zelda Classic to the Web — A fascinating write up of an amazing piece of...

  • screenshot

    Figma Course | Learn to Create UI Prototypes

    Figma for Developers — Join Steve Kinney to learn how to confidently use Figma for creating...

  • screenshot

    Babylon.js 5.0: Beyond the Stars

    Babylon.js 5.0: A Powerful 3D Web Rendering Engine — Babylon is a powerful framework you can...

  • screenshot

    Building a Musical Instrument with the Web Audio API

    Building a Musical Instrument with the Web Audio API — One of our favorite writers in...

  • screenshot

    Please, stop disabling zoom

    'Please, Stop Disabling Zoom' — OK, sometimes there might be a good reason, but 9 times...

  • Ordering CSS Declarations

    On Ordering CSS Declarations Alphabetically — Jim is sold on the idea of ordering CSS declarations...

  • screenshot

    Chat for your application

    Free Chat/Messaging UI Kits for Your Website or App — Unlock enterprise-grade features, functions, and UI...

  • screenshot

    It’s time we fix the unethical design of cookie consent windows

    'It’s Time We Fix The Unethical Design of Cookie Consent Windows' — It’s often just easier...

  • screenshot

    Designing A Better Language Selector — Smashing Magazine

    Designing a Better Language Selector — Language selectors are common on sites with worldwide audiences but...

  • screenshot

    Deep Dive into Text Wrapping and Word Breaking

    A Dive into Text Wrapping and Word Breaking on the Web — A look at ways...

  • screenshot

    Episode 9 - Front-end testing with Lucas da Costa - 20minJS

    ▶  Discussing Front-End Testing with Lucas Da Costa — The author of Testing JavaScript Applications (published by...

  • screenshot

    Episode #135: Serverless for Frontend Engineers with Swizec Teller - Serverless Chats

    ▶  Serverless for Frontend Engineers with Swizec Teller — Swizec does courses in using React alongside serverless...

  • Drop-in Minimal CSS

    A Drop-in Minimal CSS Framework Previewer — There are a lot of ‘minimal’ CSS frameworks, such...

  • screenshot

    CSS Gradient Generator

    CSS Gradient Generator — A great web tool for creating “beautiful, lush gradients”. Nice options to...

  • CSS Accordion Slider Generator

    CSS Accordion Slider Generator — An online tool for creating basic collapsing content areas (a.k.a. ‘accordions’)...

  • screenshot

    GitHub - malerba118/scrollex: Build beautiful scroll experiences using minimal code

    Scrollex: A Library to Build Beautiful Scroll Experiences with Minimal Code — Definitely not for every...

  • screenshot

    GitHub - httptoolkit/mockrtc: Powerful friendly WebRTC mock peer & proxy

    MockRTC: A Powerful WebRTC Mock Peer and Proxy — A tool for building automated tests for...

  • screenshot

    CTA Modal: How To Build A Web Component — Smashing Magazine

    How To Build a Modal Dialog as a Web Component — “Write once and run everywhere,...

  • Hello from Plyr-react | Plyr-react

    Plyr React 4.0: A Responsive Media Player React Component — Supports video, audio, YouTube and Vimeo....

  • screenshot

    Free Open Source Tailwind CSS Components | HyperUI

    HyperUI: Open Source Tailwind CSS Components — Popups, inputs, pagination, cards, and a lot more besides.

  • screenshot

    Flexibly Centering an Element with Side-Aligned Content

    Flexibly Centering an Element with Side-Aligned Content — I'm old enough to remember when folks like...

  • screenshot

    Celebrating Firefox: How we got to 100 | The Mozilla Blog

    🎂  Celebrating Firefox 100: How Mozilla Got There — Just a month behind Chrome 100 comes...

  • screenshot

    You Don’t Need A UI Framework — Smashing Magazine

    You Don’t Need a UI Framework — You’ve got an app or a site to build...

  • screenshot

    Creating Realistic Reflections With CSS | CSS-Tricks

    Creating Realistic Reflections with CSS — The idea is you have a copy of something (like...

  • screenshot

    Microsoft Edge Overtakes Safari as World's Second Most Popular Desktop Browser

    Microsoft Edge Overtakes Safari as 2nd Most Popular Desktop Browser — So now the #1 and...

  • screenshot

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

    Emoji Mart 5.0: A Customizable Emoji Picker for the Web — You can test it out here.

  • screenshot

    CSS Generators: Custom Borders

    CSS Generators: Custom Borders — A CSS-only generator for zig-zag, rounded and wavy-style borders.

  • screenshot

    Speed up your builds with Buildkite’s new free plan - Buildkite Blog

    Speed Up Your Builds with Buildkite’s New Plan — Set up CI/CD pipelines, frontend builds, ML...

  • Gantt

    Frappe Gantt: A JavaScript Gantt Chart Control — Gantt charts are commonly used in project management...

  • Pyscript.net

    Pyscript: Run Python in Your HTML — A framework for creating Python apps in the browser...

  • screenshot

    Creating the DigitalOcean Logo in 3D With CSS | CSS-Tricks

    Creating the DigitalOcean Logo in 3D with CSS — Finally DigitalOcean are taking full advantage of...

  • Real World Testing with Cypress

    Level-Up Your Cypress Testing Knowledge for Free

  • screenshot

    SVG generative mountain ridge dividers - Alistair Shepherd

    Generating SVG 'Mountain Ridge' Dividers — I see this as being a bit more like a...

  • screenshot

    A Practical Guide to Centering in CSS - Stack Diary

    A Practical Guide to Centering in CSS — This reference explains various methods to center elements...

  • Web color is still broken

    'Web Color Is Still Broken' — Whether it's handling display profiles, transparency, scaling, or color mixing,...