≡ Menu
Tourist on the edge of Viti crater Iceland in early June

Raechel sitting on the southern edge of Viti crater Iceland.

I took this portrait of my girlfriend Raechel at Viti crater Iceland early last June. Viti is located within the Krafla volcanic caldera in the Mývatn lake region of northern Iceland.

Iceland: Stop, sit and meditate

I find that this image captures something that is special to Iceland: it’s deeply introspective almost spiritual quality. There are so many places where one can stop and listen to the silence in Iceland. It’s not hard to be alone with nature. The clutter and the bustle of cities is far away. One feels much more connected to reality.

[click to continue…]
{ 0 comments }

Camera setup to take a landscape photo in Pointe-Claire

Spent a few hours this morning walking around with my camera in Terra Cotta park in Pointe-Claire, Quebec while I was waiting for my daughter to finish one of her activities. I had never explored this park in depth, and three hours let me see a much bigger part of it than before.

Today is an absolutely beautiful fall day here around Montreal, and I am very glad I took advantage of it.

For a local stroll in the woods, it doesn’t get much better than this!

{ 0 comments }

Building a CSS Drop-down Menu

Adobe product screenshot(s) reprinted with permission from Adobe Systems Incorporated.

This CSS drop-down menu tutorial video is a recording of my in-class lecture material from the Publication Design & Hypermedia Technology program at John Abbott College.

At just over an hour and fifteen minutes, it is just a bit longer than the normal lecture period for a four hour class. I take a lot of time explaining these concepts because understanding them well is the basis of creating good CSS web design. Pay attention to the concepts and their application, especially the relationship in between absolute and relative positioning. The 1:20 will be worth it in the long run as you will feel in full control of web page layout.

Concepts

  1. CSS Box Model
  2. CSS block and inline properties
  3. CSS display property
  4. LoVe HA rule
  5. Classes and IDs
  6. HTML List tag
[click to continue…]
{ 0 comments }

Basic CSS Positioning

CSS Positioning

CSS is hardly an intuitive language, but understanding the basic concepts that define why it works the way it does helps a lot.

One of the hardest concepts for new web designers to master is CSS positioning. This is not because the concept is particularly difficult to understand, but rather that the concepts are implemented in a very unintuitive way.

While HTML is a very straightforward concept – this is a paragraph, that is a header, that is a list – CSS involves many different concepts such as the CSS box model, text flow and different positioning rules that rely on parent/child relationships in between various page elements.

Furthermore, a definitive cut-to-the-chase explanation of the fundamental concepts is usually nowhere to be found when a student hits the unintuitive wall.

[click to continue…]
{ 2 comments }

Low tide on the Reykjanes peninsula

Rocks and seaweed at low tide near Grindvik on the Reykjanes peninsula in Iceland. (Eric Girouard)

Rocks and seaweed at low tide near Grindvik on the Reykjanes peninsula in Iceland.

Reproduction licenses and fine art prints available in the online store.

The Reykjanes peninsula is just slightly southwest of Iceland’s capital city Reykjavik. A veritable treasure trove of landscapes, it has nearly everything to arrest a photographer’s interest: the ocean, endless lava fields, fumeroles, cliffs and seabirds.

I shot this image on my first full day exploring Iceland. Even though it was the first of June, the weather was blustery and cold and the sky clung close to the mountain tops. It gave the scene a quintessential stormy North Atlantic feel that captures the day well.

{ 0 comments }