A small but highly customisable site template, ideal for a project documentation homepage.
Might be addable to my website's theme.
A nice, retro-looking dashboard for organizing your environments. Instant local search, keyboard shortcuts, themable, customizable. YAML config file. Icons can be customized as well. Theoretically small enough to carry around on your mobile device. Uses yarn to install dependencies and compile. Themes can be switched out in realtime.
Reminds me a bit of GEOS or Workbench.
Serve with any web server; the Docker container uses nginx, but use whatever.
Hey! I'm @rstacruz and this is a modest collection of cheatsheets I've written.
A lightweight CSS framework for personal sites.
Somebody's user.css file for a Shaarli instance.
pup is a command line tool for processing HTML. It reads from stdin, prints to stdout, and allows the user to filter parts of the page using CSS selectors.
Inspired by jq, pup aims to be a fast and flexible way of exploring HTML from the terminal.
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.
Material design icon font and CSS framework for self hosting the icons.
Demo and visual directory of icons: https://marella.me/material-icons/demo/
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.
Slingcode is a personal computing platform in a single html file. You can make, run, and share web apps with it. You don't need any complicated tools to use it, just a web browser. You don't need a server, hosting, or an SSL certificate to run the web apps. You can put Slingcode on a web site, run it from a USB stick, laptop, or phone, and it doesn't need an internet connection to work. You can "add to home screen" in your phone's browser to easily access your library of programs on the go. You can share apps peer-to-peer over WebTorrent. It's private. You only share what you choose.
Everything is kept in the browser's localstorage system.
It's written in Clojurescript with a bunch of dependencies, but the output is a single HTML page that you can drop anywhere. Probably easier to download it from the website (as recommended) and drop it someplace.
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.
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
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.