Webdev resources
Navigation
Info
last updated: 17 10 2024
created by koto .ᐟ
CSS base by zagura's template
hosted on yay.boo
Often used resources /\
- MDN Web Docs. endless source of knowledge
- HTML and CSS formatters. to make my code readable
- HTML semantics cheat sheet
- HTML cheat sheet
- color-hex. color HEX codes
- tinypng. compress images
- <3 dither me this. reduce the file size of an image, but in a stylish old-school way
Tools and software /\
- broider. tool for making "9-patch" borders
- FileZilla for FTP
- <3 notepad++ code editor
- dithermark. same + pixelation
- 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
- new. piwigo. photo management software
Short tutorials and codes /\
- install git tutorial by codeberg
- CerisePlayer code
- how i sefhost my git projects by nilsh.no
- idiot guide to selfhosting
- using git tutorial by scarecat
- 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
- var() element
- hide scrollbar
- how to embed part of yt video
- anchor links
- `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
Layouts /\
R. means responsive.
- R. masonry layout. pinterest-like grid
- R. zagura's layouts
- 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
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
- new. tiddlyhost for tiddlywiki. free wikis hosting.
- 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
git hosting /\
- main favorites: codeberg, gitea, sourcehut
- git.catgilr.cloud. gitlab instance
- git.tchncs.de. gitlab instance
- git.disroot.org. forgejo instance
- git.kaki87.net. forgejo instance
- git.pub.solar. forgejo instance
- git.m0e.space. gitea instance
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
Graphics /\
- 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
- new. national park typeface. font
- dafont. fonts
Buttons /\
I Have No Idea How To Sort It /\
- pollcode. for making polls and implementing them at your website
- atabook. guestbook
- moe. domain
- porkbun. domains
- 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
- 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