The following example demonstrates creating a simple toggle switch using plain html and css.
Category: 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> |
Fix to jQuery ui calendar not appearing from or hiding behind thickbox
If you are facing an issue of jQuery ui calendar not appearing while clicked from a jQuery thickbox or if some part of the calendar hiding behind the thickbox window you need to apply a quick fix to your calendar.
Making line-through color to appear different than the text (using CSS)
I am posting a simple trick to make the color of line-through line to appear different than the stricken text. I had to recall this trick actually as we rarely use it and i guess i myself never used it…