Welcome to the online journal for Edward Cant, Optic Swerve. Here you'll find anything novel and/or interesting that I stumble upon in day-to-day web app experimentation
.
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.
Hiding the iPhone address bar is a well known JavaScript trick. However, it is annoying when the solution (a page scroll of 1px) is applied when you don't want/need it. This is preventable. 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.
The original article (available here) presented a simple solution to website code thievery in the form of cross-domain JavaScript ‘fetch-and-execute’.
We now present a smarter, more efficient and generally better version. Read more.
Basic URI processing with JavaScript. A useful collection of URI processing functions neatly encapsulated in a class. Used in many of our upcoming articles. Read more.
We propose a simple solution to website code thievery. The Ajax Kill Switch takes the form of cross-domain JavaScript ‘fetch-and-execute’.
Combined with source code obfuscation, we have an effective insurance policy. Read More.
‘Effortless responsive web design testing’.
Getting the Viewport Scale.
Read more.
Hiding the iPhone Address Bar.
Read more.
Orientation Correct Screen Width.
Read more.
iPhone Title Modification.
Read more.
Optimising for High Pixel Density Displays.
Read more.
CSS3 Media Query Prototyping With ProtoFluid.
Read more.
AJAX Kill Switch. Version 2.
Read more.
URI Processing With JavaScript.
Read more.
All source code is provided for free.
A standard disclaimer of warranty and limitation of liability applies.