Submit Search
Upload
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
•
3 likes
•
1,490 views
Naoki Kanazawa
Follow
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ by Schoo http://schoo.jp/class/251
Read less
Read more
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 47
Download now
Download to read offline
Recommended
Webデザイナーのためのエディタ入門
Webデザイナーのためのエディタ入門
Naoki Kanazawa
schoo Web campusで使用した資料です。 http://schoo.jp/class/278
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
schoo WEB-campus http://schoo.jp/class/251
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapでサイト構築中に気がついた注意点と、IE7対応した際に準備したことをご紹介します。
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
Kazuki Akiyama
Mass Producing Banner With Photoshop & JavaScript
Mass Producing Banner With Photoshop & JavaScript
Yoji Shiraki
Photoshop Loves JavaScript.
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
WordCamp Osaka 2012
Recommended
Webデザイナーのためのエディタ入門
Webデザイナーのためのエディタ入門
Naoki Kanazawa
schoo Web campusで使用した資料です。 http://schoo.jp/class/278
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
schoo WEB-campus http://schoo.jp/class/251
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapでサイト構築中に気がついた注意点と、IE7対応した際に準備したことをご紹介します。
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
Kazuki Akiyama
Mass Producing Banner With Photoshop & JavaScript
Mass Producing Banner With Photoshop & JavaScript
Yoji Shiraki
Photoshop Loves JavaScript.
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
WordCamp Osaka 2012
CSS の歩き方
CSS の歩き方
Seiichiro Mishiba
2015年7月29日 松戸WordPress部勉強会スライド
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
Naoki Matsuda
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
Takeharu Igari
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
井上 誠
WDF.Vol.8で話したCSSについてのスライドです。 HTMLの見た目を制御するCSS。 CSS3やsassなど技術的な話題を目にすることは多いですが その運用方法について多くは語られていません。 大規模サイトを大人数で制作する状況でCSSはどうあるべきか。 DMM.comという巨大サイトの運用を通じて得た経験を話したいと思います。
WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Sou Lab
2014/03/29 WordBench東京 春のデザイナー祭り!のスライド
Excel 方眼紙撲滅委員会 活動報告 2012.11 #odstudy
Excel 方眼紙撲滅委員会 活動報告 2012.11 #odstudy
Takeshi Komiya
今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ
Mayu Kimura
下記勉強会の発表資料です。 --------------------------------------------------------- 使いたくなる UI をつくる! フロントエンド 勉強会 : ATND http://atnd.org/events/42371 ---------------------------------------------------------
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Mori Kazue
#maxjapan の担当セッションスライドです。 今日は、ご参加ありがとうございます! 帰阪したら、また差し替える予定ですが、取り急ぎシェアします。連絡は、Twitter @r360studio にて。
あるマークアップエンジニアの初期制作時のテンプレ事情
あるマークアップエンジニアの初期制作時のテンプレ事情
Shingo Iwahori
DIST.17 「Webデザインの現場のための効率化術」2017/08/25
設計から実装まで、今すぐ始める高速化
設計から実装まで、今すぐ始める高速化
masaaki komori
2012.06.30 CSS Nite LP, Disk 23 こもり資料
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
真乙 九龍
CSS Framework
CSS Framework
Joe_noh
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
WordBench神戸のレスポンシブ座談会でLTさせていただた資料です。 低コスト案件においてレスポンシブWebデザインに取り組むときの、考え方、取り組み方などについて、ひとつの考えをまとめてました。 内容的にはやや偏りがありますが、ディレクションの一つの方向性として、参考になればと思ってのお話です。
WordPress を使いこなそう
WordPress を使いこなそう
Wataru OKAMOTO
使いやすいWordPressのためのCSSのつくりかた
使いやすいWordPressのためのCSSのつくりかた
Hiroshi Urabe
第45回 WordBench 大阪での発表資料です。 あとがき:http://www.torounit.com/blog/2015/09/15/2088/
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
Yoshiki Hayama
2016年5月13日 CodeGrid 四周年記念パーティーでの「ヒューマンリーダブルな CSS 記述法(異次元編、α版)」の資料です。大規模な運用でも、CSSをヒューマンリーダブルに保つ方法について、その試みを提案しました。スライド中のデモは https://github.com/storywriter/HRCSS で公開しています。
今日から使える! HTML/CSS/JSの シンプルテクニック15選
今日から使える! HTML/CSS/JSの シンプルテクニック15選
Horiguchi Seito
実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. アイコンとテキストが1pxズレてる...!とかいうときに5秒で揃えるワザ 11. text-indent:-9999pxの上位互換的なワザ 12. デバイズごとに快適な閲覧をしてもらうために設定すべきviewportのワザ 【jsで無理やりごにょごにょ編】 13. select要素をデザインするワザ 14. input[type=“file”]要素をデザインするワザ 15. ユーザーエージェントを利用してブラウザ&OSハックするワザ
HTML/CSSを効率的にする メタ言語とツールのアレコレ
HTML/CSSを効率的にする メタ言語とツールのアレコレ
知己 久保
2014/09/17に話した内容のスライド。 Google Slideから移動
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
Horiguchi Seito
CSS設計に関わるあれこれ。 基本〜実践的な内容です。 OOCSS, BEM, SMACSSとかも出てきます。
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
2016年7月9日に開催されたWordCamp Kansai 2016 https://2016.kansai.wordcamp.org/ でのLTのスライドです。
表現別、PhotoshopとIllustratorの使い分けを学ぶ
表現別、PhotoshopとIllustratorの使い分けを学ぶ
Naoki Kanazawa
schoo WEB-campus http://schoo.jp/class/280
Document Design by Adobe Illustrator - 1
Document Design by Adobe Illustrator - 1
Naoki Kanazawa
Slides for schoo WEB-campus http://schoo.jp/class/156
More Related Content
What's hot
CSS の歩き方
CSS の歩き方
Seiichiro Mishiba
2015年7月29日 松戸WordPress部勉強会スライド
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
Naoki Matsuda
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
Takeharu Igari
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
井上 誠
WDF.Vol.8で話したCSSについてのスライドです。 HTMLの見た目を制御するCSS。 CSS3やsassなど技術的な話題を目にすることは多いですが その運用方法について多くは語られていません。 大規模サイトを大人数で制作する状況でCSSはどうあるべきか。 DMM.comという巨大サイトの運用を通じて得た経験を話したいと思います。
WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Sou Lab
2014/03/29 WordBench東京 春のデザイナー祭り!のスライド
Excel 方眼紙撲滅委員会 活動報告 2012.11 #odstudy
Excel 方眼紙撲滅委員会 活動報告 2012.11 #odstudy
Takeshi Komiya
今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ
Mayu Kimura
下記勉強会の発表資料です。 --------------------------------------------------------- 使いたくなる UI をつくる! フロントエンド 勉強会 : ATND http://atnd.org/events/42371 ---------------------------------------------------------
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Mori Kazue
#maxjapan の担当セッションスライドです。 今日は、ご参加ありがとうございます! 帰阪したら、また差し替える予定ですが、取り急ぎシェアします。連絡は、Twitter @r360studio にて。
あるマークアップエンジニアの初期制作時のテンプレ事情
あるマークアップエンジニアの初期制作時のテンプレ事情
Shingo Iwahori
DIST.17 「Webデザインの現場のための効率化術」2017/08/25
設計から実装まで、今すぐ始める高速化
設計から実装まで、今すぐ始める高速化
masaaki komori
2012.06.30 CSS Nite LP, Disk 23 こもり資料
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
真乙 九龍
CSS Framework
CSS Framework
Joe_noh
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
WordBench神戸のレスポンシブ座談会でLTさせていただた資料です。 低コスト案件においてレスポンシブWebデザインに取り組むときの、考え方、取り組み方などについて、ひとつの考えをまとめてました。 内容的にはやや偏りがありますが、ディレクションの一つの方向性として、参考になればと思ってのお話です。
WordPress を使いこなそう
WordPress を使いこなそう
Wataru OKAMOTO
使いやすいWordPressのためのCSSのつくりかた
使いやすいWordPressのためのCSSのつくりかた
Hiroshi Urabe
第45回 WordBench 大阪での発表資料です。 あとがき:http://www.torounit.com/blog/2015/09/15/2088/
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
Yoshiki Hayama
2016年5月13日 CodeGrid 四周年記念パーティーでの「ヒューマンリーダブルな CSS 記述法(異次元編、α版)」の資料です。大規模な運用でも、CSSをヒューマンリーダブルに保つ方法について、その試みを提案しました。スライド中のデモは https://github.com/storywriter/HRCSS で公開しています。
今日から使える! HTML/CSS/JSの シンプルテクニック15選
今日から使える! HTML/CSS/JSの シンプルテクニック15選
Horiguchi Seito
実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. アイコンとテキストが1pxズレてる...!とかいうときに5秒で揃えるワザ 11. text-indent:-9999pxの上位互換的なワザ 12. デバイズごとに快適な閲覧をしてもらうために設定すべきviewportのワザ 【jsで無理やりごにょごにょ編】 13. select要素をデザインするワザ 14. input[type=“file”]要素をデザインするワザ 15. ユーザーエージェントを利用してブラウザ&OSハックするワザ
HTML/CSSを効率的にする メタ言語とツールのアレコレ
HTML/CSSを効率的にする メタ言語とツールのアレコレ
知己 久保
2014/09/17に話した内容のスライド。 Google Slideから移動
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
Horiguchi Seito
CSS設計に関わるあれこれ。 基本〜実践的な内容です。 OOCSS, BEM, SMACSSとかも出てきます。
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
2016年7月9日に開催されたWordCamp Kansai 2016 https://2016.kansai.wordcamp.org/ でのLTのスライドです。
What's hot
(20)
CSS の歩き方
CSS の歩き方
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Excel 方眼紙撲滅委員会 活動報告 2012.11 #odstudy
Excel 方眼紙撲滅委員会 活動報告 2012.11 #odstudy
今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
あるマークアップエンジニアの初期制作時のテンプレ事情
あるマークアップエンジニアの初期制作時のテンプレ事情
設計から実装まで、今すぐ始める高速化
設計から実装まで、今すぐ始める高速化
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
CSS Framework
CSS Framework
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
WordPress を使いこなそう
WordPress を使いこなそう
使いやすいWordPressのためのCSSのつくりかた
使いやすいWordPressのためのCSSのつくりかた
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
今日から使える! HTML/CSS/JSの シンプルテクニック15選
今日から使える! HTML/CSS/JSの シンプルテクニック15選
HTML/CSSを効率的にする メタ言語とツールのアレコレ
HTML/CSSを効率的にする メタ言語とツールのアレコレ
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Viewers also liked
表現別、PhotoshopとIllustratorの使い分けを学ぶ
表現別、PhotoshopとIllustratorの使い分けを学ぶ
Naoki Kanazawa
schoo WEB-campus http://schoo.jp/class/280
Document Design by Adobe Illustrator - 1
Document Design by Adobe Illustrator - 1
Naoki Kanazawa
Slides for schoo WEB-campus http://schoo.jp/class/156
Design 4 everyone
Design 4 everyone
Naoki Kanazawa
WORKSHOP MATERIALS EVERYONE CAN DESIGN A APP ICON
Document Design by Adobe Illustrator - 2
Document Design by Adobe Illustrator - 2
Naoki Kanazawa
Slides for schoo WEB-campus http://schoo.jp/class/157
Prototyping by Adobe Photoshop
Prototyping by Adobe Photoshop
Naoki Kanazawa
Tricks of Adobe Photshop for beginners.
Document Design by Adobe Illustrator - 3
Document Design by Adobe Illustrator - 3
Naoki Kanazawa
Slides for schoo WEB-campus http://schoo.jp/class/158
GitHub - How to "pull request"
GitHub - How to "pull request"
Naoki Kanazawa
Enjoy GitHub! This is a printing data :)
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !
Naoki Kanazawa
2015/6/29 @ TECH LAB PAAK http://techlabpaak.com/events/796
Prototyping by Adobe Illustrator
Prototyping by Adobe Illustrator
Naoki Kanazawa
Slides for Creators MeetUp Vol.5
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
Naoki Kanazawa
頭を柔らかくするデザインの発想 by Life is Tech ! 2015/5/25 @ TECH LAB PAAK http://techlabpaak.com/events/537
プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割
Mharu
Webプロジェクトマネジメントにおけるノウハウ集
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Tomoyuki Arasuna
AppleとGoogleのデザインガイドラインをUIの基本要素ごとに比較し、スマートフォン向けのWebサイトをデザインする際に役立つ制作基準としてポイントをまとめたスライドです。
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
パワーポイントのデザインで苦労していませんか? 良いデザインはセンスがないと、と諦めていませんか? しかし、提案書のデザインはセンスで作るものではありません。基本的なルールさえつかめば、誰でも、最高のデザインではなくとも、最善のデザインに仕上げることができます。 その「基本的なルール」をまとめてみました。 ビジネスマンが主体業務ではないデザインで苦しむ時間は無駄以外の何物でもありません。 このスライドで、皆さんがデザインに割かれる時間を軽減し、本来必要とされる業務に集中できるようになれば幸いです。
Viewers also liked
(13)
表現別、PhotoshopとIllustratorの使い分けを学ぶ
表現別、PhotoshopとIllustratorの使い分けを学ぶ
Document Design by Adobe Illustrator - 1
Document Design by Adobe Illustrator - 1
Design 4 everyone
Design 4 everyone
Document Design by Adobe Illustrator - 2
Document Design by Adobe Illustrator - 2
Prototyping by Adobe Photoshop
Prototyping by Adobe Photoshop
Document Design by Adobe Illustrator - 3
Document Design by Adobe Illustrator - 3
GitHub - How to "pull request"
GitHub - How to "pull request"
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !
Prototyping by Adobe Illustrator
Prototyping by Adobe Illustrator
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Similar to カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
Takashi Endo
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
Hideki Akiba
日本Webデザイナーズ協会、株式会社インヴォーグ共催のセミナー「JWSDA×IN VOGUE スマフォで遊ぼ!インヴォーグ流スマートフォンソリューション」の講演スライドです。
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Web TECH FORUM 2017 in大阪 エス・ビー・エス株式会社 泉 雄大
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
xyz corporation
2012 Springが人気記事ランキング総合5位に、2012 in 名古屋が人気記事ランキング総合3位となった講演の2013年度版です。
Web Design Process for The Future
Web Design Process for The Future
masaaki komori
WCAF vol.10 こもり資料
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
スマホサイトを作って学ぶ、サイト制作入門 (制作編) 先生:池田 祐太郎
スマホサイトを作って学ぶ、サイト制作入門 (制作編) 先生:池田 祐太郎
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/277/room ーーーーーーーーーーーーーーーーーーーーーーー
初めてのWebプログラミング講座
初めてのWebプログラミング講座
DIVE INTO CODE Corp.
2017年11月23日開催
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Masayuki Abe
「Material DesignをPolymerを使い表現する」セッションで使用したスライドです
Attractive HTML5
Attractive HTML5
Sho Ito
HTML5について私が感じる魅力を語る 2010/04/29
Re:Cre Vol.14 | Web design process for the future
Re:Cre Vol.14 | Web design process for the future
masaaki komori
第14回リクリセミナー「Web制作の未来、あなたの未来」最終版
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
Hideki Akiba
HTML5 Conference MIYAZAKIで講演したスライド「デザイナーとしてのHTML5への向き合い方」です。
_HTML5で組んでみた_
_HTML5で組んでみた_
Kelly Holonic
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Masayuki Abe
Twitter Bootstrapに心地よりアニメーションを加えるTipsです。
About rails 3
About rails 3
issei126
#shibuyarails
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
QCon Tokyo 2012で使用した資料。2012年時点での、Webフロントエンド周りのトレンドを総括するような内容です。
Kerasで可視化いろいろ
Kerasで可視化いろいろ
Masakazu Muraoka
Kerasで可視化いろいろ
フロンエンドトレンドについて話そう
フロンエンドトレンドについて話そう
Atushi Sugiyama
WordBench神戸2012/11/10発表資料
Similar to カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
(20)
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」
Web Design Process for The Future
Web Design Process for The Future
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
スマホサイトを作って学ぶ、サイト制作入門 (制作編) 先生:池田 祐太郎
スマホサイトを作って学ぶ、サイト制作入門 (制作編) 先生:池田 祐太郎
初めてのWebプログラミング講座
初めてのWebプログラミング講座
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Attractive HTML5
Attractive HTML5
Re:Cre Vol.14 | Web design process for the future
Re:Cre Vol.14 | Web design process for the future
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
_HTML5で組んでみた_
_HTML5で組んでみた_
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
About rails 3
About rails 3
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Kerasで可視化いろいろ
Kerasで可視化いろいろ
フロンエンドトレンドについて話そう
フロンエンドトレンドについて話そう
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
1.
カ ェ フ のWebサイ
を作 て ト っ Webデザ ンの イ 基礎と技術を学ぶ schoo WEB-campus 2013年10月26日 金澤直毅
2.
Naoki Kanazawa http://designless.net
3.
? Webをゼロ ら か 作った と
り すか こ があ ま ?
4.
? Webをゼロ ら か 作る と こ
の意味 は と?
5.
手仕事
6.
1 読む 2 遊ぶ Playing 3 作る Making 4 学ぶ Studying Reading
7.
1 読む
8.
こ ウ ブページです れは
ェ http://justinjackson.ca/words_japan.html
9.
設計図 = 完成図
10.
HUMAN COMPUTER WEB
11.
SERVER CLIENT
12.
SKILL? WORDPRE PHP ADOBE JAVASCRIPT CSS HTML
13.
SKILL!
14.
2 遊ぶ
15.
Webデザイ ンの砂場 http://designless.net/editor
16.
HTML < タグ >
H e l l o W o r l d ! < タグ > html, body, head, h1, h2, h3 h4, h5, h6, p, ul, li, a, dl, table, img, div, span, em, strong...
17.
HTML <html> <head> メタ情報 </head> <body> <h 1 >
最初に伝えたいこと</h 1 > <p> 説明などの文章 </p> コ ンピュ ータに伝え る <h 2 > 次に伝えたいこと</h 2 > <p> 説明などの文章 </p> <ul> <li> グループ </li> <li> グループ </li> <li> グループ </li> </ul> </body> </html>
18.
CSS セレクタ { プ
ロ パ ティ : 値 ; } color, background, font-size, text-align, width, height, margin, padding, border, float, clear, position...
19.
CSS 人にやさ しい装飾と イ ト レ
アウ
20.
JavaScript イ タラクシ ンな演出と拡張 ン ョ
21.
jQuery $ ( セレクタ
) . メソッド ( 値 ) click, hover, addClass, removeClass, fade, toggle, animate...
22.
HTML CSS 内容 装飾 JS 演出
23.
DEVELOPER TOOL 要素の検証
24.
IMAGE
25.
CSS images style.css flower.jpg index.html
26.
PATH ディレクトリ構 成 フォル ダ
/ ファイル 名 . 拡 張 子 . . / フォル ダ / ファイル 名 . 拡 張 子
27.
? 質疑応答
28.
3 作る
29.
TOOL ブラウ ザ +
エディタ Google Chrome Mozilla Firefox CotEditor terapad
30.
素材のダウ ロー ン ド http://designless.net/data/schoo20131026.zip
31.
ペリカン カフェ _resource _design _www
32.
? なぜ、 ェのWebサイ なのか カフ ト ?
33.
架 空 の
カフェ Pelican Cafe 北欧 青山 www.pelican-cafe.com
34.
BUSINESS VISUAL CODE CONCEPT
35.
1 HTML = 情報構造 タグの入
れ 子
36.
2 属性 src, href, class,
id
37.
3 ボックスモ デル reset.css
38.
4 j Q u
e r y プラグイン bxslider, colorbox
39.
5 jQuer y仕掛け fade, scroll,
40.
6 Google Map API
41.
4 学ぶ
42.
試行錯誤
43.
SANDBOX Webデザ ンの砂場 イ
44.
ANNTENA イ プト ン ッ
の仕組み
45.
? 質疑応答
46.
? レポー ト課題 Webサ ト ど
なメ ィ ? イは ん デ ア
Download now