Webdevin' (frontend) resources
Navigation
/\Info
last updated: 13 APR 2025
CSS base by zagura's template (deleted now)
/\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
- tinypng
- <3dither me this and dithermark
- Markdown to HTML converter
- randoma11y
- flexbox guide with pictures
- recommended minimum HTML head
- bunny fonts
- HTML symbols codes
- kalechips snippets!
/\Snippets and tutorials
- solaria's webmaking guides
- @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. 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
- newstyling rel=external links
- code for small cute calendar
- CSS decor codes
- snow :3
- monsieurdoll's music player
- win98 music player
- CerisePlayer code
/\Tools
- newNu HTML Validator
- newdead 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
/\Software
/\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.
- newonline radio box's widgets
- newWebamp. web winamp-like player
- newPlace Cats. placeholders as cat pictures
- newChattable. 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
- clap. clap button for visitors, almost like a guestbook
- 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
- yay.boo. free webhosting, 10mb x 10 sites, NSFW isn't allowed
teacake. free webhosting, 500Mb, NSFW isn't allowed- <3leprd. free webhosting, 1Gb, NSFW is allowed
- neocities. free webhosting, 1Gb, exploring, NSFW is allowed
- ichi.city. free webhosting, ???Mb, exploring, NSFW isn't allowed
- tiddlyhost for tiddlywiki. free wikis hosting.
- proboards. free forum hosting
- notabug. free code hosting, changelog
- imgbb, postimages, imgbox. free image hosting
- catbox. free file hosting, 200mb, NSFW is allowed
/\Layouts
R. means responsive.
- newR. netfriend's EZ gallery
- newR. 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
- not by AI badges
- newbrainmade graphics
- old book illustrations
- stand with Ukraine SVG banners
- super tiny icons
- tiny identity buttons
- transparent textures
- national park typeface. font
- dafont. fonts
- tiny pattern backgrounds
- Nuko graphics archive
/\Buttons
/\for historical and nostalgia reasons
- var() element
- anchor links
- hotlinking
- top : right : bottom : left
top : right/left : bottom
top/bottom : right/left - [vertical-align: middle] for baseline icons