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 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
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
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.
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.
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.
Tufte CSS. Read it. Love it.
3515 links, including 130 private