yuhiisk / starter-kit Goto Github PK

StyleStats
gulp-stylestats

coffee and browserify are separated.
So, styles task should be separated too.

https://github.com/yuhiisk/starter-kit/blob/master/src/coffee/EventDispatcher.coffee#L54-55
for..in loop syntax of coffeescript differ from javascript's syntax.

It should be

for i in copyEvents
  i.apply(opt_this || @, arg)

or

for i of copyEvents
  copyEvents[i].apply(opt_this || @, arg)

Create a separate task. In order to not to run many times.

ちょっと思ったんですが、
僕が周りに軽く聞いただけでも、スターターキットってそんな使われてなくて、
かくいう僕も、使ってなくて、
別にそれが悪いわけじゃないんですが、
なんか、明確にスターターキットの立ち位置を定めたほうがいいなと思っています。

今のファイ部の仕組み上、
やっぱり、1人でやるぶんには、オレオレテンプレート使ったほうが、効率がいいのは当然だと思っていて、
かと言って、2人以上でやるとき、スターターキットを使うと超便利かというと、別にそうでもないなと思っています。

自分でテンプレートを用意してるような人は、コマンドを1行叩けば、必要な機能は動くように作ってるから、
別に他人のテンプレートだろうと、苦労することは少ないし、
テンプレートの作成主が案件から手離れすることも稀なので、メンテできなくて辛いってこともあまりないです。

なので、「じゃあ、スターターキットの立ち位置って何よ」ってなると、
効率化よりは、例示になるのかなと思っています。

例示というのは、1つは、Gulpやnodeの使い方の例示。
これは単にお手本用として、勉強用としての役割。

もう1つは、カヤックのフロント案件のスタンダードの例示。
これは、ファイ部では、こんな感じのスタイル（Jadeだったり、Sassだったり）で仕事を進めることが多いということを示して、
趣味でしかマークアップをしてこなかった人には、OGの書き方だったり、viewportだったり、IE8避けの魔法の呪文だったりを教える役割。

とどのつまり、何が言いたいかというと、
今のスターターキット、全然スターターじゃないし、Fatすぎるから、機能ガリガリ削ったほうがいい。

そして、できるなら、コメントを増やして、初学者に優しい風にしたい。

meta(http-equiv="X-UA-Compatible", content="IE=edge")

の隣に

meta(http-equiv="X-UA-Compatible", content="IE=edge") // これは、IEでのバグを避けるためのタグ

と書かれているだけで、全然違うと思うんですよね。

Added an option to set the prefix of the file name in the config.

Future plans I am thought to be as follows.

• Create a Generator of Yeoman.
• Additional template files of Jade.
• Add a custom build of Modernizr using gulp.

Please wait!!

use gulp-modernizr.

Frequently used mixin want more.

• position (relative, absolute)
• sizing (width, height)
• etc...

CSS Reset:

"The goal of a CSS Reset Stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, etc."

CSS Normalize:

"Normalize.css makes browsers render all elements more consistently and in line with modern standards."

What is the difference between Normalize.css and Reset CSS?

// config.sass
$to-normalize: true

// style.sass
@if $to-normalize
  @import normalize
@else
  @import reset

Use coffeelint (http://www.coffeelint.org/).
Compiled codes should not be lint.

EventDispatcher isn't required everytime.

Opposite of "src" is "dest".
"dist" is incorrect.
"dist" means "distribution".

"scripts": {
  "postinstall": "bower install"
}

Install process will be much simpler.

The code to components that you use everyday.

ex:

• Sns of the embedded code.
• Meta setting of information.
  etc.

Everyone is often a problem.

Add the same as the image-url function of Compass.