(indie) webdevin' (frontend) stuff
Navigation
Info
last updated: 14 APR 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
- <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
- how to embed part of yt video
- solaria's responsive gallery guide
- image maps
- folder tree view without scripts
- ugrid code base
Decorative
- 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
- <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 freeformatter: HTML formatter (to make code readable)
- <3 notepad++: code editor
- 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
- text shadow generator
Accessibility
Tools
- <3 randoma11y: good-contrast color generator
- 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 new treefort: indie-web forum, too
- new Ray's webrings list
- letterbird: online contact form
- <3 atabook: free guestbook
- komments: 10 free guestbooks
-
status.cafe: place to share short statuses
- new Melon's status proxy widget (for free newest (2024+) neocities websites)
- new petrapixel's status.cafe widget (for free newest (2024+) neocities websites)
- new piclog: to share compressed AF JPEGS
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 ???
- new omg.lol: 20$ USD/1 year, ???, NSFW ???
- straw.page: free, no NSFW (website builder)
Other
- new ComicFury: free webcomics hosting, ???Mb, NSFW ok
- imgbox: free images hosting, unlimited, no NSFW
- <3 filegarden: free files hosting, 10GB, NSFW ok
Layouts
Singular
- kayleerowena's art portfolio
- 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
- new werewolf girlfriend's gallery template
Layout collections
- nomnomnami's templates
- <3 kalechips' layouts
- owlsroost's templates
- squidknees' layouts and codes
- ribo.zone's layouts
- EGGRAMEN's templates
- osteophage's templates
Layout generators
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: українські шрифти
Additions (widgets, services)
- new 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
- pollcode: for making polls and implementing them at your website
- green web: check if your website runs on green energy
- website carbon calculator: estimate your web page carbon footprint
Unsorted
- new You Can Make a Website by Coyote: a general beginner-friendly tutorial about how to start with webbuilding
- XKCD Dependency interactive meme