Discover jonathantneal/css-media-interface-style-test Open Source

Use external SVG spritemaps today

4,326

svg4everybody

Return the closest element matching a selector up the DOM tree

3,290

closest

A tiny, totally cross browser, accessible, fully customizable media player

353

media-player

An object-fit polyfill for Internet Explorer

271

fitie

EventListener Polyfill for IE

211

EventListener

Hurray for server-side content negotiation

149

http-client-hints

PHP

128

google-fonts-complete

A complete list of Google Web Fonts and their sources

Javascript-Powered Cross-browser Media Queries and Events

118

MediaClass

Use SVGs in WordPress — Manage an SVG spritemap

111

wp-svg-spritemap

Creates invoices on the fly, anywhere, without any additional software.

104

html5-invoice

Convert Colors converts colors between RGB, HEX, HSL, HWB, LAB, LCH, and more

convert-colors

Inline external scripts, styles, and images in HTML

posthtml-inline-assets

A polyfill for Array.prototype.flat and Array.prototype.flatMap

array-flat-polyfill

Many, many names of colors

color-names

document-promises

Document loading states as Promises

Escape strings for use within a regular expression

regexp-escape

A 0.3kB JavaScript library for creating DOM structures (JSX compatible, JSDOM compatible)

dsc

A JSON Object of css font weight names mapped to their numeric font weight value

css-font-weight-names

browserstack-app

BrowserStack client for Windows, Mac, and Linux

React useState in vanilla JavaScript

usestate-js

Yo dawg, we heard you like viewing the source, so we put our source in the source so you can view source while you view source.

viewsource

PHP

element-qsa-scope

Return elements matching a selector relative to the current node

closest-color

Get the closest color

Please move to https://github.com/jonathantneal/polyfill

Polyfills-for-IE8

Easily use context-sensitive markdown within HTML

posthtml-md

Write accessible tabs with minimal markup

posthtml-aria-tabs

Add schema.org microdata to your markup super easy

posthtml-schemas

A tiny "no space" font designed for inline-block layouts

layout-webfont

mdcss-theme-github

GitHub theme for mdcss

npm install when package.json dependencies have changed post-merge

post-npm-install

A polyfill for the preload link type [rel="preload"]

preloadfill

A speculative polyfill to use the h element in HTML

hfill

Keep any element on your page visible

angular-sticky

wget.sh

A cloud-based app installer

Ruby

website-checklist

All those things to remember, all those questions to ask.

upsite

Just put up a site

The results of how different markup is read by accessible technology

rat

Watch the size changes of a DOM element

watch-size

Use contextual headings in HTML

h-element-spec

Read Adobe Swatch (ASE) files

readase

Use ranges in media queries passed to window.matchMedia

match-media-range

A collection of meaningful properties and functional classes designed to help you write cleaner, scalable, and easier to maintain CSS

practical-styles

HTML5 Shim: a javascript compatibility workaround for Internet Explorer <9 and the display of HTML5 elements.

html5shim

Creates DOM Nodes from a CSS Selectors

dom-create-node

WebKit-based touch scroller

scrollr

AudioContext

AudioContext Polyfill

A simple tool for rapidly creating components

rapid

A boilerplate for mdcss themes

mdcss-theme

An http & https compatible module. Simultanious ports & protocols. Set & generate certificates & charsets & mimetypes. Glob & chain requests. Stream & process files.

httpe

Generates cross-browser CSS3 rules

Cross-Browser-CSS3-Rule-Generator

practical-custom-selectors

realistic and reusable custom selectors

Go home, aspect ratios. You’re drunk.

soberatio

postcss-wp

Generate WordPress PHP files from CSS files

astro-with-postcss

Convert SVG spritemaps into CSS stylesheets

svgc

Treat DOM events like Arrays

event-observer

Write templates with embedded JavaScript expressions

eslit

Use media queries within values in CSS

media-expressions-spec

Add lorem ipsum placeholder text to any document

harmonize.css

A presentational layer

posthtml-lorem

CSS for Brilliant Screenplays

screenplay.css

custom-elements-module

A recompiled polyfill for HTML Custom Elements

Merge the contents of 2 DOM elements

element-merge

A stylesheet of the HTML5 Presentational Requirements and Recommendations from the spec

html5css

keyboard-focus

Detect when an element has received focus from a keyboard

A javascript templating system for browsers and nodejs

storybook-addon-css-user-prefs

wip addon for storybook

TypeScript

jshtml

domose

Old Fashioned DOM Sugar

Demo of NextJS with CQFill

nextjs-with-cqfill

A tiny, highly accessible, easily customizable carousel

carousel

beautifies web address inputs with informative glyphs and tastefully recomposed urls

urlicon

Transform global variables in JavaScript

babel-plugin-transform-globals

A shareable configuration package for stylelint

stylelint-config-dev

reshape-md

Use Markdown in HTML

Remove all child nodes from a ParentNode while allowing the insertion of a new set of nodes

parent-node-replace-all

Useful information about every country, packaged as objects

countries

PHP

directory-fonts-complete

Generate a complete list of fonts and their sources from a directory

Automatically add the necessary imports when a file contains JSX

babel-plugin-jsx-imports

Shape any value in JavaScript

jshape

Quickly test Reshape plugins

reshape-tape

Proposed Element Query syntax realized in Hitch

hitch-element-queries

Accessible markup for the web

this-is-a11y

A set of UI components behind Electric and WeDeploy.

marble-css

A console for old Internet Explorer

console

zero-dependency module for parsing YAML and Front Matter

parse-yaml

Create new PostHTML plugins

posthtml-plugin-boilerplate

A smaller version of mdn-browser-compat-data, with only the essentials!

mdn-browser-compat-lite

Wrap the whole script in a function — export as CommonJS, ES Modules, IIFE, or a global variable

babel-plugin-func-wrap

astro-youtube-component

Astro YouTube Component

Deliver a consistent focus experience to browsers

js-focus-ring

astro-module-html

Map key codes to codes in JavaScript

kcc

super fast bash shortcuts

Shell

normalize

A complete list of Bootstrap Fonts and their sources

bootstrap-fonts-complete

astro-css-units

Astro + Container Queries

astro-stitches

Astro

astro-cqfill

A command line utility to quickly setup https for any Vagrant site

100

vvssl