Pinned Repositories
eqcss
EQCSS is a CSS Reprocessor that introduces Element Queries, Scoped CSS, a Parent selector, and responsive JavaScript to all browsers IE8 and up
caffeinated-style-sheets
Extend .css with JavaScript the easy way!
computed-variables
Easy to use event-driven CSS variables
cssplus
CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables
deqaf
Decaffeinate CSS stylesheets client-side
dragon
dragon.js is a bookmarklet that lets you drag any element on a website using a mouse or touchscreen. The goal is to speed up in-browser design critiques and brainstorming new layout ideas.
element-queries-spec
A spec for a Container-Style Element Query Syntax
jsincss
A JS-in-CSS stylesheet loader
preset
A simple CSS preset for 2020
reprocss
A flexible <style>-tag based CSS reprocessor
tomhodgins's Repositories
tomhodgins/element-queries-spec
A spec for a Container-Style Element Query Syntax
tomhodgins/preset
A simple CSS preset for 2020
tomhodgins/quark
Quark.js is a microscopic atomic CSS polyfill in JS just 140 bytes
tomhodgins/qss
QSS ➸ a simple query syntax for CSS element queries
tomhodgins/varius
Exposing properties of HTML elements as CSS variables
tomhodgins/js-in-css
A Pattern for simple Event-Driven Virtual Stylesheets: 100% CSS plus the expressive power of JavaScript
tomhodgins/slinky
Add JavaScript tests to <link> tags to toggle stylesheets
tomhodgins/fartcss
Functional And Responsive Template is a utility class framework that uses element queries
tomhodgins/responsive.style
A Fresh Approach to Extending CSS
tomhodgins/aspect-ratio-spec
A spec for an aspect-ratio property in CSS
tomhodgins/speedtest
SpeedTest is an HTML5 app that lets you test websites at a variety of resolutions very quickly. It also works on mobile, which allows you to test websites at a variety of widths on a phone or tablet where you can't normally change the width of the browser.
tomhodgins/js1k-arecibo
The Arecibo Message - for JS1K 2017
tomhodgins/eqcss-compiler
A compiler to turn EQCSS syntax into equivalent (vanilla) JavaScript
tomhodgins/unicons
Unicons.css is a CSS file to make adding unicode characters to HTML in a semantic and easy to use way. Because Unicons.css is so lightweight you can include just one file to supplement or replace other icon font solutions on your site like FontAwesome
tomhodgins/cascading-js-variables
Cascading JS Variables with a similar syntax and usage to CSS Variables, implemented in JavaScript
tomhodgins/bil
Basic Instruction Language
tomhodgins/querious
A pure-JavaScript element query demonstration using data attributes for syntax, and applied via classes
tomhodgins/mathpad
Magic Mathpad: a live JavaScript calculator
tomhodgins/respec
respec allows CSS authors to assign the specificity of a rule separately from the specificity of the selector
tomhodgins/freshstart
Static HTML site built using HTML5, CSS, and JavaScript. No frameworks, no bootstrap, no jQuery.
tomhodgins/learncss
Docs for ##learncss on freenode
tomhodgins/mini-container-queries
A <200 byte container query plugin
tomhodgins/container-queries
tomhodgins/cq-usecases
Use cases and requirements for standardizing element queries.
tomhodgins/element-query-tests
JavaScript tests for element query conditions
tomhodgins/inspector-gadget
Web-based source viewer with syntax highlighting. Useful for viewing the source of pages in mobile browsers
tomhodgins/qompile
Build with Container Queries. Ship CSS.
tomhodgins/responsiverehab.com
Website for ResponsiveRehab
tomhodgins/responsivereport
A newsletter from @innovati about web & design
tomhodgins/todoml
TodoML - a simple markdown-like syntax for composing todo lists