About a year ago, a friend discovered SpaceHey and a few of us got together to make our profiles and exchange them. That was pretty neat. I don't talk to them anymore but I owe it to them to mention that, because that's what eventually led Biggus Boggus/Inx Browser/whatever to its creation.

Perhaps. Turn back time and you'll find that I always had a curiosity for personal webspaces. I never grew up on Tumblr but I was enamoured to hell by all the custom code floating around. Couldn't understand jack so it never became much more than musings of a fifteen year old.

Whatever the case, I'm now twenty and finally understanding all the knick knacks that go into making these static sites. And I'm comfortable enough with sharing the resources, tools, and tuts that went into creating Biggus Boggus/Inx Browser/whatever. Peruse to your hearts' content.


Tags

HTML/CSS

  • Sadgrl's Webmasters Guide
    The perfect beginner's handbook to website building. Explains the fundamentals of HTML code, Neocities specific tutorials, and extra tid-bits to make your site super mega cool. Check her other stuff out too. No regrets.
  • XP.css
    A CSS library emulating the styles of retro Windows OS', intended to be imported. I, however, refer to it as more a bible for how to style elements, so that I can understand its components for myself.
  • Google Fonts
    The easiest way to import custom fonts. Con: you can only import what they host; Pro: they've got some neat options - I use DotGothic16, but also recommend VT323 and silkscreen!
  • How to Center in CSS
    Centering things shouldn't be too complicated, and yet it can be. This site saved my ass by taking your intentions and spitting out the easiest method for centering elements!
  • HTML Cheatsheet
    An incredibly useful resource to streamline your coding process, providing quick HTML generators, templates, references, etc.
  • Graphics

  • Dithermark
    The pixelated halftone effect on my pictures? That's dithering, and this website does it for free online to any image you run through it. Lots of neat settings to play around with!
  • ezgif.com
    A 100% online tool for creating, modifying, and converting gifs. From really useful compression tools to fun crossfade effects. I've sworn by this site for so many things outside of web building.
  • Flair

  • Status Cafe
    Quickly share a fun status update and watch it transfer over to wherever you want on your own site. I also use this site to browse other currently active neocities. You find some hidden gems, for sure.
  • imood.com
    Very similar to Status Cafe: send an update, it appears on your site. This time in the form of a cute widget of your specific mood (naturally). You can also elaborate - though that won't sync over to your site.
  • Multi-track custom music player
    Courtesy of Adilene.net. Very easy to customise with your own CSS, including rearranging the elements entirely. I managed to fit it within my theme! Plus some useful labels in the Javascript section for further adjustments.
  • Time and Date
    Add a clock to your site, completely customised to match your layout. Why? 1. So others can see what time it for you if you're on different timezones, 2. it's cute and fun and cool.
  • 123guestbook.com
    Create a page for others to write nice things about your site and make you want to hold them gently and whisper kind things back and like get married. Customise to your liking, it's very flexible.
  • Gifypet
    Add a pet to your site! Customise everything, from the pet itself to the backgrounds and borders. You (or others) can take care of it with no consequence. Runs at 1fps, so extremely lightweight.
  • Tools

  • Code Pen
    A live code editor. I live on this. Type something and it'll poop out the results in seconds, automatically updating with each change. You'll also find some awesome code snippets from others.
  • Feedroll's RSS Viewer
    Displays RSS feeds on your site. I use it for my journal page, to which I update with my own Dreamwidth entries. Perfect for blogging on static sites. Read Sadgrl's tutorial!