Welcome to my new portfolio and blog, Pixel Preaching, where I’ll be writing about all things design and technology related. I have been working on this new portfolio for the past few months and finally after many changes and iterations I decided it was time to bite the bullet and run with it (designers can sometimes be their own worst clients). It’s designed in Photoshop and coded responsively with bootstrap and WordPress.
The main navigation is a little self-indulgent and not something I would usually design for a client or for SkillPages, but I wanted to build something a little different. I’m also intrigued by ancient cuneiform and hieroglyphic languages (the earliest known written languages), in particular how symbols and icons represent words and actions to humans (logographic languages). I developed a very simple icon set for the navigation using circular shapes to represent each section of the website (I also love circles so it all made sense in my head). Here’s some more information on hieroglyphs, if you’re into that kind of thing. http://en.wikipedia.org/wiki/Hieroglyph
I wanted to achieve a clean, simple and flat navigation which would almost become part of the browser window. To do this I floated the navigation to the left and did not include it with the page scroll. This allowed me to have the navigation present but also out of the way and not interrupting the main page content.
As you may have noticed, the blog articles are loaded into a darkened layer over the main blog article listings page. This essentially allows the user to read the blog post they are interested in while still remaining on the articles listings page. The effect of this is a much faster browsing experience e.g. if the viewer wants to read another article or decide not to read the opened article they can close the article and the articles list will be in situ underneath. I have also used a similar idea for the works section showcasing my selected works.
The post title ‘Dia dhuit an domhain’ means ‘Hello World’ in Irish.
Enjoy and get in touch with your comments.