Code

I was recently building a jQuery-based slider for our upcoming website re-launch and needed to identify a series of elements numerically. Naturally I decided a number that auto-incremented would be ideal, so I build a testing stage to do just that.

How can you make a text link with your nice new styles behave like a button, instead of a selectable inline link? CSS, again, as the answer!

If you’re even too lazy to visit http://border-radius.com, then use the code below for your beautiful CSS3 rounded corners. Remember if you want to round some corners and not others, just follow standard CSS shorthand (ie. 3px 3px 0px 0px).

You are managing a webserver and you only have FTP access, and you need to extract a large .zip file (for example WordPress, Joomla, plugins, etc) which would take forever to upload as an extracted folder. Can’t convince your domain manager to give you SSH access? You don’t need it with this nifty script I have discovered (and modified to make it nice and user-friendly).

Getting snazzy with some resizable-layout websites? The last thing you want is for mobile devices to assume a zoom to show the full page, so drop in this meta tag into your header and zoom will be disabled! Tested on iPhone 4 and Samsung Galaxy SII.

Quickly and easily remove mouse interactivity of a HTML element with this nifty piece of CSS code. This is the same as ActionScript 3.0′s “mouseEnabled = false”.

I have shifted into Google Apps to have a tinker, streamline my work and to generally learn how it all works. At PlasticStudio, we also run Google Apps and we sell it out to our clients, so it makes sense to know it inside out!
You too can get Google Apps for free. The only downside is no support and ads when you run the free version, however I have figured a way around this. Check out the steps below:

Internet Explorer’s Compatibility View is the bane of my existance when I am working on a front-end build. Instead of trying to fix bugs for an additional two versions of IE (yikes!), just drop one of these codes in the of your page to force IE to render your page as IE7 or IE8.

Share a link on Facebook to a webpage that hasn’t been developed very thoroughly and you will notice that Facebook pulls in an outdated and (often) irrelevant thumbnail, title and blurb. If you add these three tags you can customise what Facebook shows when a link is shared. Just drop it in the of your pages and modify as you would like it to read.

Don’t you hate it when you post a link or video on Facebook and it decides to show your old pictures or thinks that your newly-launched website is all about “Under Construction, coming soon!”? Well I do, and as a web-developer it is important to understand and resolve the quirks and tricks of working with social media networks.