Enviar búsqueda
Cargar
Webの勉強会#10
•
Descargar como PPTX, PDF
•
1 recomendación
•
180 vistas
M
MarlboroLand
Seguir
レスポンシブwebデザインについてまとめた資料です
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 83
Descargar ahora
Recomendados
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Seiko Kuchida
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント
高本 徹
いま、ケータイサイトのデザインに注目すべきワケ
いま、ケータイサイトのデザインに注目すべきワケ
Cazuki HOSHINA
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
Kazuma Sekiguchi
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
プロ用CMSフレームワークテーマ「echo」のご紹介
プロ用CMSフレームワークテーマ「echo」のご紹介
Seiko Kuchida
イマドキWebメディアの制作手法
イマドキWebメディアの制作手法
Keisuke Imura
jayshyam123
jayshyam123
jayshyam
Recomendados
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Seiko Kuchida
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント
高本 徹
いま、ケータイサイトのデザインに注目すべきワケ
いま、ケータイサイトのデザインに注目すべきワケ
Cazuki HOSHINA
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
Kazuma Sekiguchi
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
プロ用CMSフレームワークテーマ「echo」のご紹介
プロ用CMSフレームワークテーマ「echo」のご紹介
Seiko Kuchida
イマドキWebメディアの制作手法
イマドキWebメディアの制作手法
Keisuke Imura
jayshyam123
jayshyam123
jayshyam
Reseña de equipos
Reseña de equipos
Alma Baez
Final
Final
渝晴 黃
Integration Intoxication - Little Rock TechFest 2016 - David Walker
Integration Intoxication - Little Rock TechFest 2016 - David Walker
David Walker, CSM,CSD,MCP,MCAD,MCSD,MVP
Que es rss y como funciona
Que es rss y como funciona
octavio925
Il Programma di sviluppo rurale 2014-2020
Il Programma di sviluppo rurale 2014-2020
Clara Crosa Galant
Unidad 4 Nuestra Historia Reciente
Unidad 4 Nuestra Historia Reciente
JoseAngelSotocaPulpon
1.2016 Sindy Terry Mitchell AT&T(F)
1.2016 Sindy Terry Mitchell AT&T(F)
Sindy Mitchell
marketing
marketing
Er Gupta
Tema 7 España y la Unión Europea
Tema 7 España y la Unión Europea
JoseAngelSotocaPulpon
Планування 8 клас
Планування 8 клас
Iren50
HTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
xyz corporation
レスポンシブWebデザインによる開発効率化
レスポンシブWebデザインによる開発効率化
亮 門屋
About rails 3
About rails 3
issei126
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Mitsuru Katoh
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
アプリ開発の
アプリ開発の
maruyama097
これからのNotesモバイルアプリはこう作れ
これからのNotesモバイルアプリはこう作れ
Mitsuru Katoh
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
Sixapart day-2012-ideamans
Sixapart day-2012-ideamans
Kunihiko Miyanaga
Static Web AppsとBlazor WebAssemblyのすすめ
Static Web AppsとBlazor WebAssemblyのすすめ
TomomitsuKusaba
魅せるスマホ対応!?レスポンシブWebデザインセミナー
魅せるスマホ対応!?レスポンシブWebデザインセミナー
ec-campus
Más contenido relacionado
Destacado
Reseña de equipos
Reseña de equipos
Alma Baez
Final
Final
渝晴 黃
Integration Intoxication - Little Rock TechFest 2016 - David Walker
Integration Intoxication - Little Rock TechFest 2016 - David Walker
David Walker, CSM,CSD,MCP,MCAD,MCSD,MVP
Que es rss y como funciona
Que es rss y como funciona
octavio925
Il Programma di sviluppo rurale 2014-2020
Il Programma di sviluppo rurale 2014-2020
Clara Crosa Galant
Unidad 4 Nuestra Historia Reciente
Unidad 4 Nuestra Historia Reciente
JoseAngelSotocaPulpon
1.2016 Sindy Terry Mitchell AT&T(F)
1.2016 Sindy Terry Mitchell AT&T(F)
Sindy Mitchell
marketing
marketing
Er Gupta
Tema 7 España y la Unión Europea
Tema 7 España y la Unión Europea
JoseAngelSotocaPulpon
Планування 8 клас
Планування 8 клас
Iren50
Destacado
(10)
Reseña de equipos
Reseña de equipos
Final
Final
Integration Intoxication - Little Rock TechFest 2016 - David Walker
Integration Intoxication - Little Rock TechFest 2016 - David Walker
Que es rss y como funciona
Que es rss y como funciona
Il Programma di sviluppo rurale 2014-2020
Il Programma di sviluppo rurale 2014-2020
Unidad 4 Nuestra Historia Reciente
Unidad 4 Nuestra Historia Reciente
1.2016 Sindy Terry Mitchell AT&T(F)
1.2016 Sindy Terry Mitchell AT&T(F)
marketing
marketing
Tema 7 España y la Unión Europea
Tema 7 España y la Unión Europea
Планування 8 клас
Планування 8 клас
Similar a Webの勉強会#10
HTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
xyz corporation
レスポンシブWebデザインによる開発効率化
レスポンシブWebデザインによる開発効率化
亮 門屋
About rails 3
About rails 3
issei126
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Mitsuru Katoh
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
アプリ開発の
アプリ開発の
maruyama097
これからのNotesモバイルアプリはこう作れ
これからのNotesモバイルアプリはこう作れ
Mitsuru Katoh
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
Sixapart day-2012-ideamans
Sixapart day-2012-ideamans
Kunihiko Miyanaga
Static Web AppsとBlazor WebAssemblyのすすめ
Static Web AppsとBlazor WebAssemblyのすすめ
TomomitsuKusaba
魅せるスマホ対応!?レスポンシブWebデザインセミナー
魅せるスマホ対応!?レスポンシブWebデザインセミナー
ec-campus
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)
Microsoft
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
takeuchi-tk
ブラウザだけで学ぶWebアプリ開発【デザイン編】
ブラウザだけで学ぶWebアプリ開発【デザイン編】
schoowebcampus
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
スマートフォン時代のコンテンツ戦略を考える
スマートフォン時代のコンテンツ戦略を考える
トモロヲ いちがみ
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
Similar a Webの勉強会#10
(20)
HTML5時代のWebデザイン
HTML5時代のWebデザイン
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
レスポンシブWebデザインによる開発効率化
レスポンシブWebデザインによる開発効率化
About rails 3
About rails 3
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
アプリ開発の
アプリ開発の
これからのNotesモバイルアプリはこう作れ
これからのNotesモバイルアプリはこう作れ
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
Sixapart day-2012-ideamans
Sixapart day-2012-ideamans
Static Web AppsとBlazor WebAssemblyのすすめ
Static Web AppsとBlazor WebAssemblyのすすめ
魅せるスマホ対応!?レスポンシブWebデザインセミナー
魅せるスマホ対応!?レスポンシブWebデザインセミナー
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
ブラウザだけで学ぶWebアプリ開発【デザイン編】
ブラウザだけで学ぶWebアプリ開発【デザイン編】
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
スマートフォン時代のコンテンツ戦略を考える
スマートフォン時代のコンテンツ戦略を考える
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Más de MarlboroLand
Gitの使い方
Gitの使い方
MarlboroLand
web開発環境
web開発環境
MarlboroLand
Webの勉強会#14
Webの勉強会#14
MarlboroLand
Webの勉強会#12
Webの勉強会#12
MarlboroLand
Webの勉強会#11
Webの勉強会#11
MarlboroLand
Webの勉強会#9
Webの勉強会#9
MarlboroLand
Webの勉強会#8
Webの勉強会#8
MarlboroLand
Webの勉強会#6
Webの勉強会#6
MarlboroLand
Webの勉強会#5
Webの勉強会#5
MarlboroLand
初心者向け、プログラムのお話
初心者向け、プログラムのお話
MarlboroLand
Webサイト制作の環境構築(for Windows)
Webサイト制作の環境構築(for Windows)
MarlboroLand
CSS設計のお勉強
CSS設計のお勉強
MarlboroLand
Más de MarlboroLand
(12)
Gitの使い方
Gitの使い方
web開発環境
web開発環境
Webの勉強会#14
Webの勉強会#14
Webの勉強会#12
Webの勉強会#12
Webの勉強会#11
Webの勉強会#11
Webの勉強会#9
Webの勉強会#9
Webの勉強会#8
Webの勉強会#8
Webの勉強会#6
Webの勉強会#6
Webの勉強会#5
Webの勉強会#5
初心者向け、プログラムのお話
初心者向け、プログラムのお話
Webサイト制作の環境構築(for Windows)
Webサイト制作の環境構築(for Windows)
CSS設計のお勉強
CSS設計のお勉強
Último
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Último
(12)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Webの勉強会#10
1.
2017/2/11 Ver.1.0 Hirotaka Ichimura 1 レスポンシブwebデザイン
2.
レスポンシブweb デザインとは 制作の流れ
デザインデータの作成 マークアップ 2 アジェンダ メディアクエリー ブレイクポイント プログラム その他
3.
レスポンシブ webデザインとは 3 01
4.
4 レスポンシブwebデザイン という言葉は 知っている人の方が 多いと思います
5.
5 一つのHTMLで各端末の 表示内容を変える方法
6.
6 http://www.excite.co.jp/News/product/20170123/Dime_336829.html • スマホからのネット接続が 7割を超えた • スマホは持つのは一般的 •
スマホからサイトを見ることは当たり前
7.
7 スマホ用のサイト構築は 当たり前
8.
8 仕事で作れないといけない
9.
制作の流れ 9 02
10.
10 レスポンシブwebデザインは 制作の流れが大きく2種類 ウォーターフォール モデル プロトタイピング モデル
11.
11 ウォーターフォールモデル 水が上から下へと流れるよう に、順番に作業をこなす方法 1
12.
12 ワイヤーフレーム クライアント検収 モックアップ デザイン完成 コーディング あ る 作 業 工 程 が こ ん な 形 で あ っ た と き
13.
13 ワイヤーフレーム クライアント検収 モックアップ デザイン完成 コーディング デ ザ イ ナ ー が 画 像 ア プ リ で 担 当
14.
14 ワイヤーフレーム クライアント検収 モックアップ デザイン完成 コーディング デザインができたらマーク アップエンジニアへ
15.
15 ワイヤーフレーム クライアント検収 モックアップ デザイン完成 コーディング ページができたら クライアントが確認
16.
16 このとき
17.
17 ワイヤーフレーム クライアント検収 モックアップ デザイン完成 コーディング 直し て!!
18.
18 ワイヤーフレーム クライアント検収 モックアップ デザイン完成 コーディング ここまで 戻る 直し て!!
19.
19 これを「手戻り」 といいます
20.
20 「手戻り」 が複数回行われると
21.
21 ワイヤーフレーム クライアント検収 モックアップ デザイン完成 コーディング ここまで 戻る 直し て!!
22.
22 終わらない デススパイラル
23.
23 修正があった場合、デザインまで 戻って作り直す ウォーターフォールモデルの弱点 デザイン制作費の負担 開発期間の延長
24.
24 プロトタイピングモデル 簡単な試作を作り、クライア ントに確認を得て進める方法 2
25.
25 ワイヤーフレーム コーディング クライアント検収 モックアップ デザイン完成
26.
26 デザインを作る前に レスポンシブに合わせた 画面設計をHTML等で行う
27.
27 ワイヤーフレーム コーディング クライアント検収 モックアップ デザイン完成 ここはマークアップ エンジニアの担当
28.
28 作成した試作画面を クライアントに確認することで 手戻りを減らす
29.
29 ワイヤーフレーム コーディング クライアント検収 モックアップ デザイン完成 先に確認!!
30.
30 ワイヤーフレームの時点で デザインのレイアウトを 確定させることができる
31.
31 ワイヤーフレーム コーディング クライアント検収 モックアップ デザイン完成 レスポンシブ リッチコンテンツまで作る
32.
32 マークアップエンジニアの負担 プロトタイピングモデルの弱点 試作段階での手戻り増加 デザイナーとの連携
33.
33 両者とも一長一短があるため ベストは方法は決められない
34.
34 どの手法を使って進めるかは 会社によって違う
35.
35 企画段階から 良い設計が出来るよう 考える
36.
デザインデータの作成 36 03
37.
37 デザイン用アプリ 1. Photoshop 2. Illustrator 3.
Sketch 4. Adobe XD Retina ディスプレイに 対応しているか
38.
38 端末別にデザインを作り アートボードを分ける
39.
39 解像度は144dpi 倍角画像を書き出すとき 画像が劣化しない
40.
40 最近のスマホで使う 3倍、4倍の画像はどうするの? Q 対応しない A
41.
41 大きい画像は容量の関係上 難しい状況
42.
42 画像書き出し(スライス) アセット機能 アートボード別
43.
43 アセット機能を使うと 一度に倍角画像が書き出せる レスポンシブ用の画像によっては 不要になるリスク
44.
44 アートボード別だと 専用の画像を書き出せるが 手数がかかる
45.
45 画面幅 http://gs.statcounter.com/ 1920px 1366px
1024px 768px 640px 480px 320px
46.
46 レイヤーの構成 パーツは グループフォルダー に階層構造で まとめる
47.
47 ロゴ、アイコン ロゴ:SVGファイルで拡大縮小対策 データを軽く保つ アイコン:アイコンフォントを使う Font Awesomeなど 専用アイコンを追加インストール http://fontawesome.io
48.
48 デザイン完成後 ディレクター検収 クライアント検収 スライス マークアップ エンジニアへ
49.
49 注意点 デザイナーが外注で 生データがもらえない場合 JPGなどのデータ スライスデータをもらうように
50.
マークアップ 50 04
51.
51 HTMLやCSSに追加された新機能は ブラウザにより使えない可能性 Can I useで確認
52.
52 flexはIE9で動かない responshive.jsを使う
53.
53 srcset属性がIE11などで動かない 使わない
54.
54 CSSの記述 フレームワークを使う Bootstrapなど CSS設計を行う SMACSS、OOCSS、BEMなど
55.
55 下記端末の下位バージョンに 対応させるかどうかがポイント Android IE
56.
56 作業効率化 gulp Sass
Git テンプレートエンジン IDE
57.
メディアクエリー 57 05
58.
58 メディアクエリーを使うと 画面幅等に対して レイアウトを 大きく変化させることが可能
59.
59 <meta name=viewport content="width=device-width,
initial-scale=1"> HTML内に下記を記述 スマホのページが 意図したレイアウトで表示される
60.
60 @media screen and
(プロパティ名: 値) { } CSSに下記を記述
61.
61 PCベースか スマホベースか or ?
62.
62 PCベースの場合 max-widthを基準にして指定 画面幅の大きい方
63.
63 スマホベースの場合 min-widthを基準にして指定 画面幅の小さい方
64.
64 Retina対応 device-pixel-ratioで指定 現在は2まで
65.
65 srcset属性を使う事で 画像を切り替える事が可能
66.
66 srcset属性がIE11などで動かない 使わない
67.
ブレイクポイント 67 06
68.
68 メディアクエリーで 表示方法を振り分ける線引きが ブレイクポイント
69.
69 表示する端末の 画面幅できめる
70.
70 画面幅 1920px 1366px
1024px 768px 640px 480px 320px
71.
71 画面幅 PC大、通常 1920px 1366px
1024px 768px 640px 480px 320px
72.
72 画面幅 タブレット横、縦 1920px 1366px
1024px 768px 640px 480px 320px
73.
73 画面幅 スマホ大、横、縦 1920px 1366px
1024px 768px 640px 480px 320px
74.
74 タブレットへの対応や 最新のスマホ対応は?
75.
75 ターゲットユーザーが 使用する端末によって 決める
76.
プログラム 76 07
77.
77 グローバルナビゲーションなど 動的なコンテンツは jQueryのプラグインを使う
78.
78 Drawer http://on-ze.com/demo/jquery-drawer/ Slidebars.js http://demo.mismithportfolio.com/test21/
79.
79 リッチコンテンツ CSSで出来るものはCSSで 基本はjQueryのプラグイン 要望に応じてフルスクラッチ
80.
80 bxSlider lightbox
Swiper Simple Multi-Item Slider リッチコンテンツ
81.
その他 81 Ex
82.
82 http://www.excite.co.jp/News/product/20170123/Dime_336829.ht ml http://gs.statcounter.com/
http://fontawesome.io/ http://on-ze.com/demo/jquery-drawer/ http://demo.mismithportfolio.com/test21/ プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト http://responsive-jp.com/ 参考
83.
83 以上!!
Descargar ahora