Skip to content

Instantly share code, notes, and snippets.

<form data-abide>
<div class="name-field">
<label>Your name <small>required</small></label>
<input type="number" required pattern="[a-zA-Z]+">
<small class="error">Name is required and must be a string.</small>
</div>
<div class="email-field">
<label>Email <small>required</small></label>
<input type="text" required pattern="email">
<small class="error">An email address is required.</small>
body {
font-family: Helvetica, Verdana
}
p {
padding: 7px 10px;
}
#demo {
border: 1px solid #999;
}
@LeeRJohnson
LeeRJohnson / fiddle.css
Created December 1, 2011 00:45 — forked from zalun/fiddle.css
jsFiddle Gist Template
body {
font-family: Helvetica, Verdana
}
p {
padding: 7px 10px;
}
#demo {
border: 1px solid #999;
}
@LeeRJohnson
LeeRJohnson / addScripts.js
Created November 23, 2011 17:40 — forked from zvoase/JSShell.js
jsshell nots and dev
function addHeadScript (url, type, title, id) {
if (!url) return;
head = document.getElementsByTagName('head')[0];
script = document.createElement('script');
script.src = url;
script.type = (type) ? type : 'text/javascript';
script.title = title;
script.id = (id) ? id : title.replace(\\s+\, '-');
head.appendChild(script);
return script;
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<link href="http://vioms.ru/stylesheets/960/reset.css?1288335257" media="screen" rel="stylesheet" type="text/css" />
<link href="http://vioms.ru/stylesheets/960/text.css?1288335257" media="screen" rel="stylesheet" type="text/css" />
<link href="http://vioms.ru/stylesheets/960/960.css?1288335256" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/formtastic.css?1288515628" media="screen" rel="stylesheet" type="text/css" />
@LeeRJohnson
LeeRJohnson / CSS3-transitional.less.css
Created August 12, 2010 14:45 — forked from mbleigh/__README__.markdown
CSS3 LESS a fork in progress
//
// Rounded Corners
//
.border-radius(@radius)
-moz-border-radius: @radius
-webkit-border-radius: @radius
border-radius: @radius
.border-top-left-radius(@radius)
/*
CSS3 Button Mixins
@author Benjamin "balupton" Lupton {@link http://www.balupton.com}
@author http://www.webdesignerwall.com/demo/css-buttons.html
@version 1.0, April 25 2010
Usage:
.button {
+cssbutton;
}
/*
Form Base Notes
-- Drop-down <select> menus are unaffected.
*/
input,
button,
select,
textarea {
margin: 0;