Tag Archive: Device
Before I ventured on this mini project, I had no previous experience with animating SVG graphics. This article documents my journey and details my processes (and mistakes made along the way). The final product I created consists of a slideshow whereby four devices – desktop, laptop, tablet, and smartphone (basically iMac, MacBook Pro, iPad, and iPhone-esque form factors) – morph into one another, in order to showcase how the responsive websites I’ve created react to the various screen sizes. The finished article, showing each of the four morphing devices. I love Mary Lou’s work over at tympanus.net and was really …
Please note: This post relates to an ealier website build. The age of Responsive Web Design (RWD) is most definitely upon us. Gone are the days of designing strictly for 960px; the modern web is viewed on everything from feature phones to games consoles. With this influx in device screen sizes comes compromise, and so the day has finally come to wave off pixel-perfect page layouts with a fond farewell. But while pixel-perfection may be a thing of the past, it’s still nice to try and achieve as close to a perfect layout as humanly possible. When developing the new …