Transparency with CSS

By |2012-12-09T08:01:45+00:00December 9th, 2012|Categories: Uncategorized|

the opacity property is recognised by new browsers, but when targeting ie8 and below we need to fall back to using a filter property as shown below. opacity:0; filter: alpha(opacity=0);

As3: Checking if javascript disabled/enabled

By |2012-12-09T08:01:00+00:00December 9th, 2012|Categories: Uncategorized|

Before using External Interface to call scripts within the wrapping html, its recommended to make sure the swf is nor running outside of a browser or that js is truely available. ExternalInterface.available returns if flash is capable of using the browers external scripting engine – it will not however determing if JS has been disabled in [...]

Getting JSON data with jquery

By |2012-12-09T07:59:05+00:00December 9th, 2012|Categories: Uncategorized|

we have following JSON content in /jquery/result.json file: { "name": "Zara Ali", "age" : "67", "sex": "female" } and the html file we are displaying in <html> <head> <title>the title</title> <script type="text/javascript" src="/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function() { $("#driver").click(function(event){ $.getJSON('/jquery/result.json', function(jd) { $('#stage').html('<p> Name: ' + jd.name + '</p>'); $('#stage').append('<p>Age : ' + [...]

CSS3 Animations explained

By |2012-12-09T07:57:09+00:00December 9th, 2012|Categories: Uncategorized|

CSS animations are a new an clever way to manage simple animations in webpages without the need for jquery, flash or javascript. Page elements can be transitioned from one style value to another example. Here I will be explaining and showing examples of how it works. to get things to work Chrome and safari must harness [...]

Hiding DOM elements correctly using CSS and jQuery

By |2012-12-09T07:44:49+00:00December 9th, 2012|Categories: Uncategorized|

There are several Ways to ‘Hide’ elements on a page. There has been a deal of confusion among transitioning and beginner web developers as to which to use in different situations. At the moment 3 recognized techniques to achieve this using CSS using the style properties opacity, display or visibility. Read on to find out how [...]

Cursor Control with CSS

By |2012-12-09T07:44:10+00:00December 9th, 2012|Categories: Uncategorized|

Often overlooked we wed developers is the usage of the css cursor property. Hovering over an achor tag will usually switch the cursor to a hand. however what if you are using anb onClick, event with javascript/jQuery? we lose the hand cursor. Just like as we wouild use mouseEnabled = true in As3, we should use [...]

CSS3 box-sizing property fixes old box model’s padding problems

By |2012-12-09T07:43:03+00:00December 9th, 2012|Categories: Uncategorized|

Until CSS3, margin on child dom elements has been favoured over padding on parent elements. This is largely due to The Doms strange and un-intuitive handling of the padding property, which is further distorted by browser’s specific interpretation of the ‘standard’. (Where padding changes the width of an element respective to the padding) Welcome box-sizing! our [...]

How to exit an app & access native device buttons with AIR for Android

By |2013-02-06T10:44:51+00:00December 9th, 2012|Categories: Uncategorized|

Allowing users to correctly exit your application is a must for all apps, otherwise they will stay open behind the scenes chewing up resources (and perhaps chewing through a users data $$$). Fortunately we can access this functionality though AIR’s NaviveApplication object. Continue reading to learn how to exit an app and use the soft keys [...]

Rounded Corners and Borders with CSS

By |2012-12-09T07:03:32+00:00December 9th, 2012|Categories: Uncategorized|

New browsers now support rounded corners by tapping into their layout engines – such as webkit. Older browsers like IE 8 and below do not support rounded corners, though there are ways to achieve it, I will not be discussing them here (die ie8 die!) Continue reading to learn how to create sexy rounded corners on [...]

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.