danielmascena

var UInt4 = function (value) {
	return (value & 0xF);
};

var Int4 = function (value) {
	var ref = UInt4(value);
	return (ref > 0x7) ? ref - 0x10 : ref;
};

var UInt8 = function (value) {

danielmascena

/**
 * CSS Flexible Layout Module - flex property
 */
* { transition: all 2s; box-sizing: border-box;}
body {
	background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
	padding: 1em;
	font-size: 1.4em;

danielmascena

/**
 * CSS Flexible Layout Module
 */
body {
background: #bfbfbf;
min-height: 100%;
}
header {
	background-color: blue;
	min-height: 100px; 

danielmascena

/**
 * CSS Flexible Layout Module - extra div
 */
body {
background: #bfbfbf;
min-height: 100%;
}
header {
	background-color: blue;
	min-height: 100px; 

danielmascena

/**
 * CSS Flexible Layout Module - flexbox styling
 */
 
* { transition: all 2s; }
body {
background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
	padding: 1em;

danielmascena

/**
 * CSS Flexible Layout Module - flex property
 */
* { transition: all 2s; box-sizing: border-box;}
body {
	background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
	padding: 1em;
	font-size: 1.4em;

danielmascena

/**
 * CSS Flexible Layout Module - flex property
 */
* { transition: all 2s; box-sizing: border-box;}
body {
	background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
	padding: 1em;
	font-size: 1.4em;

danielmascena

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }

danielmascena

CSS Selectors Cheatsheet

Element selectors

Element -- selects all h2 elements on the page

h2 {
    foo: bar;

danielmascena

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version