Sep 17

Google Web Fonts – Using Non System Fonts in Web Pages

by Amit

Now a days use of Non System fonts is crazily moving forward and widely using by the web developers and designers and the whole credit for the same goes to Google Web fonts. Where Google Web fonts is totally a free service and an amazing free resource for web designers. There was a time when web designers and developers were forced and restricted to use system fonts that were commonly found in most of the machines. But now the scenario has totally been changed and the use of Non System fonts is drastically increasing. Adding Non System fonts using Google…

Aug 25

Responsive Images – Reduce Image Size Using Adaptive Images

by Amit

No comments yet

Here I am sharing the best and effective way to reduce the image size using “Adaptive Images”. Basically Adaptive Images is a project by Matt Wilcox with the aim to render and reduce the images size on mobile devices respective to screen resolution. Adaptive Images detects the device screen size and automatically scale, re-size and save the images in cache folder at run time. The best part about this is that it just not only reduce the image size to fit on different devices, instead it also reduces the images size in bites and kilo bites, so that they can…

Aug 23

Responsive Navigation – Converting menu navigation to dropdown navigation

by Amit

6 comments

Basically this article is about preparing the Responsive Navigation by converting horizontal menu navigation to dropdown navigation. In the very fast and moving edge of responsive designs and responsive layouts you might have seen X numbers to responsive navigation with different look and feel, which actually requires a bit extra time and CSS efforts to prepare them. But preparing a dropdown navigation using <select> and <option> tag is quite easier and along which actually consume very less space to fit in web page to be viewed on mobile devices What it just need a very few line of CSS code,…

Mar 6

IE compatible mode – DEVIL for Web Designers and Developers

by Amit

2 comments

I noticed most of the web developers and designers hate IE compatible view. The reason is that in there general coding practice and cross browser testing they do not give preference and forgot to test their webpage outputs in IE compatibility view and when at the end of project delivery it clicks in their mind, it get too late and brings lots of burden to rectify the UI compatibility issues. Here I am sharing a best solution for them, as with the help of http-equiv="X-UA-Compatible" Meta Tag you can easily control that what browser version your page will render in.…

Feb 27

Multi Browsers CSS Hacks and Compatibility Test

by Amit

No comments yet

Here I am sharing few of the very useful multi browser/cross browser CSS hacks, that one web designer and developer requires in his/her day to day integration. If you like, you can test CSS hacks and compatibility, by opening this page in your different browser. /* IE6 and below */ * html #uno { color: red } /* IE7 */ *:first-child+html #dos { color: red } /* IE7, FF, Saf, Opera */ html>body #tres { color: red } /* IE8, FF, Saf, Opera (Everything but IE 6,7) */ html>/**/body #cuatro { color: red } /* Opera 9.27 and below, safari…