this site requires javascript! take sitemap

/WEBDEV FINDS

remember / recently used / tools / software / hosting / accessibility / smol / layouts

---

---

REMEMBER

quick access things i keep forgetting

• background-size: cover; background-attachment: fixed;
• HTML semantics cheat sheet
• JS cheats
• margin: [top] [right] [bottom] [left] OR [top] [right/left] [bottom] OR [top/bottom] [right/left]
• [vertical-align: middle] for baseline icons
• HTML cheat sheet
• box customization ... borders, shadows, outlines
• recommended minimum HTML head
• elements examples
• @media rule

---

recently used tutorials

• var() element
• hide scrollbar
• how to embed part of yt video, not the whole
• anchor links
• `auto-fill` vs `auto-fit`
• hotlinking (sometimes ok)
• disable text selection
• why nobody said to me about drop shadow option wtf!!

---

TOOLS, BASED THINGS, SOURCES

• MDN Web Docs ... endless source of knowledge
• w3schools ... webdev tutorials, ESSENTIAL SITE
• dither me this ... reduce the file size of an image, but in a stylish old-school way
• new dithermark ... same + pixelation
• HTML, JS formatters to make my code readable lmao
• HTML color map with contrast
• css-tricks ... huuuuuge base of smol tutorials
• sundaysites ... fun webdev jams
• freefrontend ... many smol snippets and tutorials
• list solaria's webmaking guides
• the art of web ... all cool snippets!
• stackoverflow ... i do not recommend to register there
• list tiny tools ... small, free, or experimental tools for webdev and everything
• fosstodon and indieweb.social ... mastodon servers for devs
• color-hex ... color HEX codes
• green web ... check if your website runs on green energy, and help make the internet fossil-free
• dafont ... that's right. it's fonts!
• oldschool PC fonts collection
• Website Carbon Calculator ... estimate your web page carbon footprint (with badge!)
• pollcode ... for making polls and implementing them at your html
• Cbox ... live chat for your website

---

software

• FileZilla for FTP
• farmerbb's android notepad ... when im goin insane and need to code RIGHT NEAW even if there's fucking no laptop around
• notepad++ ... code editor

---

hosting

• moe ... domain
• catbox ... 200mb file hosting
• byet.net ... free webhosting, 1GB
• itchi city ... website hosting, only SFW, FTP managing (how many space? i don't see uh)
• codepen ... code hosting, smol code examples
• imgbb ... image hosting. no account needed
• YAYBOO ... free webhosting, 25mb, no folders. for silly smol sites
• lexi's hosting ... 500MB, FTP access and web code editor, kinda social, NSFW is allowed
• teacake ... free webhosting, 500mb. you need to write to devs. NSFW isn't allowed
• nekoweb ... webhosting, allows more file types for free users, kinda social. web code editor. NSFW is allowed, 500mb
• file gargen ... to keep your files lol
• pastebin ... store text online for a set period of time
• awardspace ... free webhosting, 1GB
• gitea ... code hosting
• notabug ... code hosting, changelog
• mmm ... webhosting, kinda social
• leprd ... webhosting, closed?

---

accessibility

• hiding visible content from screen readers with aria-hidden
• alt text: The Ultimate Guide
• using details element for triggers/content warnings/spoilers
• WCAG ... Web Content Accessibility Guidelines
• Solaria's Readability Tips
• setting up a screen reader testing environment on your computer... and why
• how to make Keyboard Focus and Dialog Behavior (+ testing it)
• how to Write Alt Text and Image Descriptions for the Visually Impaired
• gif speed changer tool
• randoma11y ... accessible color combinations
• accessible color contrast checker
• responsive design checker ... how your site looks from different devices
• implementing a gif toggle in HTML
• day + night themes without scrips
• responsive gallery with full size option and titles
• Responsive Web Directory ... directory for responsive small and personal websites (+resources)
• Accessible Net Directory ... also this (+resources)

---

SMOL CODES, EXAMPLES, COOL THINGS

• new CSS pattern background generator
• new list ribozone's free snippets
• frutiger aero css tutorials
• tooltip with CSS
• transparent textures
• 1px is not enough
• sidebar says ... also as example. sticky side bar
• deconstructed Pancake ... super simple and shows how to make mobile friendly layout
• PHP guestbook
• gradient, combine, color picker for background image!!!
• basic PHP tag system
• audio player tutorial
• responsive blockquote code
• image map generator
• table generator
• old paper effects with css
• simple playlist with lyrics or notes
• taptroupe's simple tutorial for custom cursors
• how to create folder style in CSS
• image maps
• tabs without scripts
• folder tree view without scripts
• super simple HTML5 playlist code
• bradwoods's layout generator
• cssportal's CSS column generator
• list hill house's snippets
• display last update and visitor count on neocities
• webgarden tutorial for sharing cool sites previews
• windows7 scrollbar (some pic links are broken lol)
• chrisnager's responsive grid
• You-Dont-Need-JavaScript ... alternatives to java effects without scripts

---

LAYOUTS (scrollable)