Suche senden
Hochladen
ADC meetup Session.02
•
3 gefällt mir
•
1,059 views
H2O Space. Co., Ltd.
Folgen
2011年6月11日に開催された、「ADC meetup ROUND01」で使用したスライドです
Weniger lesen
Mehr lesen
Technologie
Design
Melden
Teilen
Melden
Teilen
1 von 42
Empfohlen
Forma
Forma
Patricia Lopez
2008:Q2
2008:Q2
econsultbw
Rkk13
Rkk13
andreei
Magnus boysen
Magnus boysen
Katharina Håkonsen
Our school
Our school
Lenka Jacko
2009:Overview of Bank Credit in Botswana
2009:Overview of Bank Credit in Botswana
econsultbw
Gameexcel
Gameexcel
ทวด ทิพ
أبي.. أمي.. كيف أكون مبدعاً ؟
أبي.. أمي.. كيف أكون مبدعاً ؟
FadwaBadawy
Empfohlen
Forma
Forma
Patricia Lopez
2008:Q2
2008:Q2
econsultbw
Rkk13
Rkk13
andreei
Magnus boysen
Magnus boysen
Katharina Håkonsen
Our school
Our school
Lenka Jacko
2009:Overview of Bank Credit in Botswana
2009:Overview of Bank Credit in Botswana
econsultbw
Gameexcel
Gameexcel
ทวด ทิพ
أبي.. أمي.. كيف أكون مبدعاً ؟
أبي.. أمي.. كيف أكون مبدعاً ؟
FadwaBadawy
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Katsuaki Sato
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
Wankuma0402
Wankuma0402
c-mitsuba
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Yoshito Tabuchi
Windows Phone / iOS / Android アプリ同時開発のススメ
Windows Phone / iOS / Android アプリ同時開発のススメ
Yoshito Tabuchi
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
Yoshito Tabuchi
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
Tizen web app について調べたよ
Tizen web app について調べたよ
Naruto TAKAHASHI
HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
Takumi Ohashi
Demo120724
Demo120724
Kazuo Shimokawa
Stargazer Meetup #1
Stargazer Meetup #1
Tomoki Hasegawa
Swiftのプロパティオブザーバを使い倒す
Swiftのプロパティオブザーバを使い倒す
Tomoki Hasegawa
Xamarin 概要 2015年5月版
Xamarin 概要 2015年5月版
Yoshito Tabuchi
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Kunihiko Miyanaga
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
ウェブアーキテクチャの歴史と未来
ウェブアーキテクチャの歴史と未来
Kazuho Oku
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
MTセミナー2011/2/21 アイデアマンズ株式会社
MTセミナー2011/2/21 アイデアマンズ株式会社
Kunihiko Miyanaga
Platform.html5
Platform.html5
Masakazu Muraoka
ノンプログラマでも今日から使える「Git」でバージョン管理
ノンプログラマでも今日から使える「Git」でバージョン管理
H2O Space. Co., Ltd.
Build Insider OFFLINE vol.01 スマートフォンサイトのこれから ~ レスポンシブ・Webデザインは救世主となり得るか
Build Insider OFFLINE vol.01 スマートフォンサイトのこれから ~ レスポンシブ・Webデザインは救世主となり得るか
H2O Space. Co., Ltd.
Weitere ähnliche Inhalte
Ähnlich wie ADC meetup Session.02
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Katsuaki Sato
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
Wankuma0402
Wankuma0402
c-mitsuba
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Yoshito Tabuchi
Windows Phone / iOS / Android アプリ同時開発のススメ
Windows Phone / iOS / Android アプリ同時開発のススメ
Yoshito Tabuchi
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
Yoshito Tabuchi
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
Tizen web app について調べたよ
Tizen web app について調べたよ
Naruto TAKAHASHI
HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
Takumi Ohashi
Demo120724
Demo120724
Kazuo Shimokawa
Stargazer Meetup #1
Stargazer Meetup #1
Tomoki Hasegawa
Swiftのプロパティオブザーバを使い倒す
Swiftのプロパティオブザーバを使い倒す
Tomoki Hasegawa
Xamarin 概要 2015年5月版
Xamarin 概要 2015年5月版
Yoshito Tabuchi
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Kunihiko Miyanaga
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
ウェブアーキテクチャの歴史と未来
ウェブアーキテクチャの歴史と未来
Kazuho Oku
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
MTセミナー2011/2/21 アイデアマンズ株式会社
MTセミナー2011/2/21 アイデアマンズ株式会社
Kunihiko Miyanaga
Platform.html5
Platform.html5
Masakazu Muraoka
Ähnlich wie ADC meetup Session.02
(20)
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Wankuma0402
Wankuma0402
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Windows Phone / iOS / Android アプリ同時開発のススメ
Windows Phone / iOS / Android アプリ同時開発のススメ
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Tizen web app について調べたよ
Tizen web app について調べたよ
HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
Demo120724
Demo120724
Stargazer Meetup #1
Stargazer Meetup #1
Swiftのプロパティオブザーバを使い倒す
Swiftのプロパティオブザーバを使い倒す
Xamarin 概要 2015年5月版
Xamarin 概要 2015年5月版
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Movable Typeセミナー8月9日@大久保 アイデアマンズ
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
ウェブアーキテクチャの歴史と未来
ウェブアーキテクチャの歴史と未来
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
MTセミナー2011/2/21 アイデアマンズ株式会社
MTセミナー2011/2/21 アイデアマンズ株式会社
Platform.html5
Platform.html5
Mehr von H2O Space. Co., Ltd.
ノンプログラマでも今日から使える「Git」でバージョン管理
ノンプログラマでも今日から使える「Git」でバージョン管理
H2O Space. Co., Ltd.
Build Insider OFFLINE vol.01 スマートフォンサイトのこれから ~ レスポンシブ・Webデザインは救世主となり得るか
Build Insider OFFLINE vol.01 スマートフォンサイトのこれから ~ レスポンシブ・Webデザインは救世主となり得るか
H2O Space. Co., Ltd.
優雅に行こう! Coda 2で次世代のコーディングへ
優雅に行こう! Coda 2で次世代のコーディングへ
H2O Space. Co., Ltd.
WordCamp2012 テストサーバーでWordPressを構築しよう
WordCamp2012 テストサーバーでWordPressを構築しよう
H2O Space. Co., Ltd.
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
H2O Space. Co., Ltd.
Android Bazaar and Conference 2012 Spring
Android Bazaar and Conference 2012 Spring
H2O Space. Co., Ltd.
H2O Space. HTML Coding Rule.
H2O Space. HTML Coding Rule.
H2O Space. Co., Ltd.
WordPressご説明資料
WordPressご説明資料
H2O Space. Co., Ltd.
Mehr von H2O Space. Co., Ltd.
(8)
ノンプログラマでも今日から使える「Git」でバージョン管理
ノンプログラマでも今日から使える「Git」でバージョン管理
Build Insider OFFLINE vol.01 スマートフォンサイトのこれから ~ レスポンシブ・Webデザインは救世主となり得るか
Build Insider OFFLINE vol.01 スマートフォンサイトのこれから ~ レスポンシブ・Webデザインは救世主となり得るか
優雅に行こう! Coda 2で次世代のコーディングへ
優雅に行こう! Coda 2で次世代のコーディングへ
WordCamp2012 テストサーバーでWordPressを構築しよう
WordCamp2012 テストサーバーでWordPressを構築しよう
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
Android Bazaar and Conference 2012 Spring
Android Bazaar and Conference 2012 Spring
H2O Space. HTML Coding Rule.
H2O Space. HTML Coding Rule.
WordPressご説明資料
WordPressご説明資料
Kürzlich hochgeladen
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
UPWARD_share_company_information_20240415.pdf
UPWARD_share_company_information_20240415.pdf
furutsuka
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
osamut
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Shota Ito
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Atomu Hidaka
Kürzlich hochgeladen
(9)
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
UPWARD_share_company_information_20240415.pdf
UPWARD_share_company_information_20240415.pdf
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
ADC meetup Session.02
1.
向け SESSION 2
ン 作 ォ 制 フ の ト ト マ サー イ ス eb W ぐち まこと たに
2.
ドイツの水だよ
ltzer @ se
3.
マカロン本
4.
イト ホサ スマ
5.
?
イト ホサ スマ
6.
その前に...
Smart Phone スマートフォン ホ スマホ
7.
その前に...
Smart Phone スマートフォン スマホ
8.
その前に...
! ケタ違い!
9.
イト ホサ スマ
10.
スマホサイト
Yahoo! Japan http://ipn.yahoo.co.jp/
11.
スマホサイト
NAVER http://www.naver.jp/m/
12.
縦+横のスマホサイト
H2O Space. ... 開発中
13.
PC+スマホサイト
ぐるなび http://mobile.gnavi.co.jp/
14.
PCサイトそのまま
15.
PCサイトそのまま
16.
マルチスクリーン
BLOG 未来館のひと http://blog.miraikan.jst.go.jp/
17.
今後はマルチスクリーン? ✓ 制作の手間・費用 ✓ PCでもWebKitが主流に ✓
コンテンツの有効活用
18.
マルチスクリーンを攻略せよ ✓ HTML5 ✓ CSS3 ✓
メディアクエリー ✓ WebKitのプレビュー環境
19.
L5 TM H
20.
Why HTML5? ✓
新要素で、ファイルすっきり ✓ 作るの簡単 ✓ 新機能で次世代Web
21.
HTML5の新要素 ✓
<article> 記事・内容 ✓ <section> コンテンツの区分け ✓ <aside> 本体のコンテンツの補足情報など ✓ <hgroup> 見出しをグループ化する ✓ <header> ヘッダ、<footer>... フッタ ✓ <nav> ナビゲーション などなど
22.
HTML5の将来性 ✓
位置情報を利用したサイト制作 Done! ✓ フォームの強化 Done! ✓ Webのオフライン利用 Now! ✓ ビデオのインライン再生 ✓ 操作性の向上
23.
HTML5の新機能
24.
HTML5の新機能
✓ placeholder=”例” ✓ type=”number” type=”email” ✓ autocapitalize=”off” ✓ autocorrect=”off”
25.
HTML5の注意点
? iPhone OS 3.xは HTML5の新要素に非対応
26.
HTML5の注意点
HTML5 reset css 検索
27.
S3 CS
28.
Why CSS3? ✓
セレクタ強化で、要素をバシッと指定 ✓ 表現力強化で、画像削減 (角丸、グラデーション、複数背景、シャドウ) ✓ CSSアニメーションでサクサク
29.
Why CSS3?
!
30.
メディアクエリー <link rel="stylesheet" type="text/css"
href="mobile.css" media="screen and (max-device-width: 320px)"> width height device-width device-height orientation aspect-ratio device-aspect-ratio color color-index monochrome resolution scan grid
31.
マルチスクリーンを攻略せよ ✓ HTML5 ✓ CSS3 ✓
メディアクエリー ✓ WebKitのプレビュー環境
32.
マルチスクリーンを攻略せよ ✓ HTML5 ✓ CSS3 ✓
メディアクエリー ✓ WebKitのプレビュー環境
33.
mo De
34.
とめ ま
35.
には いう訳
せん と きま い
36.
Android...
37.
user-scalableを noに <meta name="viewport" content="width=device-width; user-scalable=no">
38.
zoomプロパティを変更 jQuery(window).bind('load resize', function() {
if ( navigator.userAgent.indexOf ('Android') > 0 ) { var zoom = jQuery(window).width ()/500; } }
39.
文字サイズを調整 if ( zoom
< 1) { jQuery('#pages-3 a...').css('font- size', '60%'); } else { jQuery('#pages-3 a...').css('font- size', '90%'); }
40.
とめ こそ ま 今度
41.
まとめ ✓ スマホを考慮したデザイン ✓ マルチスクリーンとAndroid ✓
DWは開発にも活用できる!
42.
h2o space
検索