Navigation


Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point

Yellow Star Bullet Point


My Characters


My Projects


Website by Erin Dean.

Follow me on Neocities.

Resources title

Resources I currently use / have used on my websites.

COLOURS


HTML Color Codes logo

HTML Color Codes

When specifying colours in your CSS, you may need to know the HEX code or RGB numbers, so I use the HTML Color Codes website for this.

They can also be written as their color name if the color you want is one on this list. But it has a limited amount of colours which is why I prefer colour picking my own.


CSS Gradient logo

I also find this CSS Gradient website useful for generating colour gradients.


ONLINE IMAGE EDITING


Remove BG logo

You can quickly remove backgrounds to images to make transparent PNGs using the remove . bg website. It doesn't always work for everything, but it's helpful and makes the process quicker for anything with a simple background.


Online Image Editor logo

I used Online Image Editor for making blinkies with the sparkles you can add onto images. I also used it to make glitter text.


EZ Gif logo

I use EZ Gif for SO MUCH. You can use it to convert images into other types, resizing images, making stamps, and making gif animations using uploaded frames.


Photo Mosh logo

I used PhotoMosh to create my website's animated background.


Screenshot example of 2 images cropped using CSS into a circle

I used this page on WebFX website to crop images into a circle using CSS, like for the self portrait art on my About page.


WEBSITE LAYOUT


W3 Schools logo

When learning how to make a website, I use thew3schools website's HTML and CSS sections a LOT. I highly recommend it as a starting point if you're looking to build a website for the first time. For the current version of my website I used tables to create the layout. Unfortunately I learned afterwards that accessibility tools like screen readers won't understand the tables as my wesite's layout, so in future I'd like to make the accessible version of my site using HTML layout elements or CSS layout elements instead.


CUSTOM FONTS


When adding custom fonts to my website I used this sadgrl tutorial for it. I used Calligraphr (formally MyScriptFont) to create my fonts. Now it has a limit for making free fonts, but it used to not have a limit.


MENU BUTTONS


I used this glowing CSS button from CSS Scan Buttons on version one of my website and on my Fallen Star webcomic website.


WEBSITE VIEWS COUNTER


On version one of my website, I used FC2 Counter to make a custom website views counter. You can choose what type of design it has.


MOUSE CLICK EFFECTS


Click explosion mouse effect

On version one of my website, I used a click effect called Clickplosion which creates fireworks where the mouse clicks on the website page. You can customise the colours and there are other options for mouse click effects on this website. I don't use mouse effects on version two of my website because I use a standard mouseover effect for all hyperlinks on my website so it's more accessibile for people with visual and physical disabilities.

Mouseover accessibility example