November 16th, 2011

Congress is at this very moment debating whether they will enact SOPA, a law that claims to stop piracy, but really affects free speech and the rest of the internet. It will give the government the right to block websites, Tumblr and Facebook could be shut down for not monitoring and stopping certain types of posts, and basically stop the current growth we see in the internet. So if you love the internet, or even if you simply use it often, click the link, call your congressman, and stop this bill!

September 7th, 2011
September 6th, 2011

Terrific article on HTML5 sections, and why you shouldn’t use them for styling. Gonna have to re-read this later.

August 22nd, 2011
August 12th, 2011

To balance out that gridless post, here’s one on rethinking grids, with several links to common css layouts.

This is supposed to simplify HTML5 video and audio. Looks like a terrific bit of JavaScript.

I’m really wanting to play a little with gridless web design. This looks like a great template to get started.

July 24th, 2011

Extremely helpful JavaScript library for HTML5 and CSS3. Lots of info and documentation on the site as to how to use it.

July 23rd, 2011

CSS Reset

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr {

display:block;

}

body {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: ”;

content: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

Starter HTML5

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8”>

<title>Blog Title</title>

<!—[if lt IE 9]><script scr=http://html5shiv.googlecode.com/svn/trunk/html5.js>

</script>[endif]—>

</head>

<body>

</body>

</html>