Bootstrap/386 is a Bootstrap v2/3/4/5(in progress) theme to make webpages look like they are from the gentler, less distracting time of the 1980s. Does a great job of making a website look like an MS-DOS application running on a somewhat slow PC. Resembles the Borland Turbo UI in many ways. The Javascript even looks fairly configurable.
A high-quality selection of free icons. Your new alternative to Noun Project, Flaticon, and all Figma resources. Available in SVG, Font, React, React Native, Flutter, Figma and Framer.
This is a playground for learning and testing CSS selectors in a visual way. Start by selecting a playground or let's start with a random selector.
A typeface of people silhouettes, to make it easy to build web graphics featuring little people instead of dots. Just add the contents of "weepeople.css" to your page, or link to that CSS file.
The repo has the CSS file, the glyphs, a Truetype font file, and v1 and 2 webfont files.
A skin for Firefox that makes it look like Desqview. The installation instructions are a little opaque, though.
Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. No knowledge of CSS required. Designed with mobile first in mind. Aims to be easy to customize with Sass variables. Automatic light/dark mode supported. Tries to have the simplest grid system possible. Automatically resizing columns.
No Javascript required or included. If you want to use it, that's on you.
Github: https://github.com/jgthms/bulma
(Description by Simon Willison, which is more clear than the one on the site itself.)
Blake Watson's brand new HTML tutorial, presented as a free online book. This seems very modern and well thought-out to me. It focuses exclusively on HTML, skipping JavaScript entirely and teaching with Simple.css to avoid needing to dig into CSS while still producing sites that are pleasing to look at. It even touches on Web Components (described as Custom HTML tags) towards the end.
Github: https://github.com/blakewatson/htmlforpeople
License: BY-NC-SA 4.0
Eric A. Meyer has been working with the web since late 1993 and is an internationally recognized expert on the subjects of HTML, CSS, and web standards. A widely read author, he was technical lead at Rebecca’s Gift, a 501(c)(3) non-profit organization dedicated to providing healing family vacations after the death of a child; and was, along with Jeffrey Zeldman, co-founder of the web conference series An Event Apart (2005–2021).
RSS: https://meyerweb.com/eric/thoughts/feed/
ATOM: https://meyerweb.com/eric/thoughts/feed/atom/
The free, open source Python module markdown-pdf will create a PDF file from your content in markdown format. UTF-8 enabled. Can embed images. Supports pagination and tables of contents. Supports CSS for styling.
Only a module, though, not a CLI tool.
Convert Markdown files to PDF with styles. Supports the use of CSS for styling. Can be used as a CLI tool or a Python library.
Webxdc brings web apps to messenger chats, in a simple file format containing HTML5, CSS, JavaScript and other asset files. All authentication, identity management, social discovery and message transport is outsourced to the host messenger which runs a webxdc app container file and relays application update messages between app users, letting each app inherit offline-first and end-to-end encryption capabilities implemented by the hosting messenger.
Directory of apps: https://webxdc.org/apps/
I don't know if any of these could be used in a free-standing way or not, but it might be interesting to try.
A dark blue/dark mode theme for Shaarli.
And it’s really more fucking perfect than the last guy’s.
Seriously, some minimal fucking things are needed to make this shit perfect.
Ten fucking declarations, a @media block, and one attribute.
That’s how much CSS and HTML it took to turn that grotesque pile of shit into this finally perfect masterpiece. It’s so fucking simple and it still has all the glory of the original perfect-ass website:
This is a list of classless CSS themes and frameworks. "Classless" means a style sheet does not define special classes you must add to your HTML elements to style these elements. As a result, you can style any plain-HTML page just by linking to the style sheet.
This specification defines HyperText Markup Language as implemented in the broader diversity of web browsers, including Rhapsode, Lynx, Dillo, Netsurf, Weasyprint, etc. HTML is a language for annotating plain text with its semantic structure, and to reference related resources. HTML specifically does not dictate how its text should be presented. For the sake of rendering to a variety of devices, and to ease website authoring & maintenance.
HTMLite is meant to be loosely compatible with WHATWG's HTML specification whilst being tractible to understand and implement. Reflecting what's supported/used by most browser engines and web pages, rather than the popular few.
HTMLite is an application of XMLite, and is based fundamentally on XMLite-Model. It also defines the HTML syntax as an alternative to XMLite-Syntax.
Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern and user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful!
Uses the Liquid templating system.
Redesign your favorite websites with Stylus, an actively developed and community driven userstyles manager. Easily install custom themes from popular online repositories, or create, edit, and manage your own personalized CSS stylesheets.
Github:
A bunch of contributed themes and configs for the Stylus browser addon.
Stylus is an add-on that lets you load arbitrary bits of user-defined CSS to edit or re-skin websites. Available for both Chrome and Firefox.
Simple.css is a classless CSS template that allows you to make a good looking website really quickly. By classless I mean that there are no CSS classes anywhere in the CSS or the HTML. So your website can look just like this using plain old vanilla HTML.
When starting a new project, I wanted a CSS framework that would get me up and running quickly, and give me something I could hack on. I got sick of all these giant frameworks that include everything but the kitchen sink, 90% of which I’ll never use. For example, the minified CSS for the Bootstrap framework is 144KB in total. By comparison, Simple.css is around 4KB.
Includes a good looking sans-serif local font stack, typographic best practices, automatic flipping to dark mode, and sensible defaults.