(indie) webdevin' (frontend) stuff
Navigation
Info
last updated: 10 AUG 2026
no "AI" tools featured or used
<3 for favorites
CSS base by zagura's template
Tutorials and codes
Main sources
References
- HTML ISO charset reference, because & < >
-
HTML semantics cheat sheet, because i dislike having endless
<div>s - HTML cheat sheet
- color-hex: for full info about colors
- recommended minimum HTML head
- complete list of HTML meta tags
Small functional tutorials
-
new
modern.css: native CSS guides and explanations
- smol.css: quiality-of-life small code improvements
- <3 flexbox guide with pictures
- Reusable HTML Components tutorial
- @media rule
- `auto-fill` vs `auto-fit`
- centering image inside of flexbox... one of the ancient questioins
- tabs without scripts
- seamless responsive photo grid
- spoilering images
- px to rem: small tutorial about conversion of layout from px values to rem
- how to embed part of yt video
- solaria's responsive gallery guide
- image maps
- folder tree view without scripts
- ugrid code base
Decorative
- Time Wallpaper: tutorial about changing the wallpaper of your site at night-time (7pm-5am)
- box customization examples: borders, shadows, outlines
- anchor links styling
- frutiger aero CSS tutorials
- tooltip CSS by OhScee
- simple tutorial for custom cursors
- styling rel=external links
- CSS decor codes by loveberry
- snow CSS animation by Calleb
Tools
all
- new magic css merge: tool to merge cascade CSS with conflicts
- <3 tinypng: tool to optimize pictures and reduce their size
- <3 dithermark: tool to dither pictures
- <3 Markdown to HTML: converter (because i'm lazy)
- <3 notepad++: code editor
- new code beautify for HTML and CSS formatting
- Nu HTML Validator
- broider: tool for making "9-patch" borders
Generators
- border image generator
- "img src" text generator, because i'm lazy
- CSS pattern background generator
- image map generator
- box shadow generator
- unicode progress bars generator
- description list (dl) generator
- text shadow generator
- new stamp studio: stamp generator
Accessibility
Tools
- <3 randoma11y: good-contrast color generator
- theme change with toggle (more than two)
- accessible color palette generator with 4+ colors
- accessible color contrast checker
- responsive design checker: how your site looks from different devices
- who can use: shows how color contrast can affect different people with visual impairments
Guides
- WCAG: web content accessibility guidelines
- solaria's readability tips
- alt text: the ultimate guide
- how to write alt text and image descriptions
- how to set up a screen reader testing environment on your computer... and why
- how to make keyboard focus work and test it
- hiding visible content from screen readers
- implementing a gif toggle in HTML
- day/night themes without scrips
Other
- responsive web directory: directory for responsive small and personal websites
- accessible net directory: also this, but with more accessibility
With other people
- sundaysites: webdev jams
- <3 Melonland: indie-web forum
- <3 treefort: indie-web forum, too
- Ray's webrings list
- letterbird: online contact form
- new widget star: collection of widgets for nekoweb websites (comments, contact form, guestbook widget, etc)
- <3 atabook: free guestbook (not only for nekoweb)
- komments: 10 free guestbooks
-
status.cafe: place to share short statuses
- Melon's status proxy widget (for free newest (2024+) neocities websites)
- petrapixel's status.cafe widget (for free newest (2024+) neocities websites)
- minty.cafe: smaller fork with better moderation
-
piclog.blue: to share compressed AF JPEGS
- piclog.red: piclog's fork with better moderation and faster registration + forum
Additions (widgets, services)
- new nutshell: expandable, embeddable explanations
- free online crossword puzzles and their widgets
- online radio box's widgets
- Place Cats: placeholders as cat pictures
- night night: put your website to sleep
- <3 pinterest board iframe widget
- increment button: just a little counter button
- green web: check if your website runs on green energy
- website carbon calculator: estimate your web page carbon footprint
Hosting
Webhostings
- <3 nekoweb: free, 500Mb, NSFW ok
- <3 leprd: free, 1Gb, NSFW ok
- <3 neocities: free, 1Gb, NSFW ok
-
teacake: free, 500Mb, no NSFW
- ichi.city: free, ???Mb, no NSFW
- infinityfree: free, 5Gb, no NSFW
- bopbee: free, 100 MB, no NSFW
- nearlyfreespeech: pay-as-you-go, NSFW ???
- omg.lol: 20$ USD/1 year, ???, NSFW ???
- straw.page: free, no NSFW (website builder)
- new mmm.page: free, no NSFW (website builder)
Other
- ComicFury: free webcomics hosting, ???Mb, NSFW ok
- imgbox: free images hosting, unlimited, no NSFW
- new freeimage: free images hosting, unlimited, no NSFW
- <3 filegarden: free files hosting, 10GB, NSFW ok
Layouts
Singular
- kayleerowena's art portfolio
- piranna's tty.css text-only-like template
- edwardtufte's tufte.css clean template for articles
- birdrobot.party's artist's website template
- starry's book layout
- netfriend's EZ gallery
- punkwasp's Aurora template
- ccprog's book layout, one column
- melipi's book layout with responsive columns
- detritus' masonry layout
- werewolf girlfriend's gallery template
- new samfparker's Tumblr-like template
- new cepheus' Lilac Wine: Desktop-UI-like template
Layout collections (from creators)
- nomnomnami's templates
- <3 kalechips' layouts
- owlsroost's templates
- squidknees' layouts and codes
- ribo.zone's layouts
- EGGRAMEN's templates
- osteophage's templates
- myrtillenne's dreamwidth layouts
Layout generators
- petrapixel's layout generator
- bradwood's layout generators
- LayoutitStudio's layout grid generator
Fonts
Singular
- MUSEO: free font (EULA)
- national park typeface: free font (SIL Open Font License)
Collections
- dafont: fonts to download; don't forget to check their licences! some of them are free for personal use, some of them are paid only
- bunny fonts: fonts to @import, zero-tracking and no-logging policy, fully GDPR compliant (alternative to GoogleFonts)
- UKRFonts: українські шрифти
Unsorted
- You Can Make a Website by Coyote: a general beginner-friendly tutorial about how to start with webbuilding
- XKCD Dependency interactive meme