jQuery basics – importing and testing jQuery
In this post I will be denonstrating the different ways to import jQuery and showing a quick way to check if it is working – by toggling the visibilty of a dom element […]
Transparency with CSS
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
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
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
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
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
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
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
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
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 [...]
Get Social