Ocean Diving

August 3, 2018

Over in the new gallery, you can view the previous version of this web design blog. Its colors and overall appearance drew inspiration from much older versions of Midnight Lagoon, and this summer, I gave serious thought to the kind of design I'd want to stick with in the long term. Something new to this website, something that embraces the theme like never before, and as it turns out, something a bit eerie. A blog post by Six Revisions, bookmarked years ago, helped me to find my path into the sea. It's recommended reading for any designer facing a creativity block. I went for a bit of asymmetry while cutting down on obvious repetition, as compared to the old design. The mountain ridge and waves stretch wider than 1920 pixels before they start repeating.

Midnight Lagoon

While working on this, I tried linear gradients created with repeating images, which was my traditional method, and gradients set with CSS. I was pleased to find I could use either approach to start a gradient background a certain number of pixels from the top, though CSS was producing cleaner looking results in my browser windows. This fact was important since I was relying on two gradients for a large portion of the color across the design, one radial in the header, one linear below.


The seaweed row toward the back was darker at first, and presented a readability issue for the text on pages when set against the blue colors of the linear gradient. I briefly used content boxes with dark backgrounds, then I reduced the opacity of the seaweed to about 10% in Inkscape. This helped to resolve the reability issue while making the plants seem to blend into their watery surroundings. Almost every image in the background is a PNG using transparency in some way, and while creating any website lately, I'll often switch between Inkscape, the code and a browser to make adjustments to the images I've placed.


I have other ideas for using layered backgrounds and CSS. Now that I've got this blog set the way I want it, I'll work on new projects and put them in the gallery. They might be distinct websites with their own purposes, or smaller projects created for the sake of art, as well as practice.

If you'd like to contact me with questions or comments, go ahead and use the Contact page.

Page last updated: 4/18/2020