Skip to content

Instantly share code, notes, and snippets.

@blooski
blooski / checkbox
Created August 6, 2013 00:31
Align checkbox with label, style
<form>
<div>
<label><input type="checkbox" /> Label text</label>
</div>
</form>
<style type="text/css">
label {
display: block;
padding-left: 15px;
@blooski
blooski / validateEmail
Created August 31, 2013 20:27
Validate Email
function validateEmail(email) {
var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return reg.test(email);
}
@blooski
blooski / validatePhone_num_digs
Last active December 22, 2015 01:59
Validate Phone Number - number digits
return value.replace(/\D/g,'').length===10;
@blooski
blooski / validatePhone
Last active December 22, 2015 01:59
Validate Phone Number - multiple formats regex
function validatePhone(phone) {
var reg = /^[(]{0,1}[0-9]{3}[)]{0,1}[-\s\.]{0,1}[0-9]{3}[-\s\.]{0,1}[0-9]{4}$/;
return reg.test(phone);
}
@blooski
blooski / css_browser_engines
Last active December 23, 2015 21:39
Browser Engines - specific CSS for a specific engine
/*
IE
Engine: Trident
CSS-prefix: -msie
Firefox
Engine: Gecko
CSS-prefix: -moz
Opera
Engine: Presto
CSS-prefix: -o
@blooski
blooski / ie_tweaks
Created November 9, 2013 09:36
IE Tweaks
/* Get Rid of scrollbars (not seen in other browsers) */
#popup { overflow: hidden; }
/* Get Rid of anchor border (not seen in other browsers) */
.links img { border:none; }
@blooski
blooski / Chg_link_underline
Created March 26, 2014 17:25
Change Underline Color on Link
@blooski
blooski / val_zip
Created March 28, 2014 20:17
Validate Zip Code
function validateZip (zipval)
{
var isValid = /^[0-9]{5}(?:-[0-9]{4})?$/.test(zipval);
return isValid;
}
@blooski
blooski / placeholder_color
Created April 23, 2014 03:08
Change Placeholder color
/* Change Placeholder color */
::-webkit-input-placeholder { /* WebKit browsers */
color: #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
}
@blooski
blooski / bootstrap.hover
Created May 31, 2014 21:11
Make dropdown menus work on hover in Bootstrap
/* Make dropdown menus work on hover in Bootstrap */
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}