La Galeria

I published a few days ago my photo gallery at http://imbjim.com/photo-gallery.html. I’m as far from being an accomplished photographer as one can be, but most of these photos are something I’m proud of.

For anyone who might be interested, here are the places the photos were taken:

– Belgium: Bruges, Brussels & Leuven.

– Denmark: Copenhagen.

– England: Barton Mills, Beck Row, Cambridge & London.

– Finland: Espoo, Hanko, Helsinki, Jyväskylä, Kauniainen, Somero & Torronsuo National Park.

– Ireland: Galway & Aran Islands.

– Italy: Rome.

– Luxemburg: Vianden.

– Northern Ireland: Rathlin Island.

– Portugal: Lisbon.

Fixin’ frenzy

Bugs fixed in the last few days: mobile and tablet screen layout problems solved for http://imbjim.com, http://imbjim.com/clean-code and http://imbjim.com/bjimusic. Have I been efficient or what (okay, in some of the cases rather effective than efficient)?

When I set up my static website (i.e. http://imbjim.com) I didn’t know anything about media queries, but now that I know how to change CSS depending on the screen size these fixes were trivial though time-consuming. Anyway it seems that taking the Skillcrush courses mentioned in my September 1 post did pay off after all! I’m wiser, so much wiser ; – )

P.S. About my September 9 post: apparently using Bootstrap doesn’t necessarily guarantee that your website will look perfect in any screen sizes either… Ah, the wonders of the world!

My first non-Bootstrap responsive website

Tada, here it is:

photo of http://imbjim.com/bjimusic

 

It’s basically a Skillcrush class project where I was given the basic HTML5/CSS3 ingredients and then I just went through all the 8 pages of the website and tried to figure out how to make them look acceptable in mobile, tablet and desktop view.

The project taught me a lot about floating divs, ems, using percentages instead of pixels and especially about how hard it is to make a responsive website from scratch or almost scratch, without using any framework like Bootstrap.

I’m most certainly stating the obvious, but hey, I’m a newbie, so I’m allowed to: the cons to this method is that there are still plenty of devices and/or device orientations there (according to http://responsivedesignchecker.com at least Nexus7 portrait and iPhone landscape) in which the website looks ah so imperfect. The pro is that you can come up with websites that are out of the (Bootstrap) box.