Detect iPhones, iPods and other mobile devices

Posted July 25, 2011 in CSS tips & trick, Mobile Web App, Web Design and Trends

mobile-css3-html5-a

Warning: file_get_contents(/home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions/terms-and-conditions.txt) [function.file-get-contents]: failed to open stream: Permission denied in /home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions.php on line 79

Warning: file_get_contents(/home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions/privacy-policy.txt) [function.file-get-contents]: failed to open stream: Permission denied in /home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions.php on line 83

Introduction When developing for the iPhone, iPad, iPod Touch and other mobile devices, the first thing we have to do is obviously detect it, so we can apply specific code or styles to it. The following code snippets will detect [...]

IE Fix Bicubic Scaling for Images

Posted April 1, 2009 in CSS tips & trick


Warning: file_get_contents(/home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions/terms-and-conditions.txt) [function.file-get-contents]: failed to open stream: Permission denied in /home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions.php on line 79

Warning: file_get_contents(/home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions/privacy-policy.txt) [function.file-get-contents]: failed to open stream: Permission denied in /home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions.php on line 83

If you use width or height tags to resize images in your markup, IE will ensure they look incredibly awful unless you use this little snippet. In general, resizing images in the browser isn’t recommended, but of course there are [...]

!important ignored by IE

Posted January 26, 2009 in CSS tips & trick


Warning: file_get_contents(/home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions/terms-and-conditions.txt) [function.file-get-contents]: failed to open stream: Permission denied in /home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions.php on line 79

Warning: file_get_contents(/home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions/privacy-policy.txt) [function.file-get-contents]: failed to open stream: Permission denied in /home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions.php on line 83

Normally in CSS whichever rule is specified last takes precedence. However if you use !important after a command then this CSS command will take precedence regardless of what appears after it. This is true for all browsers except IE. An [...]

Two classes together

Posted January 24, 2009 in CSS tips & trick


Warning: file_get_contents(/home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions/terms-and-conditions.txt) [function.file-get-contents]: failed to open stream: Permission denied in /home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions.php on line 79

Warning: file_get_contents(/home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions/privacy-policy.txt) [function.file-get-contents]: failed to open stream: Permission denied in /home/content/m/m/o/mmowbiz/html/wp-content/plugins/member-terms-conditions/terms-and-conditions.php on line 83

Usually attributes are assigned just one class, but this doesn’t mean that that’s all you’re allowed. In reality, you can assign as many classes as you like! For example: <p class=”text side”> Some Text </p> Using these two classes together [...]

IE Min-Height Hack

Posted October 24, 2008 in CSS tips & trick, Web Design and Trends

It is often nice to have your webpage span the full height of the window even if you only have a small amount of content displaying at the top.