jQuery is a very powerful tool that provides various traversing methods to select the element randomly and sequentially. With jQuery selecting and finding an element becomes very easy. But at times, we may wish to improve the selection and when…
Category: HTML and CSS
Creating Custom Shortcode in WordPress
With a lot of customization with the theme WordPress also provide us to create our own Custom Shortcode. Basically, shortcodes are the small piece of code which let user to add dynamic content in WordPress posts, pages or sidebar widgets.…
How to create a “toggle switch” (on/off button) with CSS and html
The following example demonstrates creating a simple toggle switch using plain html and css.
Foundation 6 Block Grid Media list is here
I was looking for this for a while and then finally found it here after having some trouble with search. Posting it here hoping for a someone to land up here before they could find the actual page in organic…
Bootstrap 3 List group horizontal
This page http://goo.gl/262QmJ has a css to make a list-group floating horizontally and sticking together like it does for list-group to render vertically by default. In order to float list-group-items float horizontally one may add a “list-inline” style to UL…
Bootstrap Datetime Picker for 3.0
For 2.0 – The bootstrap-datetimepicker is one of the very best Date/Time Picker for Twitter Bootstrap. It can be downloaded from this link.
MIME Types – Complete List
MIME Types – Complete List Posting full list of MIME Type which every developer like me needs very frequently. Posting for reference here.
How to Use Custom Fonts On Your Website With the help of CSS
How To Use Custom Fonts On Your Website With CSS? Let’s do an example together. Download bttf.ttf (Back to future font) from here.
Floating Social Icons, Facebook, Twitter, LinkedIn, Digg & Google Plus
Posting the html, css & javascript code for floating social icons shown in the attached image below. The code was created using this link but it didn’t work for Facebook. Pasting here for reference and later use. Someone with html,…
Easy and smart way to add “required” css class to form field labels
Undoubtedly, this is the easiest way to add a red asterisk (*) sign to a required field label in a form. Here’s HTML part of the form.
1 2 3 4 5 | <div class="required"><label for="FirstName">First Name</label> <input name="first_name" maxlength="50" type="text" id="FirstName"></div> <div class="required"><label for="LastName">Last Name</label> <input name="last_name" maxlength="50" type="text" id="LastName"></div> |