Back to Hell

Site-Building Resources

Here are a bunch of sites that helped me build this one. This page will continue to be updated!

Basics

• Sadgrl.online I'm sure you already know this one but I highly recommend. Has a lot of tutorials on basic webmastery.
• w3schools Good website with interactive tutorials to teach you about web design. It has an index of all the functions you can do with html + css and walks you through them quite easily. I use it a lot when I don't know what I'm doing.
• Mozilla HTML/CSS Reference

Site Builders

If you learn basic html + css, you really broaden up your options ( I highly recommend this. Coding can be frustrating sometimes but it's really not that hard! ). But just because you're not an expert doesn't mean you're out of luck!

No-Code Options: drag + drop codes that work out-of-the-box, but I HIGHLY recommend learning from one of the sites above how to do things like change images, fonts, and colors.

• Sadgrl's Layout Builder. These look pretty basic but they're workable.
• Other Theme Builders: here / here / here / here
• *Zonelets. Boilerplate blog framework. I used this for the post section of this site! Also comes with a helpful tutorial.
• Ready-to-Use Layouts: here / here / here /

Low-Code Options: will look nicer, but some assembly required

There are a lot of free and varied themes on tumblr*. The catch is that they're designed for Tumblr and won't work out of the box if you bring 'em here. You can get around this easily if you know what parts of code to strip out (things that only work on there, like the reblog function). Stripping it down to the html + css will give you a nice theme without much work!
*please respect the wishes of the designers + give credit. a few specifically say not to use their themes off of tumblr. technically nothing's stopping you but it's good Net Etiquette TM

• Tumblr Theme Blogs: here / here / here / here / here /
• Base Themes here / here / here /

Side note: If you use tumblr, I recommend going through these blogs, bc not only do they have themes, but guides, site assets, and cool widgets. Like these ones!

Tumblr Goodies
• Lazy Coder's Guide. generates any site element.
• Wii Menu Page. make a page that looks like the Wii Menu!
• Pokedex/about page.

Fonts

I no longer recommend Google Fonts. Even though its easy to use they take your site data and god knows what else.

• How to Add Custom Fonts.
• Dafont. Font download website.
• Fontmeme. Another font website, except it has a lot of fonts from games & movies.
• Coolors Fonts.

Colors

• *Color-hex. Personal fave for finding colors since it gives you a lot of helpful information and shades and highlights. You can also make palettes.
• Adobe Color Wheel. Lets you make a palette using color theory.
• Image Palette Extractor. Lets you upload an image to get its colors.
• Coolors.
• Colourpod. Tumblr with palettes.

Pixel Art

These are pixel graphics: tiling backgrounds, bullets, icons, blinkies, buttons, dividers or cute stuff. Pixiv, Deviantart, and Tumblr are great places to find all of these. Out of respect for the artists, try to get things tagged #free to use or #f2u

• *Libresprite. FOSS Pixel Art Program.
• Hekate2 Button Maker. Make a linkable button for your site!
• Blinkies.cafe. Build a blinkie!
• Dedicated Blogs: here / here / here / here / here / here
• Halloween Stuff: here / here / here /
• Deviantarts: here / here /

Site Widgets

• SCM Music Player. Versatile, easy to add music player. I like this one especially because it takes Youtube links and is just drag + drop code. If you want to restyle it (most of the skins are kinda ugly) then you can create a new .css file for it to reference to.
• Guestbook.
• Scripted Resources. Lotsa different stuff