A perverse way to make your HTML look like markdown, purely via CSS.
A simple, fully responsive Dashboard to forward to the services of your choice! Ideal for Desktop and mobile usage! Add all of your services, whether you host them yourself or not and display them as neat Icons from the FontAwesome libary. simple-dash is made to be as simple and minimalistic as possible.
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.
The degooglify.sh script takes as arguments local files and URLs (leading to fonts.googleapis.com). It handles multiple arguments, including mixing of URLs and files. It then downloads the CSS files from URLs provided, and in all local and downloaded files looks for @import (with URL pointing to fonts.googleapis.com) and src: (with URL pointing to fonts.gstatic.com) statements. Once done, it rewrites the files in question to point to the downloaded files.
Brutstrap is a CSS theme for building a brutalist website: one where the website, as shown in your browser, is an accurate representation of the HTML document it is displaying. Quite literally, the way the HTML is written is the way the page looks.
Source code: https://git.sr.ht/~emsenn/brutstrap
How to override CSS, develop your own, and install new themes for Shaarli.
Build beautiful, responsive, readable interfaces. Lightweight, only 14k in size. Looks easy to use.
How to dynamically load web fonts for styling.
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.
A website that lets you upload SVG files and it'll convert them into Bootstrap compatible glyphicons for use in your website. Also has a huge archive of icons that you can download and use.
Google has open sourced their Material Design Icons Library. It includes icons in PNG, SVG, and CSS glyph formats for many devices, functions, and features. Spritesheets are included. The icons have a Creative Commons By Attribution-Share Alike v4.0 license, so feel free to download and use them.
SelectorGadget is a bookmarklet (which works on pretty much any browser) or a Chrome Plugin that makes it easy to generate a CSS selector for writing CSS or scraping web pages to pick out only the bits you're interested in. Click on the part of the page you want, then click on a part you don't want (if there is one). Lets you pick out multiple bits and stack them into a single selector.
Tufte CSS. Read it. Love it.