Webdevin' (frontend) resources
Navigation
Info
last updated: 30 MAR 2025
CSS base by zagura's template (deleted now)
Often used resources /\
- MDN Web Docs. endless source of knowledge
- HTML and CSS formatters
- HTML semantics cheat sheet
- HTML cheat sheet
- color-hex. color HEX codes
- tinypng. compress images
- <3dither me this and dithermark
- markdown to HTML converter and... another one
- newflexbox guide with pictures
Tools and software /\
- newimg src generator, because i'm lazy
- FileZilla for FTP
- <3notepad++ code editor
- dillinger. online markdown editor, export to HTML
- phpbb. free forum software
- CSS pattern background generator
- image map generator
- bradwoods's layout generator
- cssportal's CSS column generator
- chrisnager's responsive grid
- piwigo. photo management software
- box shadow generator
- unicode progress bars generator
- cudatext online code editor
- RSS to HTML converter
- broider. tool for making "9-patch" borders
- layout grid generator
- text shadow generator
- newsublime text. code and text editor, plus directories view
Short tutorials and codes /\
- code for small cute calendar
- CSS decor codes
- just a list of small CSS tidits
- 6 tree view codes
- seamless responsive photo grid
- centering image inside of flexbox. one of the ancient questioins
- monsieurdoll's music player
- win98 music player
- anchor links styling
- hr styles
- CerisePlayer code
- complete list of HTML meta tags
- CSS only Semantic Animated Accordion
- Spoiler images. Helpful for NSFW art hiding
- simple picture title example
- solaria's webmaking guides
- box customization. borders, shadows, outlines
- recommended minimum HTML head
- elements examples
- @media rule
- image overlay
- how to embed part of yt video
- `auto-fill` vs `auto-fit`
- disable text selection
- frutiger aero CSS tutorials
- tooltip CSS
- simple tutorial for custom cursors
- image maps
- tabs without scripts
- folder tree view without scripts
- snow :3
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
- <3poyoweb. free webhosting, 500Mb, exploring, NSFW isn't allowed
- tiddlyhost for tiddlywiki. free wikis hosting.
- proboards. free forum hosting
- notabug. free code hosting, changelog
- imgbb. free image hosting. no account needed
- postimages. free image hosting. no account needed
- catbox. free file hosting, 200mb, NSFW is allowed
Layouts /\
R. means responsive.
- itinerae's Good Old Times layout
- R. ccprog's book layout, one column
- R. melipi's book layout with responsive columns
- R. nomnomnami's templates
- petrapixel's layout generator
- windchime's templates
- R. masonry layout. pinterest-like grid
- kalechips' layouts
- R. owlsroost's templates
- xandra.cc's otter layout
- R. squidknees' layouts and codes
- the old forest. based on the book "The Fellowship of the Ring" by Tolkien
- metamorph feather. big header, calendar, yellow base
- the leaf. cool textures
- R. debtdeath's CClink
- R. ribo.zone's layouts
- EGGRAMEN's templates
- templater. navigation tools and simple layouts
- rice's templates
Accessibility /\
- 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
- randoma11y. accessible color combinations generator
- 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
Graphics and deco /\
- newbunny fonts. EU server, instead of Ggle fonts
- newtextanim. animate your text
- newanimated images
- not by AI badges
- HTML symbols codes
- old book illustrations
- stand with Ukraine SVG banners
- super tiny icons
- tiny identity buttons
- web badges
- transparent textures
- national park typeface. font
- dafont. fonts
- tiny pattern backgrounds
- Nuko graphics archive
Buttons /\
I Have No Idea How To Sort It /\
- newnight night. put your website to sleep
- newthe end of the internet. that's it guys. no more internet for you
- HTML journal
- silly "ADs" with indie web sites
- 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
for historical and nostalgia reasons /\
from times i was only starting to code. or something i already know, but still wanna share!
- var() element
- anchor links
- hotlinking
- margin/padding: [top] [right] [bottom] [left] OR [top] [right/left] [bottom] OR [top/bottom] [right/left]
- w3schools. webdev tutorials
- [vertical-align: middle] for baseline icons
graveyard /\
- guestbook123 :(
- lexi's hosting :(
- cohost :(