Webdev resources
Navigation
Info
last updated: 31 Aug 2024
Main resources /\
- MDN Web Docs. endless source of knowledge
- w3schools. webdev tutorials
- solaria's webmaking guides
- HTML semantics cheat sheet
- HTML cheat sheet
- green web. check if your website runs on green energy
- website carbon calculator. estimate your web page carbon footprint
- color-hex. color HEX codes
- pollcode. for making polls and implementing them at your website
Tools, software, services /\
- new. broider. tool for making "9-patch" borders
- FileZilla for FTP
- <3 notepad++ code editor
- gitea. git
- HTML and CSS formatters. to make my code readable
- tinypng. compress images
- <3 dither me this. reduce the file size of an image, but in a stylish old-school way
- dithermark. same + pixelation
- dillinger. online markdown editor, export to HTML
- phpbb. free forum software
- atabook. guestbook
- moe. domain
- CSS pattern background generator
- image map generator
- bradwoods's layout generator
- cssportal's CSS column generator
- chrisnager's responsive grid
Short tutorials and codes /\
Some of tutorials are still here for historical reasons.
- new. complete list of HTML meta tags
- new. CSS only Semantic Animated Accordion
- new. Spoiler images. Helpful for NSFW art hiding
- simple picture title example
- margin/padding: [top] [right] [bottom] [left] OR [top] [right/left] [bottom] OR [top/bottom] [right/left]
- [vertical-align: middle] for baseline icons
- box customization. borders, shadows, outlines
- recommended minimum HTML head
- elements examples
- @media rule
- image overlay
- var() element
- hide scrollbar
- how to embed part of yt video
- anchor links
- `auto-fill` vs `auto-fit`
- hotlinking
- disable text selection
- frutiger aero CSS tutorials
- tooltip CSS
- simple tutorial for custom cursors
- image maps
- tabs without scripts
- folder tree view without scripts
Layouts /\
R. means responsive.
- R. masonry layout. pinterest-like grid
- R. zagura's layouts
- kalechips' layouts
- R. owlsroost's templates
- otter layout by xandra.cc
- 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. CClink by debtdeath
- R. ribo.zone's layouts
- EGGRAMEN's templates
- templater. navigation tools and simple layouts
Hosting /\
Why I mention NSFW? for fellow NSFW artists.
- <3 nekoweb. 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- <3 leprd. free webhosting, 1Gb, NSFW is allowed
- lexi's hosting. free webhosting, 500Mb, exploring, NSFW is allowed
- neocities. free webhosting, 1Gb, exploring, NSFW is allowed
- proboards. free forum hosting
- notabug. free code hosting, changelog
- imgbb. free image hosting. no account needed
- catbox. free file hosting, 200mb, NSFW is allowed
- straw.page. free webhosting, website builder framework
- mmm. free webhosting, exploring, website builder framework
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
- gif speed changer tool
- implementing a gif toggle in HTML
- day/night themes without scrips
Fun /\
- sundaysites. webdev jams
Graphics /\
- new. HTML symbols codes
- new. old book illustrations
- stand with Ukraine SVG banners
- super tiny icons
- tiny identity buttons
- web badges
- transparent textures
- dafont. fonts
Buttons /\
