davidcalhoun

CSS Best Practices

Transitions

Instead of animating all properties, just animate the specific ones you need to animate: http://www.w3.org/TR/css3-transitions/#animatable-properties-

davidcalhoun

JavaScript Best Practices

Code conventions

Closing/opening brackets

Although this isn't a problem in other languages, because of semicolon insertion, there could be problems if you don't place the bracket on the opening line:

// no:
function()
{

davidcalhoun

Thoughts on using SASS or LESS

• http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

• (audio) SASS & LESS, the new CSS? (August 26, 2011) http://thinkvitamin.com/tvr/episode-32-sass-less-the-new-css/

• (slides) CSSOM, Vars, Mixins, etc. (the future of CSS) http://www.xanthir.com/talks/2011-01-12/slides.html (blog version: http://www.xanthir.com/blog/b49w0)

• (article) SASS For Designers http://sonspring.com/journal/sass-for-designers

• Twitter's Bootstrap diff converted from LESS to SASS: https://github.com/jlong/sass-twitter-bootstrap/commit/e720a604a8ebd9df5581c933b9982c2ca43d00c0#diff-9

• variables: for colors, base urls, etc.

• mixins (SASS: include): small template you can send values to. I.e. for vendor prefixed values

davidcalhoun

Book outline

Overview

• what this book is not: focus on supporting older phones, WAP and older standards
• Focus on the future: the shift towards HTML5. making the case, showing the data, etc

Thinking differently

• big differences on mobile: screen orientation, screen sizes, geolocation, accelerometer, usage, battery, hover states are awkward, etc.

Mobile First? More common: Mobile Last

davidcalhoun

Quick Japanese Language Guide

Quick rules

• Vowels sound similar to Spanish: a = ah, e = eh, i = ee, o = oh, u = ooh.
• Doubled letters mean long vowels. For instance, ooki is the same as ōki (ohhh-ki).
• There are multiple ways to say things. Generally, the longer the sentence, the more polite. For an example, see "Thank you" below in Basic Conversation.
• Some endings are barely audible, so it's best to just omit them if you try to say something. These silent endings are in parenthesis. For instance, "DES(U)" sounds like "DES". It will only sound like "DESU" when someone is being very polite.
• Don't look at the whole word when pronouncing, just pronounce syllable by syllable. For instance, "hajimemashite" ("nice to meet you") may look hard to pronounce, but you just sound it out, splitting it up: "ha-ji-me-ma-shi-te".

davidcalhoun

Foreigner-friendly software companies in Japan

Game Companies

General Resources

http://www.gamesjobsjapan.com/

Tokyo

• Grasshopper

davidcalhoun

// found this in my Gmail drafts... old assemly code from when I was taking this class in 2008 or so?


.ORIG x3000    ;program start
IN        ;read character from keyboard
ADD R2, R0, #0    ;place the character into R2
IN        
ADD R3, R0, #0    ;define R3
IN
ADD R4, R0, #0    ;define R4

davidcalhoun

(function(){var k=void 0,n=null,o;var r=this;function s(){}
function t(a){var c=typeof a;if(c=="object")if(a){if(a instanceof Array)return"array";else if(a instanceof Object)return c;var b=Object.prototype.toString.call(a);if(b=="[object Window]")return"object";if(b=="[object Array]"||typeof a.length=="number"&&typeof a.splice!="undefined"&&typeof a.propertyIsEnumerable!="undefined"&&!a.propertyIsEnumerable("splice"))return"array";if(b=="[object Function]"||typeof a.call!="undefined"&&typeof a.propertyIsEnumerable!="undefined"&&!a.propertyIsEnumerable("call"))return"function"}else return"null";else if(c=="function"&&typeof a.call=="undefined")return"object";return c}
var u="closure_uid_"+Math.floor(Math.random()*2147483648).toString(36),aa=0;function v(a,c){function b(){}
b.prototype=c.prototype;a.v=c.prototype;a.prototype=new b}
var ba=/^[a-zA-Z0-9\-_.!~*'()]*$/;function ca(a){a=String(a);return!ba.test(a)?encodeURIComponent(a):a}
function da(a,c){for(var b=0,e=String(a).replace(/^[\s\xa0]+|[\s\xa0]+$/g,"").

davidcalhoun

Resources for learning web design & front-end development:

================================================================================

**ONLINE**

Design

> http://52weeksofux.com
> http://thedesigncubicle.com

davidcalhoun

/* From Ben McMahan:
http://www.quora.com/What-are-the-most-interesting-HTML-JS-DOM-CSS-hacks-that-most-web-developers-dont-know-about/answer/Ben-McMahan

Example usage:
HTMLEntities('<div id="foo">bar</div>');   // '&lt;div id="foo"&gt;bar&lt;/div&gt;'

*/

function HTMLEntities(a) {
    var b = document.createElement('a');