Welcome to the online journal for Edward Cant, Optic Swerve. Here you'll find anything novel and/or interesting that I stumble upon in web app experimentation.
Efficient canvas generated icons and touch icons. Read more.
IE10 in snapped mode does not support the viewport meta tag, but does support the CSS viewport rule. Can we support both? Read more.
An evolution of the responsive design concept via on-the-fly viewport modification and media query driven style switching. Read more.
This article started with a simple question. How do I get the current viewport scale in a website or web app? This is my solution. Read more.
Many devices like the iPhone return screen width assuming a constant portrait orientation. This article demonstrates a simple approach to querying screen width corrected by device orientation. Read More.
iPhone, iPad and iTouch devices allow you to bookmark a website to the home screen. However, the default page title used for the bookmark can be a bit too long. Read More.
A comprehensive look at the potential design optimisations that apply to high pixel density displays. This is a hot topic right now due to the popularity of iPhone4 and the implications of density-independent pixels with automatic scaling. Read more.
ProtoFluid enables the development and styling of websites and apps across a wide range of Internet enabled devices.
In this article I leverage dual CSS3 Media Queries in order to quickly and easily prototype CSS for web-enabled devices of varying dimensions. Read more.
We now present a smarter, more efficient and generally better version. Read more.
Follow the author on Twitter.
‘Effortless responsive web design testing’.
Canvas Generated Icons. Read more.
Targeting Windows 8 Snap Mode. Read more.
CSS @viewport rule or viewport meta tag? Read more.
The Responsive Viewport. Missing piece of the responsive web design puzzle? Read more.
Getting the Viewport Scale.
Hiding the iPhone Address Bar.
Orientation Correct Screen Width.
iPhone Title Modification.
Optimising for High Pixel Density Displays.
CSS3 Media Query Prototyping With ProtoFluid.
AJAX Kill Switch. Version 2.
All source code is provided for free.