Categories
Css3

Truncate String with Ellipsis

Overflow with text is always a big issue in a website, especially in a programmatic environment. Use Ellipsis to truncate string. We can provide a solution by adding an CSS property overflow: hidden setting to the span, but you can see that the text looked unnaturally cut off. The way to make text overflow elegant […]

Categories
Css

Disable text selection highlighting using CSS rule

There is a CSS standard way by which you can disable the highlighting effect i.e. disable text selection when you select any text. This can be done using JavaScript but using CSS you can achieve this also. <style type=”text/css”> .disableselect { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } </style> […]

Categories
Css Css3

6 Free online CSS sprite generator

Image sprite is a collection of images put into a single image depends on particular position of a image. Basically CSS sprites are used for faster loading of your site. Read our previous article about CSS Image Sprites. There are few online CSS Sprite generator tool which is very handy to create sprites quickly. 1) […]

Categories
jQuery

xBreadcrumbs (Extended Breadcrumbs) jQuery Plugins

xBreadcrumbs (Extended Breadcrumbs) is a jQuery plug-in to categorize breadcrumbs for your site. For a deep structured website you can navigate from one section to another using xBreadcrumbs. This is optimized for search engines. xBreadcrumbs Features: 1) Very light-weight script (~3Kb) 2) Easy to integrate on website 3) Fully customizable via CSS 4) Works with […]