Technically and presentationally, iFrames are a flawed technique these days, for a number of reasons. That said, I still use it as a legacy, stopgap solution in one unique area of my resume website.
The DemoSite section () is a library of ‘clickable wireframe model mini-sites’ that I’ve produced as part of my body of work.
These 15 mini-sites (and they are actually small websites) were hand-tooled as prototypes, models and guidelines in a time before there were convenient tools – and before mobile was hip.
Several of the mini-sites are more than 10 years old. They were for in-house use by development teams, marketing, and business stakeholders. So all are designed for a ‘desktop-monitor’ (i.e. ‘non-mobile’) display environment.
Be able to display ‘mini websites’ as a part of my body of work, but preferably without losing the clickable context of my own resume website.
The iFrame is a decent solution – even with all of its limitations.
Here’s what the drilldown tooks like (I’ve outlined the iFrame in red):
- You can navigate withing the multi-page mini-site in the iFrame.
- The “Index of Demosites” button returns you to the Demosite menu on my website
- The “NIA Group” link under the Index button takes you directly to the case study in my portfolio.
Is it a compromised hack and a kluge? You bet. But it sorta works …
© The Communication Studio LLC