A very simple and lightweight personal dashboard that is generated by a shell script. No dependencies; if you have coreutils installed that's all you need. Resulting page is optimized for space.
Edit the CSV file, run the tinyhome script, you're done.
A small but highly customisable site template, ideal for a project documentation homepage.
Might be addable to my website's theme.
A lightweight CSS framework for personal sites.
With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
Use this starter kit to create a viable, good looking, production-ready website whose entire size does not exceed 2 KB compressed when opened in a browser. Ideally, the total size of all assets (HTML, CSS, favicon, etc.) downloaded by the browser when opening the page will be under 2 KB. You need npm and gulp installed to assemble it, but once you have it everything you need will be in the dist/ subdirectory.
A data visualization framework written in CSS. Uses the semantic HTML5 tags to identify data to process, the data goes inside the HTML markup in the form of tables. No Javascript is needed to pull data out of APIs for processing (unless you want to roll that way, I guess). The core CSS file can be downloaded and put to use more or less immediately.
Semantic HTML elements are those that clearly describe their meaning in a human- and machine-readable way. Elements such as <header>, <footer> and <article> are all considered semantic because they accurately describe the purpose of the element and the type of content that is inside
Material design icon font and CSS framework for self hosting the icons.
Demo and visual directory of icons: https://marella.me/material-icons/demo/
You want fart noises as you scroll? We've got you covered.
Courtesy of The Onion.
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. vIt’s used in thousands of websites, including some of those you visit daily. Simple to use. Lightweight. Customizable downloads, just like Bootstrap. Surprisingly easy to use: Include the files in your HTML and it does the rest for your <code> blocks. Extremely fast.
A set of small, responsive CSS modules that you can use in every web project. Pure is ridiculously tiny. The entire set of modules clocks in at 3.7KB minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. Has all of the primitives that you'd expect from a CSS framework.
A series of awesome little special effects for websites. Not limited to any framework (react, vue, angular, etc). Effects can be simply inserted into the page.
A perverse way to make your HTML look like markdown, purely via CSS.
Use the markdown.css file to make regular HTML look like plain-text markdown. No JavaScript hacks are needed.
Web font downloader/inliner.
Downloads a set of web fonts specified by @font-face rules in a CSS file. By default, woff2 equivalents are inlined as the modern browsers all support it.
By inlining woff files, this reduces the number of server roundtrips by two in the best case (the external CSS and woff files), one in the worst (just the external CSS). By reducing roundtrips we can reduce the amount of time we risk showing a flash of unstyled or hidden text content.
This tool is currently designed to work against Google's font server but should work against any hosted CSS font that uses @font-face.
Hello, CSS! is a CSS template which styles most elements to neutral and aesthetically pleasing defaults. I copy/pasted variants of this so often I figured I might as well put a cleaned up and annotated version somewhere.
I encourage you to pick ’n choose what you need, rather than insert everything.
Want to design a color scheme for a costume, web site, or presentation? Play around with this a little and see what you can come up with.
A collection of JavaScript and CSS progress bars that can be incorporated into websites. Creative Commons.
Bootstrap is a web development template from two folks at Twitter which aims to make designing websites easy and elegant. Designed to be device-responsive, so the CSS adapts based upon the browser and platform viewing a site. There is a compiled and minified version that you can download, as well as a version that has all of the code in its basic form. There is even a web-based customizer you can use to tailor what you want the page to look like before you start developing it.
A bit of JavaScript that looks, as far as anyone can tell, like the Disqus commenting plugin. It actually stores comments in the commentor's browser's local storage and nowhere else. They think they left a comment but no one else will ever see it. Goddamn brilliant.
Tufte CSS. Read it. Love it.