Hiroki Tani hiloki

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

ShowerCSS

ソーシャルゲームのマークアップを主軸にした大規模開発用のHTML/CSS設計思想。
風呂 https://github.com/hiloki/flocss といったらシャワーだよねっていう

　 　　　*　　　　　　*
　　＊　　　　　＋　　ネタです
　 　　 n ∧＿∧　n
　＋　(ﾖ（* ´∀｀）E)
　 　 　 Y 　　　 Y　　　　＊

サムスン o O ( S Browser 三銃士を連れてきたよ

(ε・◇・)з o O ( うっす、よろしく。
(ε・◇・)з o O ( がんばります、よろしく。
(ε・◇・)з o O ( よっす、どうも。

サムスンが Chromium を魔改造して創りだしたブラウザ
Android Browser の代わりに docomo や au の端末に搭載されている
Chrome じゃないのに Chrome だよと主張する Browser
S Browser は Canvas API の描画が壊滅的。全くマトモじゃない

stubbornella: Why do people hate promises so much? [http://twitter.com/stubbornella/status/443905863049158656]

stubbornella: なんでみんなpromiseそんなに嫌いなの?

substack: @stubbornella chaining DSLs are cumbersome and promises turn verbs into nouns, java-style [http://twitter.com/substack/status/443934916581920768]

substack: chaining DSLは複雑だし、promiseは動詞を名刺にしないといけないよね、javaっぽい。

※ chaining DSL例

	{
	"parser": "babel-eslint",

	"env": {
	"browser": true,
	"node": true,
	"mocha": true
	},

	"rules": {

	// strip-units required by spread mixin
	// http://stackoverflow.com/questions/12328259/how-do-you-strip-the-unit-from-any-number-in-sass
	@function strip-units($number)
	@return $number / ($number * 0 + 1)


	// pow and sqrt required by ease function
	// adapted from https://github.com/at-import/Sassy-math/blob/master/sass/math.scss
	@function pow($base, $exponent)
	$value: $base

	/**
	* Place this inline at the bottom of the html document, right before
	* closing `</body>`. It's important to have this inline as we want to
	* display images asap.
	*
	* Markup example for the actual images. It also calculates the image
	* container using the [padding-top hack](https://gist.github.com/davidpaulsson/10101985),
	* please do this calculation on the back end, before drawing the DOM.
	* Current example can load three images sizes, customize to fit your needs. It
	* also adds the calculated image URL as an data-original tag on the img element it creates,

	function ls --description 'List contents of directory'
	command ls -lFG $argv
	end

	function subl --description 'Launches sublime text in a new window'
	command subl -n $argv
	end

	function code --description 'Launches visual code studio in a new window'
	command code -n $argv

	# 目次

	+ JavaScript オブジェクトと値の型