デザイン修行:DevLOVE2012をじっくり見てみる。Bootstrapを見てみる。

今日の作業

  • 来週の作業週の作業を検討
  • DevLove2012をじっくり見る
  • Twitter Bootstrapを見る

作業週についてもメモ

  • Bufferが何とか、あとFulcrum自体の使い方がよくわからないので、来週はそれをwikiにやり方をまとめる
  • タスクの作業をする

DevLOVE2012をじっくり見る

DevLove2012
http://devlove2012.devlove.org/

Stylesheets

  • css x2

    フォント毎に(DevLove2012では二つ)作って、Web Fontをロードしている。.woff拡張子。

  • wedget.css
    twitterウィジェットのcss
  • style.css

    色んなscss/sassファイルのカスタマイズ

    • Twitter Bootstrapカスタマイズ分:34ファイル
      • _reset.scss
      • _mixins.scss
      • _scaffolding.scss
      • _layouts.scss
      • _type.scss
      • _code.scss
      • _forms.scss
      • _tables.scss
      • _sprites.scss
      • _dropdowns.scss
      • _wells.scss
      • _component-animations.scss
      • _close.scss
      • _buttons.scss
      • _button-groups.scss
      • _alerts.scss
      • _navs.scss
      • _navbar.scss
      • _breadcrumbs.scss
      • _pagination.scss
      • _pager.scss
      • _modals.scss
      • _tooltip.scss
      • _popovers.scss
      • _thumbnails.scss
      • _labels-badges.scss
      • _progress-bars.scss
      • _accordion.scss
      • _carousel.scss
      • _hero-unit.scss
      • _utilities.scss
      • _responsice-utilies.scss
      • _responsive-767px-max.scss
      • _responsive-navbar.scss
    • Font Awesome
      • FontAwesomeというフォントを動的にロード?
      • .eotファイル
      • font-awesome.sassでカスタマイズ
    • Font Squirrel
      • EntypoRegularというフォント
      • .eotファイル
    • YUI Fonts CSS

      http://developer.yahoo.com/yui/fonts/

      • yui_fonts.sass
    • basic.sass
    • eyecatch.sass
    • twittter.sass
    • header.sass
    • footer.sass
    • staff.sass
    • information.sass
    • articles.sass
    • gist.sass
    • sponsor.sass

Images

  • 背景
    • body.gif
    • paper2.png
    • red.gif
  • 文字画像
    • copy.png

      世界を変えるのは他の誰かではない…の

その他気になった事

  • gist.jsが何をしているのか
  • style.cssで、カスタマイズ行が書かれているが、ファイル名がバラバラに出てくる。これは勝手にそうなるのか、意図的か

    (もしかしたらSASSのツールのせいかもしれない??)

  • Lokkaを使用

明日以降の作業

  • bootstrap hero-unitをもうちょっとよく見てみる
  • 作り途中のbootstrapを適用したwordpressのブログを作ってみる
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s