Today we’d like to share a simple page layout concept with you. The theme of the page is a developer/designer portfolio where we add a special effect for revealing the “other” quality of the designer. When you open the demo, you’ll notice a kind of “glitch” effect on some words and also on the portrait. The glitch reveals the “coder side”. When clicking on the “coder” switch in the lower left corner, the image will be taken apart and animated with little rectangles, revealing another image behind. At this point everything will switch to the developer (or coder) view.
The coder image was made with the Text-Image.com generator.
Have a look at the different views.
The initial view is the portfolio in “designer mode”. The image has a effect on some squares sometimes and some of the page elements switch rapidly to the code view, leaving a hint that there’s something more to discover: