Enviar pesquisa
Carregar
Bootstrapカスタマイズ&ビルド!
•
0 gostou
•
1,167 visualizações
Masayuki Maekawa
Seguir
2013-05-25の第五回okayama-jsでのセッションの資料です。
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 29
Baixar agora
Baixar para ler offline
Recomendados
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
Saitowotsukutsutemita
Saitowotsukutsutemita
hmatumoto
Browser oh browser browser
Browser oh browser browser
Teppei Sato
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
Smalltalkで3D GUI
Smalltalkで3D GUI
Masashi Umezawa
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
Masashi Murakami
Gorilla.vim#6
Gorilla.vim#6
MasatakaHigashijima
Recomendados
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
Saitowotsukutsutemita
Saitowotsukutsutemita
hmatumoto
Browser oh browser browser
Browser oh browser browser
Teppei Sato
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
Smalltalkで3D GUI
Smalltalkで3D GUI
Masashi Umezawa
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
Masashi Murakami
Gorilla.vim#6
Gorilla.vim#6
MasatakaHigashijima
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
Jun-ichi Sakamoto
Webpackにトライ 基本編
Webpackにトライ 基本編
シオリ ショウノ
Web Workers
Web Workers
kaboccha
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
schoowebcampus
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
schoowebcampus
Cakecon xoops cubeなのにcake-phpを使う
Cakecon xoops cubeなのにcake-phpを使う
ha1t
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
Kazuya Hiruma
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
H2O Space. Co., Ltd.
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
zaru sakuraba
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
Gulp De wordpress in WordBench
Gulp De wordpress in WordBench
Kanako Kobayashi
できる!?Companion
できる!?Companion
Yuji Kazan
K初めてのstylus
K初めてのstylus
Kazuki Nakatani
Atomic design+vue
Atomic design+vue
小川 昌吾
141115 making web site
141115 making web site
Himi Sato
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
Kei Mikage
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
webcampusschoo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
Masayuki Maekawa
自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス
Masayuki Maekawa
VPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプト
Masayuki Maekawa
Mais conteúdo relacionado
Mais procurados
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
Jun-ichi Sakamoto
Webpackにトライ 基本編
Webpackにトライ 基本編
シオリ ショウノ
Web Workers
Web Workers
kaboccha
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
schoowebcampus
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
schoowebcampus
Cakecon xoops cubeなのにcake-phpを使う
Cakecon xoops cubeなのにcake-phpを使う
ha1t
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
Kazuya Hiruma
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
H2O Space. Co., Ltd.
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
zaru sakuraba
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
Gulp De wordpress in WordBench
Gulp De wordpress in WordBench
Kanako Kobayashi
できる!?Companion
できる!?Companion
Yuji Kazan
K初めてのstylus
K初めてのstylus
Kazuki Nakatani
Atomic design+vue
Atomic design+vue
小川 昌吾
141115 making web site
141115 making web site
Himi Sato
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
Kei Mikage
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
webcampusschoo
Mais procurados
(19)
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
Webpackにトライ 基本編
Webpackにトライ 基本編
Web Workers
Web Workers
プログラマのためのPC自動化
プログラマのためのPC自動化
JS開発環境を晒す。
JS開発環境を晒す。
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
Cakecon xoops cubeなのにcake-phpを使う
Cakecon xoops cubeなのにcake-phpを使う
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
Gulp De wordpress in WordBench
Gulp De wordpress in WordBench
できる!?Companion
できる!?Companion
K初めてのstylus
K初めてのstylus
Atomic design+vue
Atomic design+vue
141115 making web site
141115 making web site
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
Mais de Masayuki Maekawa
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
Masayuki Maekawa
自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス
Masayuki Maekawa
VPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプト
Masayuki Maekawa
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
Masayuki Maekawa
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
Masayuki Maekawa
まえぽん式ダイエット
まえぽん式ダイエット
Masayuki Maekawa
早く家へ帰るための Grunt入門 [+gulp紹介]
早く家へ帰るための Grunt入門 [+gulp紹介]
Masayuki Maekawa
このところのWeb制作事情
このところのWeb制作事情
Masayuki Maekawa
マルチデバイス対応のコーディング・マークアップのポイント
マルチデバイス対応のコーディング・マークアップのポイント
Masayuki Maekawa
Text editor anywhereでtextareaもsublime text 2
Text editor anywhereでtextareaもsublime text 2
Masayuki Maekawa
JavaScriptで『漫画カメラ』的画像加工
JavaScriptで『漫画カメラ』的画像加工
Masayuki Maekawa
Windowsユーザーむけのツール紹介
Windowsユーザーむけのツール紹介
Masayuki Maekawa
Mais de Masayuki Maekawa
(12)
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス
VPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプト
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
まえぽん式ダイエット
まえぽん式ダイエット
早く家へ帰るための Grunt入門 [+gulp紹介]
早く家へ帰るための Grunt入門 [+gulp紹介]
このところのWeb制作事情
このところのWeb制作事情
マルチデバイス対応のコーディング・マークアップのポイント
マルチデバイス対応のコーディング・マークアップのポイント
Text editor anywhereでtextareaもsublime text 2
Text editor anywhereでtextareaもsublime text 2
JavaScriptで『漫画カメラ』的画像加工
JavaScriptで『漫画カメラ』的画像加工
Windowsユーザーむけのツール紹介
Windowsユーザーむけのツール紹介
Último
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
osamut
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
sugiuralab
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Atomu Hidaka
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Shota Ito
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
sugiuralab
Último
(8)
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
Bootstrapカスタマイズ&ビルド!
1.
Bootstrap カスタマイズ&ビルド! 前川昌幸
2.
3.
http://expo.getbootstrap.com/
4.
やってみると いかにもBootstrapな画面になっちゃう…
5.
6.
別にいいんじゃね?
7.
8.
そうはいかない!
9.
Let’s カスタマイズ!
10.
編集する?
11.
カスケードする?
12.
ビルドしちゃおう!
13.
14.
「make」コマンドで「docs」をビルドできます (デモしてみます) (ただしUNIX系OSに限る[mac/linux])
15.
16.
CSS
17.
HTML
18.
JavaScript
19.
要は「LESS」
20.
LESSの話だけで終わりかねない
21.
docディレクトリがいろいろ入ってる 何か作るには邪魔
22.
23.
というかWindows! (Cygwin使えてか?)
24.
ちゅうわけで作ってみました https://github.com/maepon/okajs-bootstrap
25.
ビルド先は「mockup」ディレクトリ テンプレートはビルド先から分離 Makefile書き換え済み batファイル添付(Windows対応)
26.
さあ、いじってみよう!
27.
まとめ
28.
今日紹介されたMixtureなども便利 でもBootstrapで完結させることも可能 管理画面のモックアップなどからいかが?
29.
ありがとうございました @maepon
Baixar agora