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.

Blog

Blog/

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 : ' + [...]

By | December 9th, 2012|Categories: Uncategorized|1 Comment

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 [...]

By | December 9th, 2012|Categories: Uncategorized|0 Comments

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 [...]

By | December 9th, 2012|Categories: Uncategorized|0 Comments

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 [...]

By | December 9th, 2012|Categories: Uncategorized|0 Comments

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 [...]

By | December 9th, 2012|Categories: Uncategorized|0 Comments

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 [...]

By | December 9th, 2012|Categories: Uncategorized|1 Comment

RegExp in JavaScript and AS3

RegExp is a testing pattern often used for validating form fields such as name, email, phone number etc. It is also possible to create custom RegExp patterns to stop particular words or numbers. Here I will explain each […]

By | December 9th, 2012|Categories: JavaScript|0 Comments

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 [...]

By | December 9th, 2012|Categories: Uncategorized|0 Comments

Device Sniffing with JavaScript for mobile web

Often there may be a requirement to redirect a user to a mobile friendly version of a website. In many cases a responsive layout is only the first step to a ideal user experience. Due to mobile data usage restrictions, some websites will need to reduce the resource load of assets (which were created for desktop [...]

By | December 9th, 2012|Categories: JavaScript|0 Comments

Join my Private Newsletter to get
FREE Game Dev Tips, Tricks and Tutorials!⇩