Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Bootstrapカスタマイズ&ビルド!前川昌幸
http://expo.getbootstrap.com/
やってみるといかにもBootstrapな画面になっちゃう…
別にいいんじゃね?
そうはいかない!
Let’s カスタマイズ!
編集する?
カスケードする?
ビルドしちゃおう!
「make」コマンドで「docs」をビルドできます(デモしてみます)(ただしUNIX系OSに限る[mac/linux])
CSS
HTML
JavaScript
要は「LESS」
LESSの話だけで終わりかねない
docディレクトリがいろいろ入ってる何か作るには邪魔
というかWindows!(Cygwin使えてか?)
ちゅうわけで作ってみましたhttps://github.com/maepon/okajs-bootstrap
ビルド先は「mockup」ディレクトリテンプレートはビルド先から分離Makefile書き換え済みbatファイル添付(Windows対応)
さあ、いじってみよう!
まとめ
今日紹介されたMixtureなども便利でもBootstrapで完結させることも可能管理画面のモックアップなどからいかが?
ありがとうございました@maepon
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
Upcoming SlideShare
Loading in …5
×

Bootstrapカスタマイズ&ビルド!

1,003 views

Published on

2013-05-25の第五回okayama-jsでのセッションの資料です。

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Bootstrapカスタマイズ&ビルド!

  1. 1. Bootstrapカスタマイズ&ビルド!前川昌幸
  2. 2. http://expo.getbootstrap.com/
  3. 3. やってみるといかにもBootstrapな画面になっちゃう…
  4. 4. 別にいいんじゃね?
  5. 5. そうはいかない!
  6. 6. Let’s カスタマイズ!
  7. 7. 編集する?
  8. 8. カスケードする?
  9. 9. ビルドしちゃおう!
  10. 10. 「make」コマンドで「docs」をビルドできます(デモしてみます)(ただしUNIX系OSに限る[mac/linux])
  11. 11. CSS
  12. 12. HTML
  13. 13. JavaScript
  14. 14. 要は「LESS」
  15. 15. LESSの話だけで終わりかねない
  16. 16. docディレクトリがいろいろ入ってる何か作るには邪魔
  17. 17. というかWindows!(Cygwin使えてか?)
  18. 18. ちゅうわけで作ってみましたhttps://github.com/maepon/okajs-bootstrap
  19. 19. ビルド先は「mockup」ディレクトリテンプレートはビルド先から分離Makefile書き換え済みbatファイル添付(Windows対応)
  20. 20. さあ、いじってみよう!
  21. 21. まとめ
  22. 22. 今日紹介されたMixtureなども便利でもBootstrapで完結させることも可能管理画面のモックアップなどからいかが?
  23. 23. ありがとうございました@maepon

×