Webdevin' (frontend) resources
Navigation
/\Info
last updated: 19 JUN 2025
CSS base by zagura's template
/\Often used resources
- MDN Web Docs and w3schools
- freeformatter's HTML and CSS formatters
- alt: CSS portal's HTML and CSS formatters
- HTML semantics cheat sheet
- HTML cheat sheet
- color-hex for full info about colors
- tinypng to optimize pictures and reduce their size
- <3dither me this and dithermark to dither pictures
- Markdown to HTML converter
- randoma11y good-contrast color generator
- flexbox guide with pictures
- recommended minimum HTML head
- HTML ISO charset reference, because & < >
/\Snippets and tutorials
- solaria's webmaking guides
- kalechips snippets!
- @media rule
- complete list of HTML meta tags
- `auto-fill` vs `auto-fit`
- elements examples
- tag filering with CSS only
- centering image inside of flexbox. one of the ancient questioins
- tabs without scripts
- seamless responsive photo grid
- box customization examples. borders, shadows, outlines
- anchor links styling
- hr styles
- spoilering images
- simple picture title example
- 6 tree view codes
- image overlay
- how to embed part of yt video
- disable text selection
- frutiger aero CSS tutorials
- tooltip CSS
- image maps
- folder tree view without scripts
- simple tutorial for custom cursors
- styling rel=external links
- code for small cute calendar
- CSS decor codes
- snow :3
- monsieurdoll's music player
- win98 music player code
- CerisePlayer code
/\Tools
- FileZilla for FTP
- sublime text. code and text editor, plus directories view
- dillinger. online markdown editor, export to HTML
- <3notepad++ code editor
- Nu HTML Validator
- dead links checher
- border image generator
- "img src" text generator, because i'm lazy
- CSS pattern background generator
- image map generator
- cssportal's CSS column generator
- chrisnager's responsive grid
- box shadow generator
- unicode progress bars generator
- broider. tool for making "9-patch" borders
- text shadow generator
/\Accessibility
- accessible color palette generator with 4+ colors
- WCAG. web content accessibility guidelines
- solaria's readability tips
- responsive web directory. directory for responsive small and personal websites
- accessible net directory. also this, but with more accessibility
- alt text: the ultimate guide
- how to write alt text and image descriptions
- who can use. shows how color contrast can affect different people with visual impairments
- accessible color contrast checker
- solaria's HTML color map with contrast
- responsive design checker. how your site looks from different devices
- responsive gallery with full size option and titles
- solaria's responsive gallery guide
- 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
- using details element for content warnings
- implementing a gif toggle in HTML
- day/night themes without scrips
/\I Have No Idea How To Sort It
just add it to your site, that's all. it's just cool.
- online radio box's widgets
- Webamp. web winamp-like player
- Place Cats. placeholders as cat pictures
- Chattable. iFrame chat
- SCM player script for playlist player
- night night. put your website to sleep
- the end of the internet. that's it guys. no more internet for you
- pinterest board iframe
- increment button. just a little counter button
- pollcode. for making polls and implementing them at your website
- atabook. guestbook
- sundaysites. webdev jams
- green web. check if your website runs on green energy
- website carbon calculator. estimate your web page carbon footprint
/\Hosting
- <3nekoweb. free webhosting, 500Mb, exploring, cool web code editor, NSFW is allowed
- <3leprd. free webhosting, 1Gb, NSFW is allowed
- <3neocities. free webhosting, 1Gb, exploring, NSFW is allowed
- yay.boo. free webhosting, 10mb x 10 sites, no NSFW
teacake.
free webhosting, 500Mb, no NSFW- ichi.city. free webhosting, ???Mb, exploring, no NSFW
- newinfinityfree. free webhosting, 5Gb, no NSFW
- newnearlyfreespeech. pay-as-you-go webhosting, NSFW is ???
- tiddlyhost for tiddlywiki. free wikis hosting.
- proboards. free forum hosting
- imgbb, postimages, imgbox. free image hosting
- catbox. free file hosting, 200mb, NSFW is allowed
- newfilegarden. free file hosting, ???Mb
/\Layouts
R. means responsive.
- newR. kayleerowena's portfolio template with lightbox gallery
- R. netfriend's EZ gallery
- R. punkwasp's Aurora template
- R. ccprog's book layout, one column
- R. melipi's book layout with responsive columns
- R. nomnomnami's templates
- windchime's templates
- R. detritus' masonry layout
- R. kalechips' layouts
- R. owlsroost's templates
- xandra.cc's otter layout
- R. squidknees' layouts and codes
- R. ribo.zone's layouts
- EGGRAMEN's templates
- petrapixel's layout generator
- bradwoods's layout generator
- LayoutitStudio's layout grid generator
- the leaf. cool textures
- the old forest. based on the book "The Fellowship of the Ring" by Tolkien
- metamorph feather. big header, calendar, yellow base
/\Graphics and deco
- pixabay. royalty-free images
- animated images
- brainmade graphics
- old book illustrations
- stand with Ukraine SVG banners
- super tiny icons
- tiny identity buttons
- newpride buttons
- transparent textures
- tiny pattern backgrounds
- Nuko graphics archive
- national park typeface. font
- dafont. fonts to download
- newbunny fonts. fonts to @import, zero-tracking and no-logging policy, fully GDPR compliant
/\Buttons
/\for historical and nostalgia reasons
- var() element
- anchor links
- hotlinking