31 results tagged
css
✕
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.
Github: https://github.com/pure-css/pure/
Github: https://github.com/pure-css/pure/
Shaarli plugin to customize the look and feel of the UI with custom CSS rules, sort of like what you can do with Pepperminty.
Futuristic sci-fi and cyberpunk graphical user interface framework for web apps. If you ever wanted to build a theme that looks like JARVIS or something out of Bladerunner, this seems like a good place to start.
Github repo: https://github.com/arwes/arwes
Github repo: https://github.com/arwes/arwes
Free tool to unminify (unpack, deobfuscate) JavaScript, CSS, HTML, XML and JSON code, making it readable and pretty. The tool works locally in your browser, no data is uploaded to the server.
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.
Magicmirror is a software package for, well, making one of those nifty RaspberryPi magic mirrors that people seem to like building for their houses. Modular; turn on the bits you want, turn off the bits you don't.
Of course, the damned thing uses Electron.
Github: https://github.com/MichMich/MagicMirror
Of course, the damned thing uses Electron.
Github: https://github.com/MichMich/MagicMirror
FormatExpress is an easy-to-use online formatter where you simply paste some bunch of raw XML, JSON, CSS or SQL, to get it automatically beautified. The most common use-case is to help reading minified input found in logs or web services.
Open directory search tool. Proxies Google searches for open directories of movies, images, ebooks, PDFs... Doesn't appear to be a server-side app, it looks like a more-or-less static page that throws you over to Google for the actual results.
Maybe add it to Searx?
Maybe add it to Searx?
Free and libre fonts for desktop and web use.
Visual CSS selector. Claims that you can turn any website into an API. Enter a URL, pick the parts of the page you care about, and it generates a custom query that gives you JSON with the things you want.
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.
Use the markdown.css file to make regular HTML look like plain-text markdown. No JavaScript hacks are needed.
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.
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.
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
Source code: https://git.sr.ht/~emsenn/brutstrap
A combination of sample HTML, CSS, and JavaScript that looks like the WOPR's display from Wargames. Should be extensible to other things with a little work.
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.
A super easy to use, super lightweight JavaScript library for implementing autocomplete in input form fields. All you need to do is load the CSS and JS, and supply a list of possible options to pick from. Very flexible.