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

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

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

Kyoto

• Kasagake (horse archery) at Kamigamo (third Sunday in October)

davidcalhoun

Mixin definition (Ken Burns)

mixin kenburns(config)
	section
	  .c-kenburns(style='margin: 0 auto')
	    - each img in config.imgs
	      img(src='#{img}')

davidcalhoun

http://la-grange.net/2010/08/10/holiday-world-03 - vacation in the US versus other countries

http://blog.ireneau.com/2012/04/mindful-design.html - bleak urban landscape contrasted with Japan, Kyoto in particular

http://www.nytimes.com/2008/04/23/world/americas/23iht-23prison.12253738.html?pagewanted=all - US prison population

davidcalhoun

javascript:(function(){var a=document.createElement("style");a.innerHTML="*{-webkit-user-select:auto !important;}";document.getElementsByTagName("head")[0].appendChild(a)})();

davidcalhoun

Long-term

• http://gojoparadiso.com
• http://www.happy-habitat.net/
• http://www.hostelbookers.com/hostels/japan/kyoto/47369/
• Essentials for Living in Osaka

davidcalhoun

================== Step 1: Find a browser icon

/Applications/Safari.app/Contents/Resources/compass.icns

/Applications/Firefox.app/Contents/Resources/firefox.icns

/Applications/FirefoxNightly.app/Contents/Resources/firefox.icns

/Applications/Google Chrome.app/Contents/Resources/app.icns

davidcalhoun

[ 'No mobile strategy yet? Might wanna get on it. "Mobile browsers top 20% for web use around the world" | http://t.co/vZk9zmUuPj #mobile',
  'RT @kawanoshinobu: Build Tizen HTML5 Apps w/ Sencha Architect & Sencha Touch by @me_stoe #html5 #senchaarchitect http://t.co/3oCVXwfnDY',
  'MT @strataconf How does data shape tech innovations, ethical dilemmas & policing? Discuss w/ @acroll on Jan 7 http://t.co/CsHUDYybv7',
  'RT @cfjedimaster: Speaking of Brackets, @edge_code was updated today as well. Details at the Edge Code Blog: http://t.co/3KgGG9J5kn',
  'http://t.co/OiV21Y9zEC — Make <dialog> autofocus the first focusable control if there isn\'t one with autofocus=\'\'.',
  'Google now lets you create your own Street View maps http://t.co/RwhwfUlql2',
  'RT @Shealan: HOLY SHIT. All these years and I never knew about the double wrap!? http://t.co/hYfrBvzNah',
  'No more smaller burger option. @ Brickhouse Cafe http://t.co/rEW1kL1il2',
  'Os auto-retratos mais bonitos do ano no Sua Melhor Foto 2013.