resources
other resources list
- 32bit.cafe's resources list
- obby.dog resources list
- lovespace code snippets
- epicfranb resources list
- corvidae.digital resources list
- the library of melankorinia
- tiramisu bookshelf
- justfluffingaround resources list
- computecuter: make your setup cute!
- write-yourself-in: a one-time blog about blogging
- tinytools.directory: list of small, free, or experimental tools that might be useful in building game / website / interactive project
- phuoc.ng: collections of guides for frontend
webmastery
- 32bit.cafe: highly recommended for beginners to start here (I did!)
- w3schools: for all beginner to intermediate HTML, CSS and JS questions
- petrapixel: another highly recommended website for learners! Contains snippets and tutorials from beginner to advanced level
- htmlcheatsheet: for quick access to HTML, CSS and JS tags
- commonmark.org: learn markdown! now!
- screenfly: test your website in different screen sizes
- flexboxfroggy: interactive tutorial about css flexboxes
- cssgridgarden: interactive tutorial about css grid (the bane of my existence) (which is why i need tutorials like these)
- learncssgrid: css grid cheatsheet (i need this)
- making your website look good in mobile by lilaclynx: simple snippets to start with in making your website responsive
- htmlboilerplates: basic structure of an HTML page, with toggles for customization
- webcode.tools: HTML, CSS and robots.txt code generators
- pote-chil: more HTML and CSS snippet generators
- awesome-css-frameworks: stylesheets you can apply to your website
- simple.css: stylizes semantic HTML
- w3.css: includes 50+ responsive templates
- how to design a personal website by melankorin: now that you know the basics, add your personal touch by coming up with a design yourself
- moderncss: sometimes, css codes we see in snippets may be outdated (like me still referencing a stackoverflow post from 2011) and css has evolved in the present into solving such problems with just a few lines
- tutorial on how to make a website with google sheets by everythingi.love
- smolcss: minimal snippets for css layouts and components
- 1linelayouts: base CSS codes with only 1 (or few) line/s
- gifypet: cute pet in your page
- just-build-websites: ideas for webprojects you can start building
- 80+ things you can do on your personal website by jamesg
- checklist of website components you can put in your website by shellsharks
- slashpages: page ideas for your website
- the internet used to be fun: “why have a personal website?” “because it’s fun, and the internet used to be fun.”
colors
- catppuccin: accessible pastel color palettes
- supercolorpalette: color palette generator
- pebble-in-a-lake: icon resources masterpost
- foundcolor.co: accidental color schemes irl
- radix-ui: color palettes specifically for web design
- colorffy: color generators for all your palette needs
- pantone-colors: list of each color with their respective hex codes
graphics and themes
- giftcities: archived geocities gif search engine
- dddoodle: free 120+ hand-drawn doodle illustrations
- patterns.helloyes: svg pattern backgrounds
- lucide.dev: lightweight svg icons
- i-love-everything: blinkies collection
- pixelsea: pixel icons; cool printer!
- momg: museum of over 100k gifs
- artwork: more pixels
- wowzow: archived web graphics
- ezgif: free online gif maker and toolset
- how to make an 88x31 button with svg by maya.land
- remove.bg: remove background
- pixelinfo (tumblr): masterposts on learning pixel art
- lospec resources on how to start making pixel art
- public.work: search engine for public domain content
- gameuidatabase: videogame UI my beloved
- listfauxgraphy: make your own listography page in your website
- kalechips' layout thrift store: responsive column templates
- willdotjpg.gay: notion template chef's kiss
- wiki layout by limegreen
fonts
- velvetyne: collection of open source fonts
- x0y0px: jp pixel fonts
- int10h: old school pc fonts
- peter-wiegel.de: fonts used in print
- typedesignschool: make your own font + lessons on type design
- FRB American Cursive: technically complex cursive family
- TT 2020: biblically accurate typewriter font
- jasminnie: collection of fonts used in 2010s
writing
- descriptionary: portraying emotions through writing
- ellipsus: gdocs alternative openly against genAI
- onestopforwriters: collection of reference materials for writing (made by the authors of the emotion thesaurus!)
- just a lkwrnl (lowkey writing-related newsletter): my favorite writing newsletter ♥
- calmlywriter: another gdocs alternative; web and app-based word processor
- hemingway: editor without AI
- the journal 8: a one-time purchase for a personal journal/diary/notebook app. Developed since 1996! That's before I was born!
- BIG gdrive of ao3 resources by kaigani scout
productivity
- johnnydecimal: decimal system for organization
- PARA method: categorization into: project, area, resource, archive
privacy
- digital privacy for the average person by moondvsted
- private.coffee: privacy-focused alternatives
- alternative-front-ends: open source of alternative frontends for popular platforms
music
- how to build a digital music collection and stuff by moondvsted
- lucida.to: ddl from streaming sites
- albumwhale: letterboxd but for music
language learning
- jazzy180 (rentry): writeup about getting N1 in 8.5 months
- gitgud (rentry): actual and practical tips to gitgud in japanese
- an introduction to japanese by pomax: very dense yet informational japanese grammar book
- Mordraug's Personal Japanese Observations Diary: extensive list of learning resources with personal reviews
- cure-script: cure dolly script in markdown
animanga
- list of manga with actual romance
- list of anime with actual romance list of anime with actual romance
personal bookmarks
- refuse digital voyeurism by liedown1
- unplatform: guide to step away from social media