useful

There were several requirements I had when creating the wedding website for my own wedding: it had to be very responsive since many people would be viewing it via mobile or tablet, it had to incorporate our wedding colors of cobalt blue and chartreuse green in a way that wasn't overwhelming to the user, and convey information quickly and efficiently.

The navigation is big, noticeable, and shows the user where they are on the page, allowing them to move around with a scrolling transition. Information was grouped as much as possible and included graphics to avoid long sections of text. The most crucial information (like the when, where, and how) is especially prominent in a 3-column grouping.

Less important information (which might still answer some guest's questions) was put into a Miscellaneous Info section organized by icons to allow users to quickly find what they need visually.

Cute personalized touches like the footer help keep the page relaxed, casual, and special.

This was also my first foray into Bootstrap (with which I fell in love instantly for its ease of responsive design).

The concept for this project was simple: build an Etch-a-Sketch-like game using a script that will loop a certain number of times in order to generate a "grid" of square DIVs. The DIVs will then change color when the cursor is moved over them. Figuring out the correct way to create the rows of DIVs and how to set the height of the cells themselves was probably the most time-consuming part. However, once the DOM-manipulating part of the script was written, it was easy to modify it for different color modes.

In the future, I'd like to explore ways to make the grid larger (without slowing down the page to a grinding halt). I also think this kind of script could have some application to creating a puzzle game (for example revealing an image by toggling only certain DIVs on a grid.