Posts Tagged ‘CSS’

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 ...

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 ...

Setting opacity of html element using Javascript

You must have seen the blur effect of html elements like table, div where the opacity of these elements are slowly made to transparent or opaque. This can be acheived through javascript.Internet Exlporer supports a CSS attribute called filter, wherein you can apply lot of different filter options available in browser. There are currently three categories of filters - Visual filters and Reveal/Blend Transition filters. ...
Page 1 of 212