Articles

November 03, 2013

The joy of calc()

calc() is a modern css function that allows you to do basic maths in a css file. You can use it to make semi fluid layouts with great ease. This means that you can have layouts with 1 fixed width column (or more) and the rest fluid. It doesn't just stop at columns, but that is the easiest and quickest example to discuss. The setup of calc is very simple. If we take a 2 column layout as an…

Keep Reading →

June 07, 2013

Creating a chrome extension - an update

Since I wrote my last post on creating a chrome extension , there have been a few changes to how the extensions are built - mainly that the manifest version has changed to version 2. The original post is still fine, but there are a few tweaks needed. This post is mean mainly as an update to the original, so rather than rehash the old content too much I will skim over the basics quickly…

Keep Reading →

November 16, 2012

Arabic web fonts

I've been looking for a good solution for Arabic web fonts for while now and have been hitting my head against the wall with the lack of options available to me or the cost of buying a font and hosting it myself. Just as I was contemplating making my own arabic font (no easy feat) it would seam that some of web services are beginning to add some decent options. Since I use Typekit I would prefer…

Keep Reading →

July 09, 2012

Changing the version of SASS in LiveReload

LiveReload is great a great tool for any web developer. One of the most useful of it's features is the ability to compile SASS on save. Unfortunately the version of SASS that is included in LiveReload isn't the latest one and it just so happened that was the version I needed (3.2 alpha). Long story short, I updated the version of SASS that LiveReload uses on my machine. I'm not sure if it will…

Keep Reading →

May 15, 2012

A Responsive Image jQuery Plugin

There are a whole variety of ways that responsive images can be accomplished, but as of yet there is no perfect way of doing it without using a combination of .htaccess, javascript and css. My solution is no different and uses JavaScript (in the form of jQuery) as the coordinator of the images. responsiveBreakpointJQ works by specifying the images that will show if the screen of the device is big…

Keep Reading →

December 08, 2011

Creating a chrome extension that uses jQuery to manipulate the DOM of a page

There are plenty of tutorials and guides on how to make a chome extension and there are hundeds for jQuery manipulation of the DOM. There are also a few about using jQuery in a chome extension, but only for the popup window. There seems to be a lack of using jQuery to actually do something on a page. This is something that too me a while to get my head around and a bit of googling to figure out…

Keep Reading →

September 25, 2011

Flipping a UIImage

Flipping an image using objective-c is so easy once you know how... That's it! Now to have it as an method we can use more conveniently, try this: Then we can send any image to it and it will return a flipped version.

Keep Reading →

September 17, 2011

Basics of the NSNotificationCenter

The uses of NSNotificationCenter can be many; It is handy for using to notify the app that a background download of data, a post of some kind is done, or some calculation is finished. It can also be useful for letting sub views know when some root level functions happen in the app such as shutdown/sending to background because the user tapped the home button. In this example I will be doing just…

Keep Reading →

February 01, 2011

Text Selection Color

A lesser know property of CSS3 is the selection property. This allows you to change the properties of text when selected so you can highlight it in any way you want This sentence should highlight in black. And this in red. Don't forget that some browsers won't show this as it's CSS3

Keep Reading →

January 24, 2011

Turn off Chrome's textarea resizing

When building forms for websites, much time can be spent making sure that all the elements fit together in a nice way, all lining up and looking neat. So then along came Google's Chrome browser and with it came the ability to drag resize a text area to any size possible. Great. Great? While the ability to resize the text are to be the right size for the content being entered is a great feature…

Keep Reading →