Archive: ‘CSS’ Category

How To Make Web Pages Load Faster While Using CSS?

HTML specifications clearly defines the way front-end engineers should code the html document though browsers are making us lazy to follow these rules. We do mistakes and do code the html documents in a wrong way. On top of that, browsers helps us more to do more mistakes by ignoring such problems and renders the web page, even though they sometime take a bit extra time to load elements on web page.


Continue reading…

Share or Bookmark this Post:
  • StumbleUpon
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Mixx
  • MySpace
  • Reddit
  • Google Bookmarks
  • Yahoo! Buzz
  • Technorati
  • Live
  • DZone
  • Netvibes
  • RSS
  • Print

How To Add Hover Effect On DIV In IE?

There are number of glitches that exists in IE. One glitch is that it does not allow hover effect other than on anchor <a> tag.  This small and quick tutorial will show you how to do it with simple JavaScript and CSS.

Continue reading…

Share or Bookmark this Post:
  • StumbleUpon
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Mixx
  • MySpace
  • Reddit
  • Google Bookmarks
  • Yahoo! Buzz
  • Technorati
  • Live
  • DZone
  • Netvibes
  • RSS
  • Print

Make Fewer Or Less HTTP Requests With Minify

When we talk about web2.0, fast web, fast page load, web page optimization, website performance, caching etc; the only thing come into our mind is how do we do that? Lets figure it out.

This article is all about using a php library which takes less effort to have fast web pages for your websites. There are lot many points which we should take care of, I am pointing out few important like:

Continue reading…

Share or Bookmark this Post:
  • StumbleUpon
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Mixx
  • MySpace
  • Reddit
  • Google Bookmarks
  • Yahoo! Buzz
  • Technorati
  • Live
  • DZone
  • Netvibes
  • RSS
  • Print

How To Create A Scrollable DIV Area With CSS (overflow property)

CSS makes it possible to do such things in just quick manner which we cant accomplish with lots of javascript code or from html. See the magic of CSS property, overflow. Let’s create a div with scrollable content. Starting with css and move on to html and follwed by live example.
Continue reading…

Share or Bookmark this Post:
  • StumbleUpon
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Mixx
  • MySpace
  • Reddit
  • Google Bookmarks
  • Yahoo! Buzz
  • Technorati
  • Live
  • DZone
  • Netvibes
  • RSS
  • Print

How to change string’s case with PHP functions and with CSS

For a PHP developer, working with databases, arrays, doing string manipulations, etc are common daily tasks. While working with strings, you may sometime require changing case of the sting from lower to upper and vice versa or even you may need to change each word’s case in the given string. You can achieve all these by using following 5 PHP built in functions or you can use CSS property text-transform. Lets start with PHP functions.

Share or Bookmark this Post:
  • StumbleUpon
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Mixx
  • MySpace
  • Reddit
  • Google Bookmarks
  • Yahoo! Buzz
  • Technorati
  • Live
  • DZone
  • Netvibes
  • RSS
  • Print

How to make simplest cross browser tooltip with CSS and JavaScript events?

Simple TooltipsThere are lots and lots of tooltip scripts available on net. There are lot many too which provides lots of features like: fading effect, popup effects, onmouseover effects etc. The thing which encouraged me to write this tooltip script is that actually all these effects are not worth adding on my web pages due to heavy page loads, extra javascripts, CSS increases un-wanted HTTP requests and makes web page a bit slow.

The idea behind writing this script to achieve the maximum features with less code, simple, clean and simply customizable. Before getting into code actually, read it’s features below:

Share or Bookmark this Post:
  • StumbleUpon
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Mixx
  • MySpace
  • Reddit
  • Google Bookmarks
  • Yahoo! Buzz
  • Technorati
  • Live
  • DZone
  • Netvibes
  • RSS
  • Print

How to create simple cool paging with PHP and CSS

It is quite common when you need of paging in your web application. A dynamic web is what consists of scripts and renders various pages depends upon the user requirements and where he/she wants to browse the web. Paging, categories, tags are all these type of browsing. We will talk about paging in this article and how to make it with simplest code in PHP. So let’s start:

paging screen shot
Paging screen shot: Live example is given below

Share or Bookmark this Post:
  • StumbleUpon
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Mixx
  • MySpace
  • Reddit
  • Google Bookmarks
  • Yahoo! Buzz
  • Technorati
  • Live
  • DZone
  • Netvibes
  • RSS
  • Print
Real Time Web Analytics