Categories
Css3

HTML5 placeholder color with CSS

Want to change the color of a placeholder of your input fields? Here is an example that helps you to change the color of a placeholder. Basically, there are three different implementations i.e. pseudo-elements, pseudo-classes, and nothing. WebKit, Blink (Safari, Google Chrome, Opera 15+) and Microsoft Edge are using a pseudo-element: ::-webkit-input-placeholder. Mozilla Firefox 4 […]

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
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 […]

Categories
Css3

5 CSS tricks for responsive design

Making a website rather than mobile view is easy but now a days you must have to build the view on mobile also. You need to know some CSS tricks. Here are some CSS tricks which will help you to maintain responsive design: Word wrap is necessary to forcefully break the text into new line […]