CSS Tutorials, Tips & Tricks

Cascading Style Sheets (CSS) is a template used to define how elements of a Web page will be displayed.

CSS Styling Radio Button and Checkboxes

CSS Styling Radio Button and Checkboxes
The idea is simple. We want to change the look and feel of existing radio buttons into more of a push button. The above image pretty much tells what we want to achieve.Now we want to do this without using Javascript or JQuery. Just plain HTML and CSS. Nothing fancy.Lets dive into code. 1. The HTML The ...
Tags:

Dynamically shortened Text with “Show More” link using jQuery

Dynamically shortened Text with
Update: The plugin is now on GitHub: https://github.com/viralpatel/jquery.shortenFacebook user updates has a great functionality. If the comment text is larger than few characters, the extra words are hide and a show more link is presented to user. This way you can keep long text out of the view to user and stop the ...
Tags: , ,

Firefox 3.6 Released: With New CSS Gradient Feature

Mozilla has finally released Firefox 3.6, the newest version of its popular browser after months of testing. New Firefox is 20% faster than Firefox 3.5, according to Mozilla. It uses Gecko 1.9.2 web-rendering, which improves its load times, startup speed and stability. Javascript execution is faster and smoother as well. There’s also autocomplete form functionality and ...

20 Very Useful CSS Stylesheet Tips & Tricks

20 Very Useful CSS Stylesheet Tips & Tricks
Following are few CSS Tips and Tricks that I think every web developer should be aware of. You may already know many of these tricks. Disclaimer: Not all from the below CSS tricks are written by me. Some of them are taken from different sources on internet. 1. Round Corners without images Here is a simple CSS technique of ...

Changing Form Input (Textbox) Style on Focus using jQuery

Changing Form Input (Textbox) Style on Focus using jQuery
User experience has always been a factor to be consider while you design a website. Lot of fields such as Human Computer Interface (HCI) and Usability etc have been studied upon. While designing a user interface, special care should always been taken while placing the text fields and selecting fonts. While lot of web designers prefer ...
Tags: ,

Setting Height of Selectbox (Combobox) in IE

Working with Internet Explorer and creating web pages that behaves same in IE has always been frustrating for many web developers. One way of tackling IE problem is to create IE-Specific Stylesheet and thus it helps in avoiding breaking of design in IE.While working on one of the requirement I had to set height of selectboxes on the webpage. Normally for setting up height ...

How To: Create an IE Specific Stylesheet

How To: Create an IE Specific Stylesheet
If you are a web developer you know how painful is to write a webpage that behaves same in all the web browsers. Generally the webpage created for Firefox behaves pretty much the same in Chrome, but Internet Explorer has its own problems. Whether it be problem with Multiple Selection in IE or the AJAX ...

Rounded corner CSS without images

Rounded corner CSS without images
Lot of webdesigners uses rounded corner tables and divs to display information on the webpage. Not only it looks sleek but also eye appealing.The problem with coding such DIVs is that there is no standard way of rounding off the corners available in CSS (till now). Designers overcome this problem by using corner images to ...

HTML 5: The new HTML kid on the block!

HTML 5: The new HTML kid on the block!
Hope you all have heard that behind-the-scene progress of the new version of HTML, is cruising through. There are some good news for those preachers of web standards who give importance to the semantically correct web.With the the new version of HTML (HTML 5), still gazing towards the recommendation stage (the specification is not yet complete and ...

Compress PHP, CSS, JavaScript(JS) & Optimize website performance.

Compress PHP, CSS, JavaScript(JS) & Optimize website performance.
Since few days we have been registering heavy traffic spikes on our website. This lead to performance issues. As this site is currently hosted on a shared hosting server, it is very difficult to optimize the performance of the site.We are using Wordpress as CMS for this blog, hence we decided to ...
Page 1 of 212