potench

var Ex = Ex || {};
Ex.A = RED.Class.extend({
    init : function() {
    	
    	this.resize = this.delegate(this, this.resize); // encapsulates to keep scope
    	
    	$(window).bind('resize', this.resize);
    	
    	$("body").bind('click', this.delegate(this,function() {
    		console.log('clicked');

potench

Notes moved to https://redmine.ff0000.com/projects/web-dev/wiki/8-30-11

potench

Notes moved to https://redmine.ff0000.com/projects/web-dev/wiki/9-13-11

potench

notes moved to https://redmine.ff0000.com/projects/web-dev/wiki/9-20-11

potench

/**
 * "Confidentiality Notices are completely unenforceable - you can't send someone an email that legally binds them to not speaking without their consent"
 */
body {
	background: #fff;
	min-height:100%;
}
span.action {
	position:absolute;
	-moz-transform: rotate(25deg);

potench

/**
 * Polaroid Header
*/
/*normalize*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{ border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}section,hgroup,nav{display:block;position:relative;text-align:left;}
	/* FLOAT CLEARING */
	.clearfix:after { clear: both; content: "."; display: block; height: 0px; visibility: hidden;}
	*+html .clearfix  { *zoom:1; }
	* html .clearfix  { height:1%;}

potench

Color Management:

So after a lot of debate with a couple of the front end guys we agreed that what we had to find was a system that would allow us to ensure color consistency from PSDs to HTML or Flash.

In the end the only way to ensure this issue was solved was to run some tests which yielded the following setup to guarantee color consistency:

Setting Up Photoshop Color Space

The first thing we all have to do is to ensure we are working under the correct color profiles. To do this follow these steps:

potench

(function () {
	var min_tilt = 15, // minimum the user must tilt to start the scroll
		max_speed = 5, // maximum tilt scrolling speed
		gravity : .3, // easing
		velocity:0 // current velocity

		setScroll = (function (delta) {

			if(Math.abs(delta) > min_tilt){ // scroll 
				var cur_vel = - Math.max(-max_speed, Math.min(max_speed, (delta / min_tilt) * 3));

potench

/**
 * HTML - Color Management guidelines and shortcuts
 */
body {
	background: #f06;background: linear-gradient(45deg, #fff, #c6c6c6);
	min-height: 100%;
}

.content {
	padding:30px;

potench

frontend-dev-baseline

frontend-dev-baseline - rmurphey - pinboard of links for dev-tools you should be using -

• Grunt /
• AMD /
• Testing your JavaScript
• Using break; and stepping in chrome-dev tools

Regex explained