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.

120225 bootstrap

2,947 views

Published on

下村先生のクラス資料です! Twitter Bootstrap, Webデザイン, UI, UX

Published in: Education
  • Be the first to comment

120225 bootstrap

  1. 1. bootstrap入門
  2. 2. bootstrapってなに?
  3. 3. bootstrapってなに?Twitterが作ったフロントエンドパーツの詰め合わせ
  4. 4. bootstrapってなに?Twitterが作ったフロントエンドパーツの詰め合わせCSSフレームワーク
  5. 5. bootstrapってなに?Twitterが作ったフロントエンドパーツの詰め合わせCSSフレームワークJavascriptプラグインの詰め合わせ
  6. 6. bootstrapのパーツたち
  7. 7. bootstrapのパーツたち
  8. 8. bootstrapのパーツたち
  9. 9. bootstrapのパーツたち
  10. 10. bootstrapのパーツたち
  11. 11. bootstrapのパーツたち
  12. 12. bootstrapのパーツたち
  13. 13. bootstrapのパーツたち
  14. 14. bootstrapのパーツたち
  15. 15. サイトに全部載ってる
  16. 16. サイトに全部載ってる http://twitter.github.com/ bootstrap/
  17. 17. 他とくらべてどこがイイの?
  18. 18. 他とくらべてどこがイイの? Twitterのようなナウいインター フェースデザイン
  19. 19. 他とくらべてどこがイイの? Twitterのようなナウいインター フェースデザイン 初心者からベテランまで満足する汎 用性
  20. 20. 他とくらべてどこがイイの? Twitterのようなナウいインター フェースデザイン 初心者からベテランまで満足する汎 用性 レスポンシブデザイン、クロスプラッ トフォーム
  21. 21. bootstrapを使う3つの理由
  22. 22. bootstrapを使う3つの理由 早い
  23. 23. bootstrapを使う3つの理由 早い 1からCSSを書くより断然早い
  24. 24. bootstrapを使う3つの理由 早い 1からCSSを書くより断然早い 安い
  25. 25. bootstrapを使う3つの理由 早い 1からCSSを書くより断然早い 安い タダで使える
  26. 26. bootstrapを使う3つの理由 早い 1からCSSを書くより断然早い 安い タダで使える うまい
  27. 27. bootstrapを使う3つの理由 早い 1からCSSを書くより断然早い 安い タダで使える うまい 一流のデザイナーが作ったインターフェース
  28. 28. どういうときに使うの?
  29. 29. どういうときに使うの? 本番
  30. 30. どういうときに使うの? 本番 ベータ版
  31. 31. どういうときに使うの? 本番 ベータ版 プロトタイプ
  32. 32. どうやってつかうの? 準備
  33. 33. どうやってつかうの? 準備CSSをリンク
  34. 34. どうやってつかうの? 準備CSSをリンク
  35. 35. どうやってつかうの? 準備CSSをリンクJavascriptをリンク
  36. 36. どうやってつかうの? 準備CSSをリンクJavascriptをリンク
  37. 37. どうやってつかうの? ボタン
  38. 38. どうやってつかうの? ボタンclass=”btn”
  39. 39. どうやってつかうの? ボタンclass=”btn”
  40. 40. どうやってつかうの? ボタンclass=”btn”
  41. 41. どうやってつかうの? ボタン
  42. 42. どうやってつかうの? ボタンclass=”btn btn-primary”
  43. 43. どうやってつかうの? ボタンclass=”btn btn-primary”
  44. 44. どうやってつかうの? ボタンclass=”btn btn-primary”
  45. 45. 悪いことはないの?
  46. 46. 悪いことはないの? 使い方を覚える必要がある
  47. 47. 悪いことはないの? 使い方を覚える必要がある 見た目がありがち
  48. 48. まとめ
  49. 49. まとめ bootstrapを使うと、PC、スマート フォンに対応した、カッコいいデザ インを100倍速くらいで手っ取り早 く利用できる!
  50. 50. まとめ bootstrapを使うと、PC、スマート フォンに対応した、カッコいいデザ インを100倍速くらいで手っ取り早 く利用できる! スタートアップサービスのプロトタ イプでは断然オススメ。
  51. 51. CSSフレームワーク
  52. 52. CSSフレームワークCSSフレームワーク
  53. 53. CSSフレームワークCSSフレームワーク BlueTrip
  54. 54. CSSフレームワークCSSフレームワーク BlueTrip Foundation
  55. 55. CSSフレームワークCSSフレームワーク BlueTrip Foundation Golden Grid System
  56. 56. CSSフレームワークCSSフレームワーク BlueTrip Foundation Golden Grid System Skeleton
  57. 57. CSSフレームワークCSSフレームワーク BlueTrip Foundation Golden Grid System Skeleton などいっぱい存在する

×