john-doe
validator
john-doe | validator | |
---|---|---|
12 | 2 | |
454 | 1,635 | |
- | 0.7% | |
0.0 | 6.8 | |
over 1 year ago | about 1 month ago | |
HTML | Java | |
The Unlicense | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
john-doe
- John Doe single-file HTML website template - uses the #anchor suffix and the :target CSS selector to show and hide pages/content. This setup is databaseless, javascriptless, and buildshit-free, so you can edit your website with a text editor and upload it somewhere like a normal person
- John DOE single-file HTML website template
-
How to Build a Personal Webpage from Scratch (In 2022)
I really like the John Doe template. Everything is in one HTML file and one CSS file: https://github.com/cadars/john-doe/
From the readme: “This setup is databaseless, javascriptless, and buildshit-free, so you can edit your website with a text editor and upload it somewhere like a normal person.”
-
How can I show an anchor by default?
I'm following this guide to use #anchor and :target selector to have multiple pages in a single HTML file, for fun. However, I'm not sure how to show my home page anchor by default. From reading the source code, the author does that by just doing:
- A Whole Website in a Single HTML File
-
A whole website and a single HTML file
The author of the site linked in the article suggests a couple of Markdown options for this on their blog page [1]. In this, they link a port of their website as a Jekyll theme [2].
1. https://john-doe.neocities.org/#blog
2. https://github.com/bradleytaunt/john-doe-jekyll
-
Photosheet: a CSS-only image gallery with display options, lightbox, slideshow, and images counter
Thanks! It's built mostly with :target (like https://john-doe.neocities.org), :focus-within to select the parent element of the :target, input:checked radio buttons for the thumbnail sizes, and counter() for the pagination.
- A full website in 1.7 KB (all assets included)
validator
-
Ask HN: Small scripts, hacks and automations you're proud of?
I write a ton of CSS and could not find a command line stylesheet checker. I did find the NuHTML checker from W3C, cough, which also checks CSS: https://github.com/validator/validator/releases/tag/20.6.30
I wrote a script to convert the inset a CSS file into a dummy one-line HTML file, so that I can pass a CSS file to the script, and when errors are generated from the CSS, they are given using the correct line number.
- How to Build a Personal Webpage from Scratch (In 2022)
What are some alternatives?
auth0-javascript-samples - Auth0 Integration Samples for Vanilla JavaScript Applications
semanticText - Copy paste tool that analyzes the semantic description of all text in the DOM
TiddlyWiki - A self-contained JavaScript wiki for the browser, Node.js, AWS Lambda etc.
gmail-sidebar-drive - A simple gmail add on to display all the drive folders and files in sidebar.
portable-php - A blog in one HTML file
emergency-poncho - Emergency Poncho - an HTTP Archive replayer
Publii - The most intuitive Static Site CMS designed for SEO-optimized and privacy-focused websites.
classless-css - A list of classless CSS themes/frameworks with screenshots
raito - Mini Markdown Wiki/CMS in 8kb of JavaScript
intellij-community - IntelliJ IDEA Community Edition & IntelliJ Platform
landing-page-boilerplate - 🖼 A pure client-side landing page template that you can fork, customize and host freely. Relies on Mailchimp and Google Analytics.
VimMode.spoon - Adds vim keybindings to all OS X inputs