home > notebook > links >

links

personal favs

  • HTML cheat sheet - SUPER useful and they also have cheatsheets for css and js!
  • HTML semantics
  • catipsum - lorem ipsum but cats
  • generator.lorem-ipsum - lorem ipsum in other scripts! mostly use it for japanese and korean
  • catbox.moe - file sharing site
  • coolsymbol.com - copy paste symbols ♡ ✉
  • textemoji.org - copy paste emoticons ໒(⊙ᴗ⊙)७✎▤
  • coolors - lets you make color palettes from scratch or from a pic. you can also save their URL or PNG
  • remove.bg - aka make imgs transparent!
  • dither me this - dither imgs! i use this A LOT. mostly for backgrounds
  • w3schools' color picker - shows you the different hues, contrast, and how the color looks as a background with text!
  • some resource pages bookmarks!

  • faegardens333 / hekate / nekonokuni / sadgrl.online
  • gifcity / ishiimori / XYZ / codesies
  • more sites with resources can be found on my button wall

  • coding & webdev

    linking stuff that has helped me on my web coding journey! do remember that practice is key!

    code editors

  • codepen - online editor with a live preview, lets you save + share codes with an acc. you can see mine here!
  • notepad++ - offline editor, like notepad but with more stuff!
  • brackets - offline editor, centered around coding HTML, has extensions support! has an online version as well. this is the one i use!
  • visual studio code - offline editor, supported by microsoft, it has a TON of extensions and other options in comparison to brackets.
  • hosting

  • neocities - where my site is currently hosted on :3 1gb of space on a free acc
  • ichi.city - host a small site with only 10mb of space. have fun!
  • nekoweb - has 500mb of space, super cute interface, also features social aspects similar to neocities!
  • github pages - make a repository named (YOURUSERNAME).github.io and boom. hosted directly from your repository.
  • misc

  • deploy-to-neocities - what i use to update my website's code directly from my PC without having to open neocities built-in coder. this is such a time-saver and i really recommend it to everyone who updates their site a lot! here's a tutorial by MissMoss that i followed to set it up! if you're having problems setting it up please feel free to contact me because this changed my life.
  • porkbun - my domain registar

  • HTML, CSS, JS help

    in my personal experience, i actually learned the basics of HTML and CSS through using and experimenting with templates! but these sites are of huge help as well.

    beginner stuff (HTML and CSS focused)

  • w3schools - super beginner friendly that shows you the basics of webpages with demos.
  • developer.mozilla.org - info and references for things used in HTML, CSS, and JS. if you don't know what something does, go here and find out!!
  • htmldog - simple and straight forward tutorials and info for HTML, CSS, and JS. they have tutorials for beginners as well as more advanced ones!
  • interneting is hard - beginner friendly web dev tutorials!
  • web zine 01 - zine about making a website from scratch!
  • javascript

  • JS compressor - compresses file sizes!
  • javascript.info
  • simple interactivity with jQuery
  • javascriptkit
  • a smarter way to learn JS (PDF book)
  • freecodecamp - courses and projects for you to learn responsive web design, basic javascript, and much more!
  • the odin project
  • RV's free JS effects for your site! includes text, cursor, and screen effects!
  • CSS

  • CSS compressor - compresses file sizes!
  • hover.css - a collection of neat CSS :hover snippets!
  • CSS box shadow generator
  • cssgradient.io - gradient bgs CSS generator
  • clippy - CSS clip-path maker
  • CSS triangle generator
  • W3Schools cursor property - all the cursors you can use with CSS!
  • custom scrollbar maker
  • HTML

  • www.html.am - html text editor
  • HTML validator
  • HTML symbol codes
  • HTML templates

    templates made by me! / neothemes / windchime / francelalune / templaterr / REPTH / teppy / cinni / celestial.zanarkand / nenrikido

    useful sites

  • ready.mobi - check how your site looks on mobile
  • codebeautify.org - makes your code pretty. you can also minimize your code as well
  • px-to-rem converter
  • pixelsconverter - converts px to rem, em, inches, and more!
  • xml-sitemaps - creates a sitemap of your site!
  • simple RSS feed maker
  • viewportsizer - tells you your browser's screen size!
  • website speed tester - tells you how fast does your website loads! very neat bc it also tells you which file types are taking most of the space in the page
  • cursor.cc - turn PNGs into cursors and also edit them!

  • tutorials / guides

  • flexbox: solaria's simple gallery guide / sadgrl's flexbox guide
  • border imgs: solaria's custom CSS border imgs
  • status.cafe feed reader!
  • solaria's accessibility article
  • solaria's pause gif without JS
  • how to switch between different stylesheets
  • what is REM in CSS? - an article explaining how this size works

  • cool stuff to put on site

  • project ideas for your site! by sadgrl.online
  • FC2 webclap button for your site!
  • FC2 hits & online counter - keeps track of how many people have looked at your site!
  • cutercounter.com - another counter service!
  • cursors4u - huge library of cursors. some cursors i've used for this site: x, x, x, x, x, x
  • poll code - make a poll for your website!
  • moon widget by dimden.dev
  • another moon widget
  • calendar.sakura.ne - pastel colors japanese calendar
  • timeanddate.com clock - customize it with your timezone
  • last fm live feed
  • last fm last played widget
  • timeanddate.com countdown timer
  • music player - can have more than 1 song, toggle time, skip buttons. made by puella / adilene
  • webneko - have an interactive cat on your page!
  • comment widget by ayano
  • chattable - free and extremely customizable chatbox by xobyte.dev
  • RSS feed widget
  • RSS 2 HTML - another great rss widget
  • webamp - music player / sadness' tutorial on codepen
  • atabook - a 123guestbook replacement by dimden!
  • 22ru's microblog - template. uses a XML file to update your microblogs!
  • neoblogtool - a blogging tool with a tagging system and a WYSIWYG editor.
  • melon's gallery maker - micro static site generator that let's you share pics into your website easily!

  • neat codes

  • sidebar the same across all pages (w/ js) by templaterr
  • falling items code by sadness
  • multiple modals on a single page
  • image grid w/ options
  • responsive img grid
  • mask-image property
  • CSS tooltip
  • JS tooltip - i use this one throughout my site!
  • toggle a div's class on click with a button
  • filter tags with buttons
  • pixel jar and gameboy scrollboxes by appledust
  • crt display css code - make ur site have a crt effect
  • changing gradient bg css
  • font shake CSS code
  • save textarea as txt file
  • CRT TV effect
  • scrolling title tag
  • tippy.js - another JS tooltip!
  • site closer script by melonking

  • graphics

    sites with F2U materials

  • kawaiiscans - scans of cute notepads
  • foollovers.com - site with pixels, bgs, dividers, templates, etc
  • mothclub's pixels!
  • cute.lolipop.jp - cute pixel materials
  • sozaiya 405 - a lot of bear themed cute materials!
  • sleepysprout - pixels, adopts
  • zozai.pooftie - site with transparent deco pngs, pattern bgs, lace dividers, etc
  • fancyparts - cute bgs, and web materials
  • sozaioukoku - site with cute bgs
  • solaria's border imgs
  • loves1ck sozai page!
  • marsha's graphic garden
  • halloween materials by hillhouse
  • backgrounds

  • tartan maker - plaid pattern generator, v useful if u want a tiled bg
  • backgroundsarchive - old low quality bgs!
  • pexels - free bgs / textures
  • unsplash - free bgs / textures
  • sadgrl.online tiled bgs
  • patternico - lets you create tiled bgs!
  • transparent textures
  • cocorini.com/patterns - a nice selection of pastel patterned bgs!
  • melon's TextureTown - textures
  • collections

  • gifcities.org - hosted by internet archive, gifs
  • cyber.dabamos.de - buttons from the 90's and 2000's
  • homuhoard - favicons, pixels, stamps, etc.
  • bonnibel's graphic collection - big pixels, containers, dividers
  • pixels.crd.co - favicons
  • finn's resources - favicons
  • pixelsafari - favicons, stamps, blinkies, etc.
  • nyaa's stickebook - graphic resources archive + links
  • betty's graphics - gifs
  • favicons - big pixels, stamps, etc.
  • sadthemes' pixel collection - favicons

  • tumblr blogs with graphic collections

  • purinpixel - pixels, bgs, tags available
  • fruchtgummi - favicons, tags available
  • lostsozai - pixels of all sizes, dividers, gifs
  • pixel-soup - pixels of all sizes, bits of codes, tags available
  • cutewebgraphics - bgs, pixels, blinkies. tags available
  • tumblr pixel masterposts: music pixels, music pixels 2, cat emoticons, cat emojis, cat pixels emojis, cat emoticons 2, tenshiikisu's bg masterpost

    tumblr divider masterposts: 1, 2, 3, 4(rainbow), 5(rainbow), 6


    fonts

  • dafont - website with tons of free to use fonts!
  • pentacom's bitfonts
  • other site's font pages! cinni's / scripted's / strawberry-gashe's / solaria's
  • fonts i've used can be found on this page!


    image editing

  • hekate2' button maker - a 88x31 button generator
  • photopea photoshop but FREE and in your browser. might be slow. might also blow up your computer.
  • bulkresizephotos - has lots of options on how you want to edit the pics!
  • picresize - online pic editor/resizer + also has the option to do it by bulk!
  • dither me this - i use this a lot for my bgs!
  • dithermark - another site you can dither imgs
  • convertio.co - let's you convert files. sadly it has a limit to how many files you can convert daily...
  • xnconvert - bulk img converter software
  • caesium image compressor - online img compressor but it also offers an offline software you can download!
  • pixel art editor - online / offline
  • libresprite - a free and open source fork of aseprite

  • misc resources

  • digital wellbeing - a collection of links to enhance your digital privacy
  • deadlinkchecker - check dead links on entire website or specific page!
  • dr. link checker - another dead link checker
  • another backlink checker - checks for sites that have linked you back!
  • calendar-muryou - site about making japanese calendars! it has lots of options
  • y2mate.com - youtube MP4 or MP3 downloader
  • deepl.com - most accurate translator you'll get. mostly use it for japanese
  • tally.so - create free forms
  • discord timestamp generator
  • webmention.io
  • fresh RSS - free, self-hostable feed aggregator
  • firefox add-ons

  • force reader view

  • for fun

  • my button wall full of personal sites i like :3 check em out!
  • cat therapy - shows you a random pic of a cat every 4 secs
  • mmm.page - web page builder where you just drag and drop!
  • windows93.net - an old windows mock-up
  • 32bit.cafe - a community of website hobbyists and professionals / discuss.32bit.cafe
  • (we)bsite - make a letter to the internet
  • web design museum - shows you various web designs throughout time!
  • music

  • tree.fm - listen to a forest!
  • rpgamers.net radio - a variety of video game ost songs
  • lo-fi air traffic control
  • xmanager - pretend you have spotify premium on android
  • neko.fm
  • games

  • roms subreddit
  • melon DS - DS emulator
  • LCD, Please - papers, please demake made by the same dev!
  • 3ds.hacks.guide / things to do / DS game forwarder
  • wiiu.hacks.guide / another guide / vwii modding
  • articles

  • say no to web3
  • smiley :) lore
  • why japanese web design is so different
  • how to watch a movie
  • against an increasingly user-hostile web
  • web3 is a scam, not a revolution
  • let Puerto Rico be free
  • exploring the personal web
  • how websites die

  • things for your site to join!

    directories

  • pixel revival - archive of old pixel cliques
  • fanlisting.org - a directory of fanlists!
  • PROJECT CLIQUE - a directory of cliques
  • pixel cliques

  • kitty friends pixel club
  • CD WoRLD - pixel art clique for music lovers
  • hall of rock - a pixel guitar clique!
  • charm bracelets pixel club
  • afternoon tea
  • kindness rocks pixel project
  • webrings

  • resource ring
  • just for fun webring
  • bisexualism webring
  • Accessible Net
  • other

  • cliqued! - collection of text cliques
  • webgardens
  • RPG club
  • an indieweb webring