Social Media Ideas for Html Apis

HTML5 Semantic Elements: Browser Support, Tags, Polyfill

HTML5 semantic elements work in Chrome 26+, Edge 12+, Firefox 21+, Safari 6.1+, iOS 7+, Opera 15+, Samsung Internet 4+, and Android Browser 4.4+. Per-browser support, the full tag...

Web Technologies Browser Support Directory

Browse browser support for web technologies by category: CSS, HTML, JavaScript, Web APIs, image and video formats, fonts, graphics, device APIs, and networking. Each guide lists su...

<file-preview> - A simple web component for file previews

This was a "I can't fall asleep and my mind is wondering" type of idea and honestly, I'm surprised at how good it came out. For a while now I've shared demos where a user picks an...

Document Object Model (DOM)

The latest HTML trickery for web designers

HTML Can Do That is a pleasantly minimal website by Chris Burnell, explaining some of the interesting tricks you can do without javascript or even styles. Did you know you can do p...

CSSOM (Cascading Style Sheets Object Model)

Cross-Document View Transitions: Browser Support, MPA

Cross-document view transitions work in Chrome 126+, Edge 126+, Opera 112+, and Safari 18.2+. See setup, pageswap events, and known limitations.

Using and Styling the Dialog Element

There's a lot of nuance to the <dialog> element, a seemingly little piece of web architecture. I've got some notes from digging into it. Using and Styling the Dialog Element...

Shadow DOM

Transform JSON To HTML Using JSON Templates - json2html.js

View Demo | Download sourceA fast, convenient JavaScript JSON to HTML library that transforms JSON objects into HTML using JSON templates. Works with Vanilla JavaScript, jQuery and...

Copying HTML Tables as Text, Markdown, and CSV

Earlier today and in a non web-related conversation, I saw someone talk about copying tabular data into different formats, like plain text and CSV. It got me thinking - this could...

Web Workers API: Running Scripts in Background Threads Without Freezing the UI

Introduction Modern web pages do far more than display static content. They sort large tables,... The post Web Workers API: Running Scripts in Background Threads Without Freezing t...

What the browser can actually tell you about your hardware (and what it can't)

I spent a while building browser-based hardware diagnostics and came away with a much clearer sense of where the web platform is genuinely capable and where it quietly lies to you....

Dialog API vs Popover API: Which One Should You Actually Use?

Learn when to use the Dialog API or Popover API by comparing accessibility, focus management, inert backgrounds, and real-world UI scenarios.

SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes

View Demo | Download sourceRender JSON-driven surveys, forms, polls, and quizzes with SurveyJS Form Library. Use plain JavaScript, jQuery, React, Angular, or Vue.

Building Custom Form Selection Blocks - no JS, all CSS

I apologize for what may be a slightly misleading title. The topic for this post is something I've had on my list of things to explore for some time now, and while I wait for the n...

OrgChart: Interactive Organization Chart in Vanilla JavaScript

View Demo | Download sourceBuild interactive org charts and family trees in Vanilla JavaScript with JSON data, drag and drop, pan/zoom, custom nodes, export, and a minimap.

Rattribute.js - A JavaScript library that generates responsive attribute setters for any HTML element.

Comments

Building a Zero-Latency HTML5 Aim Trainer Core

When developing web-based esports utilities, standard React or Next.js state updates can sometimes introduce micro-stutters. To achieve absolute precision, building the core engine...

Why Vanilla JS

Comments

toast-queue — Accessible, customizable toast notifications for modern web apps

Comments

CSS @scope: Browser Support, Cascade, Donut Scope

CSS @scope works in Chrome 118+, Edge 118+, Opera 106+, Safari 17.4+ on macOS and iOS, Samsung Internet 25+, and Firefox 146+. Learn cascade and quirks.

What is an API? Part 1: The Secret Life of a Web Browser

To understand what an API is and why it's useful to you, we first need to look at something you do dozens of times a day: loading a website in your web browser.

Timing Charts: A Blueprint For SMIL Animations

Discover SMIL, the often-overlooked way to animate SVGs that works inside `` tags and can fully animate everything in an SVG without JavaScript.