Designfactory by Olof Olsson

CSS Browser Detection

olof — Fri, 03 Feb 2012 11:15:17 +0000

A technique I used for quite some time is to detect the browser and add an appropriate class to the body-element. I used this mostly to differentiate IE-versions and add appropriate styles to elements that got screwed up. Two examples.

A windows machine with Internet Explorer 7:

A windows machine with Firefox 4:

Today I ran into a small script that makes this possible (and even add some more properties). It’s a variant of modernizr but a bit smaller and just for detecting the browsers.

Check it out at: https://github.com/rafaelp/css_browser_selector

Mobile website versus mobile app

olof — Wed, 25 Jan 2012 06:28:31 +0000

You need to consider the pros and cons of building a mobile website or a mobile app (native). I found a good post form Adobe on this matter, have a look!

http://www.adobe.com/newsletters/inspire/february2012/articles/article7/

25 jQuery Plugins to help with responsive layouts.

olof — Tue, 01 Nov 2011 10:12:13 +0000

We need to better adjust our layout depending on what device the customer uses. I’m still thinking about an iPhone version of this site, eventhough it’s ”OK” in the browser from start.

Have a look at this top 25 list for some ideas.

http://speckyboy.com/2011/10/24/25-jquery-plugins-to-help-with-responsive-layouts/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+veerlesblog+Veerle%27s+Blog+3.0+-+All&utm_content=Google+Reader#When:17:33

Öredev Creative Javascript and HTML5

olof — Mon, 24 Oct 2011 12:42:34 +0000

You will find me taking a crash-course in Creative Javascript and HTML5 at the Oredev conference 7th and 8th of November. Would be lovely to catch up with some other web developers just like me so please let me know if you will attend. I will write a post later on what I learned.

LESS – Another way to do CSS

olof — Mon, 19 Sep 2011 07:03:41 +0000

We all love CSS and the power it gives to you. Still there’s a couple of features that would be great extensions. Have a look at the LESS framework and see how you can extend your CSS-code in a smart way http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

Extend jQuery with .toggleAttr()

olof — Sun, 11 Sep 2011 12:47:23 +0000

As far as I know there is no way to toggle an attribute, such as an input disabled attribute. Extend with this to get it quick and nicely:

$.fn.extend({ toggleAttr : function( attrib ) { if ( this.attr( attrib ) ) { this.removeAttr( attrib ); } else { this.attr( attrib, attrib ); } return this; } });

Avoiding common HTML5 mistakes

olof — Mon, 22 Aug 2011 11:31:42 +0000

I bet you’re all as curious as me on the HTML5 framework. However the transition might not be that straight-forward as you think. This is a post about what you’re not supposed to do.

http://html5doctor.com/avoiding-common-html5-mistakes/

Javascript MVC

olof — Tue, 28 Jun 2011 09:49:54 +0000

Currently experimenting with the Javascript MVC framework. Looks very promising for bigger enterprise projects.

By splitting functions into modules you are able to test them solo.

Currently experimenting with the Javascript MVC framework. Looks very promising for bigger enterprise projects.

By splitting functions into modules you are able to test them solo