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.
The world's #1 open source rich text editor.
Using an old version of TinyMCE? We recommend you to upgrade to TinyMCE 7 to continue receiving security updates, or consider TinyMCE 5 LTS if you need more time to upgrade.
Used and trusted by millions of developers, TinyMCE is the world’s most customizable, scalable, and flexible rich text editor. We’ve helped launch the likes of Atlassian, Medium, Evernote (and lots more that we can’t tell you), by empowering them to create exceptional content and experiences for their users.
DOOM (using libSDL) compiled into Webasm so it can be loaded as a (rather complex, really) widget. Built using Emscripten.
Requires a copy of doom1.wad copied into the sdldoom-1.10/ directory.
You can get doom1.wad here: https://doomwiki.org/wiki/DOOM1.WAD
A Barcode Detection API polyfill that uses ZXing-C++ WebAssembly under the hood.
Supported barcode formats: aztec, code_128, code_39, code_93, codabar, databar, databar_expanded, databar_limited, data_matrix, dx_film_edge, ean_13, ean_8, itf, maxi_code (only generated ones, and no position info), micro_qr_code, pdf417, qr_code, rm_qr_code, upc_a, upc_e, linear_codes and matrix_codes (for convenience).
It's probably easier just to grab it from the JS CDN and store it locally.
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.
A web component for peaks.js that implements the actual "give me a player for this file" widget. Generate a .dat file for the MP3 with the audiowaveform utility and it gives you a little playback widget. Also supports playlists as JSON documents.
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.
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
Silverstripe CMS is the intuitive content management system and flexible framework loved by editors and developers alike. Tries to be easy to use. Aims for stability, security, and excellent support. Tries to generate highly reusable code with a built-in templating engine.
Installs with Composer.
Github: https://github.com/silverstripe
Provides a suite of tools to help people overcome reading struggles caused by dyslexia.
Turns the font on all pages into Open Dyslexic on every page AND allows for a wide array of super useful font manipulation tools to help ease the pain of reading online. The font is designed to ease the pains of reading with dyslexia by combatting commonly occurring symptoms. For more information visit opendyslexic.org.
The reading feature lets you tag along while your browser reads to you! If you have a hard time tracking, and loose your place (like I so often do) this feature is designed for you. Just highlight what you want read, click "Read Selected" in the right click menu, and it will read the highlighted text in the voice of your choosing!!
A Firefox extension that makes web pages more readable if you have dyslexia. All changes made are tested by real people who use it every day. All fonts are changed to OpenDyslexic. Special color overlay for websites. Optional forced markup for websites with a bad or a difficult to read user interface.
Departure Mono is a monospaced pixel font with a lo-fi technical vibe inspired by the visual constraints of early command-line and text mode user interfaces. Think 80's dot matrix printers, ancient documents, airline tickets, and receipts.
Excels with tabular data. Includes characters for drawing in text mode. Seems to cover the classic IBM 256 character set. Includes .woff and .woff2 versions for web design.
webidx is a client-side search engine for static websites. It works by using a simple Perl script (webidx.pl) to generate an SQLite database containing an index of static HTML files. The SQLite database is then published alongside the static content.
The search functionality is implemented in webidx.js which uses sql.js to provide an interface to the SQLite file.
Seems like this should be pretty easy to plug into a Pelican workflow. I might want to write my own database generator in Python, though.
Maybe there's a way to enable vector searching in SQLite?
What's there to say? It's Space Invaders in JavaScript!
Create the game, give it a div to draw to, tell it when the keyboard is mashed and that's all you need to add Space Invaders to a website.
This is a simple learning exercise, so the JavaScript is deliberate kept all one file. There's no linting, testing, CI, or anything like that. If you want to see such patterns in front-end JavaScript, check out something like angular-modal-service.
Slash pages are common pages you can add to your website, usually with a standard, root-level slug like /now, /about, or /uses. They tend to describe the individual behind the site and are distinguishing characteristics of the IndieWeb.
Explore the cyberpunk world with these vibrant and futuristic color palettes created by Ramses Revengeday. Copy the color codes with a click and bring your digital creations to life.
Editor.js is an open-source text editor offering a variety of features to help users create and format content efficiently. It has a modern, block-style interface that allows users to easily add and arrange different types of content, such as text, images, lists, quotes, etc. Each Block is provided via a separate plugin making Editor.js extremely flexible.
Editor.js outputs a clean JSON data instead of heavy HTML markup. Use it in Web, iOS, Android, AMP, Instant Articles, speech readers, AI chatbots — everywhere. Easy to sanitize, extend and integrate with your logic.
Lexical is an extensible JavaScript web text-editor framework with an emphasis on reliability, accessibility, and performance. Lexical aims to provide a best-in-class developer experience, so you can easily prototype and build features with confidence. Combined with a highly extensible architecture, Lexical allows developers to create unique text editing experiences that scale in size and functionality.
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:
- Shit’s finally lightweight and loads fast;
- Finally fits on all your shitty screens;
- Finally looks the same in all your shitty browsers;
- Won’t bleach your fucking eyeballs at night if your browser thinks you like dark things;
- The motherfucker’s still accessible to every asshole that visits your site;
- Shit’s still legible and gets your fucking point across.