Agenda
less/
├── .csscomb.json
├── .csslintrc
├── alerts.less
├── badges.less
├── bootstrap.less
├── breadcrumbs.less
├── button-...
まとめ
フレームワークがもたらしてくれるもの
設計 ルール
Components
「中間成果物」にもフレームワークを活用
Sketch
Wireframe Mockup
Review
Visual
Prototype
Develop
Concept
フレームワーク + コンポーネント
で
Webサイトはより"健康"になれる
これからのWebサイト設計の新しい教科書
CSSフレームワークでつくるマルチデバイス対応
サイトの考え方と実装
好評発売中3/23 RELEASE
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
Prochain SlideShare
Chargement dans…5
×

Bootstrapではじめる、
Webサイト設計のモダンアプローチ

2 488 vues

Publié le

「Webサイト設計・UI実装・アクセシビリティのモダンアプローチ」イベント資料

Publié dans : Design
0 commentaire
9 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 488
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 043
Actions
Partages
0
Téléchargements
10
Commentaires
0
J’aime
9
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Bootstrapではじめる、
Webサイト設計のモダンアプローチ

  1. 1. Agenda
  2. 2. less/ ├── .csscomb.json ├── .csslintrc ├── alerts.less ├── badges.less ├── bootstrap.less ├── breadcrumbs.less ├── button-groups.less ├── buttons.less ├── carousel.less ├── close.less ├── code.less ├── component-animations.less ├── dropdowns.less ├── forms.less ├── glyphicons.less ├── grid.less ├── input-groups.less ├── labels.less ├── list-group.less ├── media.less ├── mixins/ ├── mixins.less ├── modals.less ├── navbar.less ├── navs.less ├── normalize.less ├── pager.less ├── pagination.less ├── panels.less ├── popovers.less ├── print.less ├── progress-bars.less ├── responsive-embed.less ├── responsive-utilities.less ├── scaffolding.less ├── tables.less ├── theme.less ├── thumbnails.less ├── tooltip.less ├── type.less ├── utilities.less ├── variables.less └── wells.less
  3. 3. まとめ
  4. 4. フレームワークがもたらしてくれるもの
  5. 5. 設計 ルール Components
  6. 6. 「中間成果物」にもフレームワークを活用 Sketch Wireframe Mockup Review Visual Prototype Develop Concept
  7. 7. フレームワーク + コンポーネント で Webサイトはより"健康"になれる
  8. 8. これからのWebサイト設計の新しい教科書 CSSフレームワークでつくるマルチデバイス対応 サイトの考え方と実装 好評発売中3/23 RELEASE

×