Suche senden
Hochladen
120225 bootstrap
•
7 gefällt mir
•
3,046 views
TechGardenSchool
Folgen
下村先生のクラス資料です! Twitter Bootstrap, Webデザイン, UI, UX
Weniger lesen
Mehr lesen
Bildung
Melden
Teilen
Melden
Teilen
1 von 57
Empfohlen
Bootstrap
Bootstrap
Masaki Kusuhata
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrap
Bootstrap
kenji goto
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Kawaji Masaki
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
Erina Takei
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
Weitere ähnliche Inhalte
Was ist angesagt?
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Mori Kazue
Web frontend performance tuning
Web frontend performance tuning
ssuser3c214d
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
Toshio Ehara
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
schoowebcampus
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
sairoutine
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
Yuusuke Takeuchi
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
Yuji Nojima
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]
Yoshifumi Nishimoto
jQueryを中心としたJavaScript
jQueryを中心としたJavaScript
hideaki honda
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
Kawaji Masaki
Was ist angesagt?
(20)
WordPressってブログじゃないの?
WordPressってブログじゃないの?
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Web frontend performance tuning
Web frontend performance tuning
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]
jQueryを中心としたJavaScript
jQueryを中心としたJavaScript
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
Ähnlich wie 120225 bootstrap
Boot strap3 勉強会
Boot strap3 勉強会
Daisuke Onoe
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
ASP.NET MVC で Bootstrap
ASP.NET MVC で Bootstrap
Yoshitaka Seo
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介
Kawaji Masaki
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
Atsushi Tadokoro
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
Chieko Aihara
情報編集(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
情報編集(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
Atsushi Tadokoro
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
Atsushi Tadokoro
Let's Start Swift Open Source Activity.
Let's Start Swift Open Source Activity.
Daisuke Yamashita
Bootstrap
Bootstrap
Jun Chiba
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ
Kazuhiro Kotsutsumi
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
Nobuko Kodera
Ähnlich wie 120225 bootstrap
(13)
Boot strap3 勉強会
Boot strap3 勉強会
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
ASP.NET MVC で Bootstrap
ASP.NET MVC で Bootstrap
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
情報編集(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
情報編集(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
Let's Start Swift Open Source Activity.
Let's Start Swift Open Source Activity.
Bootstrap
Bootstrap
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
Mehr von TechGardenSchool
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
TechGardenSchool
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
TechGardenSchool
実演・開発の進め方
実演・開発の進め方
TechGardenSchool
Lean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラス
TechGardenSchool
HTML/CSSの基礎
HTML/CSSの基礎
TechGardenSchool
Webの仕組み part3
Webの仕組み part3
TechGardenSchool
Webの仕組み part1
Webの仕組み part1
TechGardenSchool
Webの仕組み part2
Webの仕組み part2
TechGardenSchool
Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」
TechGardenSchool
Mehr von TechGardenSchool
(9)
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
実演・開発の進め方
実演・開発の進め方
Lean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラス
HTML/CSSの基礎
HTML/CSSの基礎
Webの仕組み part3
Webの仕組み part3
Webの仕組み part1
Webの仕組み part1
Webの仕組み part2
Webの仕組み part2
Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」
120225 bootstrap
1.
bootstrap入門
2.
bootstrapってなに?
3.
bootstrapってなに? Twitterが作ったフロントエンドパーツ の詰め合わせ
4.
bootstrapってなに? Twitterが作ったフロントエンドパーツ の詰め合わせ CSSフレームワーク
5.
bootstrapってなに? Twitterが作ったフロントエンドパーツ の詰め合わせ CSSフレームワーク Javascriptプラグインの詰め合わせ
6.
bootstrapのパーツたち
7.
bootstrapのパーツたち
8.
bootstrapのパーツたち
9.
bootstrapのパーツたち
10.
bootstrapのパーツたち
11.
bootstrapのパーツたち
12.
bootstrapのパーツたち
13.
bootstrapのパーツたち
14.
bootstrapのパーツたち
15.
サイトに全部載ってる
16.
サイトに全部載ってる http://twitter.github.com/ bootstrap/
17.
他とくらべてどこがイイの?
18.
他とくらべてどこがイイの? Twitterのようなナウいインター フェースデザイン
19.
他とくらべてどこがイイの? Twitterのようなナウいインター フェースデザイン
初心者からベテランまで満足する汎 用性
20.
他とくらべてどこがイイの? Twitterのようなナウいインター フェースデザイン
初心者からベテランまで満足する汎 用性 レスポンシブデザイン、クロスプラッ トフォーム
21.
bootstrapを使う3つの理由
22.
bootstrapを使う3つの理由 早い
23.
bootstrapを使う3つの理由 早い
1からCSSを書くより断然早い
24.
bootstrapを使う3つの理由 早い
1からCSSを書くより断然早い 安い
25.
bootstrapを使う3つの理由 早い
1からCSSを書くより断然早い 安い タダで使える
26.
bootstrapを使う3つの理由 早い
1からCSSを書くより断然早い 安い タダで使える うまい
27.
bootstrapを使う3つの理由 早い
1からCSSを書くより断然早い 安い タダで使える うまい 一流のデザイナーが作ったインターフェース
28.
どういうときに使うの?
29.
どういうときに使うの? 本番
30.
どういうときに使うの? 本番 ベータ版
31.
どういうときに使うの? 本番 ベータ版
プロトタイプ
32.
どうやってつかうの?
準備
33.
どうやってつかうの?
準備 CSSをリンク
34.
どうやってつかうの?
準備 CSSをリンク
35.
どうやってつかうの?
準備 CSSをリンク Javascriptをリンク
36.
どうやってつかうの?
準備 CSSをリンク Javascriptをリンク
37.
どうやってつかうの?
ボタン
38.
どうやってつかうの?
ボタン class=”btn”
39.
どうやってつかうの?
ボタン class=”btn”
40.
どうやってつかうの?
ボタン class=”btn”
41.
どうやってつかうの?
ボタン
42.
どうやってつかうの?
ボタン class=”btn btn-primary”
43.
どうやってつかうの?
ボタン class=”btn btn-primary”
44.
どうやってつかうの?
ボタン class=”btn btn-primary”
45.
悪いことはないの?
46.
悪いことはないの? 使い方を覚える必要がある
47.
悪いことはないの? 使い方を覚える必要がある 見た目がありがち
48.
まとめ
49.
まとめ bootstrapを使うと、PC、スマート フォンに対応した、カッコいいデザ
インを100倍速くらいで手っ取り早 く利用できる!
50.
まとめ bootstrapを使うと、PC、スマート フォンに対応した、カッコいいデザ
インを100倍速くらいで手っ取り早 く利用できる! スタートアップサービスのプロトタ イプでは断然オススメ。
51.
CSSフレームワーク
52.
CSSフレームワーク CSSフレームワーク
53.
CSSフレームワーク CSSフレームワーク BlueTrip
54.
CSSフレームワーク CSSフレームワーク BlueTrip Foundation
55.
CSSフレームワーク CSSフレームワーク BlueTrip Foundation
Golden Grid System
56.
CSSフレームワーク CSSフレームワーク BlueTrip Foundation
Golden Grid System Skeleton
57.
CSSフレームワーク CSSフレームワーク BlueTrip Foundation
Golden Grid System Skeleton などいっぱい存在する