Navigation My Characters
My Projects Website by Erin Dean. |
Resources I currently use / have used on my websites. |
COLOURS 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. I also find this CSS Gradient website useful for generating colour gradients. |
ONLINE IMAGE EDITING 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. I used Online Image Editor for making blinkies with the sparkles you can add onto images. I also used it to make glitter text. 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. I used PhotoMosh to create my website's animated background. 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 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 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. |