(indie) webdevin' (frontend) stuff
Navigation
Info
last updated: 07 APR 2026
no "AI" tools featured or used
<3 for favorites
CSS base by zagura's template
Tutorials and codes
Main sources
- <3 MDN Web Docs
- <3 w3schools
- new freefrontend
- new CSS tricks
- solaria's webmaking guides
- kalechips snippets
References
- HTML ISO charset reference, because & < >
- HTML semantics cheat sheet
- HTML cheat sheet
- color-hex for full info about colors
- recommended minimum HTML head
- complete list of HTML meta tags
Small functional tutorials
- flexbox guide with pictures
- new 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
- <3 freeformatter: HTML formatter
- <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
Additions (widgets, services)
- 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
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
- new bopbee: free, 100 MB, no NSFW
- nearlyfreespeech: pay-as-you-go, NSFW ???
- straw.page: free, no NSFW (website builder)
Files (to hotlink)
- imgbox: free (images), unlimited, NSFW ???
- <3 filegarden: free (files), 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
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
- 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
- <3 bunny fonts: fonts to @import, zero-tracking and no-logging policy, fully GDPR compliant (alternative to GoogleFonts)
- new UKRFonts: українські шрифти
- new MUSEO: free font (EULA)
- national park typeface: free font (SIL Open Font License)
With other people
- sundaysites: webdev jams
- <3 new Melonland: indie-web forum
- new letterbird: online contact form
- <3 atabook: free guestbook
- new komments: 10 free guestbooks
Unsorted
- new XKCD Dependency interactive meme