VIRTUAL DIVA

RESOURCES

Welcome to my resources! This is a collection of layouts, links, and tutorials that may help you with coding and web design!

Feel free to send anything my way to add to the list!

HTML/CSS/JAVASCRIPT

W3Schools - free resource for learning how to code
CodePen - online code editor with public and open source creations
Layoutit - CSS grid layout generator
Dynamic Drive - various Javascript codes to enhance your site
RV's - Javascript codes as seen on Tumblr themes
jQuery Script - various jQuery plugins and tutorials

GRAPHICS/DESIGN

PhotoMosh - lets you glitch images and videos using WebGL effects
Pattern Cooler - seamless patterned backgrounds
CSS Background Patterns - self explanatory

DECORATIONS

Blog Switch - a Japanese site that adds a switch to your page that toggles cute floating images
emojiBank - a Japanese site that houses thousands of pixel images that can be downloaded by right clicking and inspecting elements
Web Neko - a cat that chases your cursor

LAYOUTS

MAGI neocities layout

mobile friendliness
sidebar and header image
multiple song music player
boxes for updates, links, and a custom box

TUTORIALS

How to create a webring

Nagivate to garlic 🧄 garden to download the necessary files for your webring. Download the zip file under "where can i get the script?". Alternatively, click on this link: onionring.js. All the directions you need should be on the garlic 🧄 garden site.
Upload all of your files to your website after following the directions. You are now ready to start adding people to your very own webring!