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.
Minimal snippets for modern CSS layouts and components. With visible, tweakable examples.
JavaScript is great, and by all means use it, while also being aware that you can build so many functional UI components without the additional dependancy.
Maybe you can include a few lines of utility code, or a mixin, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with.
This site is fully copied from youmightnotneedjquery.com, an excellent resource for vanilla JavaScript created by @adamfschwartz and @zackbloom. But this time, we take a look at the power of modern native HTML and CSS as well as some of the syntactic sugar of Sass. Because, you might not need scripts for that task at all!
Material Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project. 26,000 icons and counting.
How to use a few CSS tricks to implement light mode/dark mode on a website.
An article that teaches how to add CSS animations to hyperlinks.
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
Github: https://github.com/IanLunn/Hover
Maybe I can use this for links?
A simple, aesthetic tabletop dice rolling simulator featuring d4, d6, d8, d10, d12, d20 and d100! Use offline or host it yourself!
You can also use it online: https://bkis.github.io/dice-or-die/
You can also select a combination of dice to roll (such as 1d4 and 2d6 and 3d20) and the app will roll them and total them up for you.
Or use mine: https://amoebatron.virtadpt.net/
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.