Category Archives: Web Related

CSS properties that can potentially be used to replace images

Posted on May 18, 2012 by brandonc

Three of the most useful CSS properties I found in replacing (background) images, reducing page load size, and reaping more tangible benefits for devices with slower bandwidth (mobile) – Styling for: 1. Gradient filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ffc703′,endColorstr=’#fe9c00′); /* for IE */ background: … Continue reading →

Posted in Web Related | Tagged , | Comments Off

iPad orientation script

Posted on May 7, 2012 by brandonc

<link rel=’stylesheet’ media=’screen and (max-width: 1024px) and (orientation:portrait)’ href=’@Url.Content(“~/Styles/cudo_tablet.css”)’ /> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <script>!function (doc) { var addEvent = ‘addEventListener’, type = ‘gesturestart’, qsa = ‘querySelectorAll’, scales = [1, 1], meta = qsa in doc ? doc[qsa](‘meta[name=viewport]‘) : []; … Continue reading →

Posted in Web Related | Tagged , , | Comments Off

Windows 8 Application Development Reference

Posted on April 16, 2012 by brandonc

Get started link for developers. http://msdn.microsoft.com/en-us/library/windows/apps/br211386.aspx If you have the hardware for Windows8, here is the preview install http://windows.microsoft.com/en-AU/windows-8/consumer-preview ISO: (http://windows.microsoft.com/en-US/windows-8/iso?ocid=W_OFF_W8P_TechCenter_ISO_EN-US) The tools  (VS 11 Beta) http://msdn.microsoft.com/en-us/library/windows/apps/br211384.aspx “WinJS” will be quite important in Windows JS development, but jQuery is allowed. … Continue reading →

Posted in Web Related | Comments Off

Scrolling content in fixed-height container for iPad

Posted on February 24, 2012 by brandonc

A real elegant solution from iScroll, after viewing several unworkable or out-dated solutions in stackoverflow. 1. Load iScroll script if iPad device detected, or you can check in more general. <script type=”text/javascript”> var isiPad = navigator.userAgent.match(/iPad/i) != null; if (isiPad) … Continue reading →

Posted in Web Related | Tagged , , , , , | Comments Off

Twitter User Feed jQuery Plugin

Posted on February 13, 2012 by brandonc

Ever needed to show you are really working really hard for your clients on your website? Tweet your hard work using the Twitter user feed plugin. http://tweet.seaofclouds.com/

Posted in Web Related | Leave a comment

sessionStorage and localStorage

Posted on February 1, 2012 by brandonc

The main benefit of using HTML5′s sessionStorage or localStorage is it’s capacity to contain up to 5MB (or 60MB) of data depending on browser type and desktop/mobile browser. For mobile applications/websites, this may be particularly useful if (1) users have … Continue reading →

Posted in Web Related | Tagged , , | Leave a comment

Embedding Youtube and HTML5 Video Option

Posted on January 9, 2012 by brandonc

A couple of things I changed to make use of the new iframe code for embedding Youtube videos on the website. The new code supports both Flash and HTML5 video. Only users of supported browsers who opt into the Youtube … Continue reading →

Posted in Web Related | Tagged , , , | Leave a comment

@fontface, Google’s WebFont Loader and Cufon

Posted on December 16, 2011 by brandonc

Have been trying to resolve the issue of FOUT (Flash of unstyled text) when using @fontface on IE. The best solution I found was to use Google’s WebFont loader. To not allow the default font to show at all before … Continue reading →

Posted in Web Related | Tagged , , , , | Leave a comment

Bing Map v7 Address Query using jQuery

Posted on November 25, 2011 by brandonc

How to initialise Bing map using an street address query. First reference the Bing library, keeping it as an external reference. They changed one of their JavaScript urls once and 404ed on me. There are references for both SSL and … Continue reading →

Posted in Web Related | Tagged , , , , , , | Leave a comment

Stylesheet for Print

Posted on November 11, 2011 by brandonc

Interesting and Useful article: http://designshack.net/articles/css/6-thinks-i-learned-about-print-stylesheets-from-html5-boilerplate/

Posted in Web Related | Tagged , , | Leave a comment