2015年のWebサイトの作り方 at 67ws

masaaki komori
masaaki komoriIndependent Graphic Design Professional at Freelancer
Photo from unsplash.com | by Dustin Scarpitti
こもりまさあき 2015. 01.21 | 67WS event | http://event.67.org
Profile
こもりまさあき
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
“The primary design principle underlying the Web’s
usefulness and growth is universality. ••• And it should be
accessible from any kind of hardware that can connect to the
Internet: stationary or mobile, small screen or large.
by Tim Berners-Lee
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
“Photoshop is repeating yourself. Ok, so you’ve spent 3 days
on a mockup in Photoshop. Now what? Now I have to make
it all over again in HTML/CSS. Wasted time. Just build it in
HTML/CSS and spend that extra time iterating, not
rebuilding. If you’re not fast enough in HTML/CSS, then
spend the time learning how to create in HTML/CSS faster.
It’s time well spent.
by Jason Fried
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
“Get your content ready to go anywhere because it’s going to
go everywhere.
by Brad Frost
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
2015年のWebサイトの作り方 at 67ws
1 of 69

Recommended

Making Moodle multi device friendly with bootstrap - Bas brands by
Making Moodle multi device friendly with bootstrap - Bas brandsMaking Moodle multi device friendly with bootstrap - Bas brands
Making Moodle multi device friendly with bootstrap - Bas brandsIreland & UK Moodlemoot 2012
502 views26 slides
Responsive web design - or just web design? by
Responsive web design - or just web design?Responsive web design - or just web design?
Responsive web design - or just web design?Claus Stadel
2.4K views82 slides
Nmc11 html5 zobrist by
Nmc11 html5 zobristNmc11 html5 zobrist
Nmc11 html5 zobristBill Zobrist
188 views25 slides
Framerで始めるプロトタイプコーディング by
Framerで始めるプロトタイプコーディングFramerで始めるプロトタイプコーディング
Framerで始めるプロトタイプコーディングmasaaki komori
1.7K views24 slides
レスポンシブEメールを作ろう by
レスポンシブEメールを作ろうレスポンシブEメールを作ろう
レスポンシブEメールを作ろうmasaaki komori
2.1K views24 slides
プロトタイピングツール戦国時代 by
プロトタイピングツール戦国時代プロトタイピングツール戦国時代
プロトタイピングツール戦国時代masaaki komori
1.5K views20 slides

More Related Content

Viewers also liked

デバイス多様化の時代のWeb制作 by
デバイス多様化の時代のWeb制作デバイス多様化の時代のWeb制作
デバイス多様化の時代のWeb制作masaaki komori
4.2K views25 slides
Bootstrapではじめる、
Webサイト設計のモダンアプローチ by
Bootstrapではじめる、
Webサイト設計のモダンアプローチBootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチmasaaki komori
3.8K views22 slides
Sketch 3 Basics at kkmsz by
Sketch 3 Basics at kkmszSketch 3 Basics at kkmsz
Sketch 3 Basics at kkmszmasaaki komori
2.8K views11 slides
groundwork-pasona-tech by
groundwork-pasona-techgroundwork-pasona-tech
groundwork-pasona-techmasaaki komori
16.4K views170 slides
Framerで動くモックアップを簡単作成 by
Framerで動くモックアップを簡単作成Framerで動くモックアップを簡単作成
Framerで動くモックアップを簡単作成masaaki komori
10.2K views33 slides
20140214 teamgeek-fearlesschange by
20140214 teamgeek-fearlesschange20140214 teamgeek-fearlesschange
20140214 teamgeek-fearlesschangeMasanori Kado
7.2K views148 slides

Viewers also liked(17)

デバイス多様化の時代のWeb制作 by masaaki komori
デバイス多様化の時代のWeb制作デバイス多様化の時代のWeb制作
デバイス多様化の時代のWeb制作
masaaki komori4.2K views
Bootstrapではじめる、
Webサイト設計のモダンアプローチ by masaaki komori
Bootstrapではじめる、
Webサイト設計のモダンアプローチBootstrapではじめる、
Webサイト設計のモダンアプローチ
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
masaaki komori3.8K views
groundwork-pasona-tech by masaaki komori
groundwork-pasona-techgroundwork-pasona-tech
groundwork-pasona-tech
masaaki komori16.4K views
Framerで動くモックアップを簡単作成 by masaaki komori
Framerで動くモックアップを簡単作成Framerで動くモックアップを簡単作成
Framerで動くモックアップを簡単作成
masaaki komori10.2K views
20140214 teamgeek-fearlesschange by Masanori Kado
20140214 teamgeek-fearlesschange20140214 teamgeek-fearlesschange
20140214 teamgeek-fearlesschange
Masanori Kado7.2K views
Webデザインと開発の未来 by masaaki komori
Webデザインと開発の未来Webデザインと開発の未来
Webデザインと開発の未来
masaaki komori13K views
Fearlessjourney-postudy by Masanori Kado
Fearlessjourney-postudyFearlessjourney-postudy
Fearlessjourney-postudy
Masanori Kado2.7K views
The Lego Scrum Awakens by Masanori Kado
The Lego Scrum AwakensThe Lego Scrum Awakens
The Lego Scrum Awakens
Masanori Kado5.1K views
プロトタイピングとユーザーテスト by Masanori Kado
プロトタイピングとユーザーテストプロトタイピングとユーザーテスト
プロトタイピングとユーザーテスト
Masanori Kado10.5K views
リーンスタートアップ概論 by Itsuki Kuroda
リーンスタートアップ概論リーンスタートアップ概論
リーンスタートアップ概論
Itsuki Kuroda8.9K views
Continuous Deployment at Etsy: A Tale of Two Approaches by Ross Snyder
Continuous Deployment at Etsy: A Tale of Two ApproachesContinuous Deployment at Etsy: A Tale of Two Approaches
Continuous Deployment at Etsy: A Tale of Two Approaches
Ross Snyder40.2K views
社内スタートアップによる組織の成長に伴い発生する痛みとその解決策について(Rebuild) #devlove by Itsuki Kuroda
社内スタートアップによる組織の成長に伴い発生する痛みとその解決策について(Rebuild) #devlove 社内スタートアップによる組織の成長に伴い発生する痛みとその解決策について(Rebuild) #devlove
社内スタートアップによる組織の成長に伴い発生する痛みとその解決策について(Rebuild) #devlove
Itsuki Kuroda63.2K views
Fearless Change - Agile2012 feedback report - by Takao Oyobe
Fearless Change - Agile2012 feedback report -Fearless Change - Agile2012 feedback report -
Fearless Change - Agile2012 feedback report -
Takao Oyobe2K views
Style Guide Best Practices by Brad Frost
Style Guide Best PracticesStyle Guide Best Practices
Style Guide Best Practices
Brad Frost106.4K views
GMOプライベートDMPの仕組み by Michio Katano
GMOプライベートDMPの仕組みGMOプライベートDMPの仕組み
GMOプライベートDMPの仕組み
Michio Katano25.4K views

Similar to 2015年のWebサイトの作り方 at 67ws

Mobile Best Practices by
Mobile Best PracticesMobile Best Practices
Mobile Best Practicesmintersam
572 views14 slides
Monkeytalk Fall 2012 - Responsive Web Design by
Monkeytalk Fall 2012 - Responsive Web DesignMonkeytalk Fall 2012 - Responsive Web Design
Monkeytalk Fall 2012 - Responsive Web DesignSerge Hufkens
1.1K views57 slides
Responsive Web Design Tutorial PDF for Beginners by
Responsive Web Design Tutorial PDF for BeginnersResponsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for BeginnersBootstrap Creative
1.7K views32 slides
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices... by
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...Doug Gapinski
2.1K views73 slides
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ... by
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...Dave Olsen
12.9K views73 slides
Using Responsive Web Design To Make Your Web Work Everywhere by
Using Responsive Web Design To Make Your Web Work EverywhereUsing Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work EverywhereChris Love
819 views53 slides

Similar to 2015年のWebサイトの作り方 at 67ws(20)

Mobile Best Practices by mintersam
Mobile Best PracticesMobile Best Practices
Mobile Best Practices
mintersam572 views
Monkeytalk Fall 2012 - Responsive Web Design by Serge Hufkens
Monkeytalk Fall 2012 - Responsive Web DesignMonkeytalk Fall 2012 - Responsive Web Design
Monkeytalk Fall 2012 - Responsive Web Design
Serge Hufkens1.1K views
Responsive Web Design Tutorial PDF for Beginners by Bootstrap Creative
Responsive Web Design Tutorial PDF for BeginnersResponsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for Beginners
Bootstrap Creative1.7K views
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices... by Doug Gapinski
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
Doug Gapinski2.1K views
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ... by Dave Olsen
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
Dave Olsen12.9K views
Using Responsive Web Design To Make Your Web Work Everywhere by Chris Love
Using Responsive Web Design To Make Your Web Work EverywhereUsing Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere
Chris Love819 views
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by Step by Bootstrap Creative
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by StepBootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
Bootstrap Creative12.3K views
Talk 03 responsive-web-design by Monkeyshot
Talk 03 responsive-web-designTalk 03 responsive-web-design
Talk 03 responsive-web-design
Monkeyshot488 views
There Is No Mobile: An Introduction To Responsive Web Design by Chris Love
There Is No Mobile: An Introduction To Responsive Web DesignThere Is No Mobile: An Introduction To Responsive Web Design
There Is No Mobile: An Introduction To Responsive Web Design
Chris Love607 views
What is the semantic web by Darren Meehan
What is the semantic webWhat is the semantic web
What is the semantic web
Darren Meehan2.9K views
FITC - Bootstrap Unleashed by Rami Sayar
FITC - Bootstrap UnleashedFITC - Bootstrap Unleashed
FITC - Bootstrap Unleashed
Rami Sayar681 views
Top 10 Things I Learned in PR Publications by Sarah Farmer
Top 10 Things I Learned in PR PublicationsTop 10 Things I Learned in PR Publications
Top 10 Things I Learned in PR Publications
Sarah Farmer1.7K views
Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning ... by Emily Brozovic
Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning ...Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning ...
Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning ...
Emily Brozovic561 views
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design... by Bootstrap Creative
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...
Bootstrap Creative835 views
Bootstrap 4 Online Training Course Book Sample by Bootstrap Creative
Bootstrap 4 Online Training Course Book SampleBootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book Sample
Bootstrap Creative570 views
Node.js 101 by FITC
 Node.js 101 Node.js 101
Node.js 101
FITC1.2K views
Everything Old is New Again: The State of Web Design by Maria D'Amato
Everything Old is New Again: The State of Web DesignEverything Old is New Again: The State of Web Design
Everything Old is New Again: The State of Web Design
Maria D'Amato1.4K views
HTML and Responsive Design by Mindy McAdams
HTML and Responsive Design HTML and Responsive Design
HTML and Responsive Design
Mindy McAdams3.7K views
Carl week 5 dont make me think part 2 pp by wendyr1974
Carl week 5 dont make me think part 2 ppCarl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 pp
wendyr1974145 views
Carl week 5 dont make me think part 2 pp by wendyr1974
Carl week 5 dont make me think part 2 ppCarl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 pp
wendyr1974109 views

More from masaaki komori

コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3 by
コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3
コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3masaaki komori
1.6K views19 slides
InstaVR使ってみた by
InstaVR使ってみたInstaVR使ってみた
InstaVR使ってみたmasaaki komori
1.2K views16 slides
Re:Cre Vol.14 | Web design process for the future by
Re:Cre Vol.14 | Web design process for the futureRe:Cre Vol.14 | Web design process for the future
Re:Cre Vol.14 | Web design process for the futuremasaaki komori
8.3K views250 slides
Web Design Process for The Future by
Web Design Process for The FutureWeb Design Process for The Future
Web Design Process for The Futuremasaaki komori
3.7K views201 slides
Web Design Process for The Future by
Web Design Process for The FutureWeb Design Process for The Future
Web Design Process for The Futuremasaaki komori
7.7K views200 slides
インブラウザ勉強会 Vol.1 by
インブラウザ勉強会 Vol.1インブラウザ勉強会 Vol.1
インブラウザ勉強会 Vol.1masaaki komori
2.5K views13 slides

More from masaaki komori(19)

コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3 by masaaki komori
コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3
コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3
masaaki komori1.6K views
Re:Cre Vol.14 | Web design process for the future by masaaki komori
Re:Cre Vol.14 | Web design process for the futureRe:Cre Vol.14 | Web design process for the future
Re:Cre Vol.14 | Web design process for the future
masaaki komori8.3K views
Web Design Process for The Future by masaaki komori
Web Design Process for The FutureWeb Design Process for The Future
Web Design Process for The Future
masaaki komori3.7K views
Web Design Process for The Future by masaaki komori
Web Design Process for The FutureWeb Design Process for The Future
Web Design Process for The Future
masaaki komori7.7K views
インブラウザ勉強会 Vol.1 by masaaki komori
インブラウザ勉強会 Vol.1インブラウザ勉強会 Vol.1
インブラウザ勉強会 Vol.1
masaaki komori2.5K views
設計から実装まで、今すぐ始める高速化 by masaaki komori
設計から実装まで、今すぐ始める高速化設計から実装まで、今すぐ始める高速化
設計から実装まで、今すぐ始める高速化
masaaki komori13.8K views
Web制作者は変化についていけるか? 変化についていくべきか? by masaaki komori
Web制作者は変化についていけるか? 変化についていくべきか?Web制作者は変化についていけるか? 変化についていくべきか?
Web制作者は変化についていけるか? 変化についていくべきか?
masaaki komori6K views
Getting Started with Sublime Text 2 by masaaki komori
Getting Started with Sublime Text 2Getting Started with Sublime Text 2
Getting Started with Sublime Text 2
masaaki komori13K views
HTML5 Web Design Workflow by masaaki komori
HTML5 Web Design WorkflowHTML5 Web Design Workflow
HTML5 Web Design Workflow
masaaki komori6.2K views
Web Site Optimization for Beginners by masaaki komori
Web Site Optimization for BeginnersWeb Site Optimization for Beginners
Web Site Optimization for Beginners
masaaki komori3.9K views
Amazon S3 and CloudFront, Route 53 by masaaki komori
Amazon S3 and CloudFront, Route 53Amazon S3 and CloudFront, Route 53
Amazon S3 and CloudFront, Route 53
masaaki komori5.7K views
WordPress 高速化 Pro Tips: フロントエンドの最適化 by masaaki komori
WordPress 高速化 Pro Tips: フロントエンドの最適化WordPress 高速化 Pro Tips: フロントエンドの最適化
WordPress 高速化 Pro Tips: フロントエンドの最適化
masaaki komori3.9K views
HTML5時代のWebデザイン by masaaki komori
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori26.1K views
これからはじめるCoda2とSublime Text 2 by masaaki komori
これからはじめるCoda2とSublime Text 2これからはじめるCoda2とSublime Text 2
これからはじめるCoda2とSublime Text 2
masaaki komori5.2K views
レスポンシブ・ウェブデザイン基礎 by masaaki komori
レスポンシブ・ウェブデザイン基礎レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎
masaaki komori61.9K views

Recently uploaded

Anthelmintic Drugs-Medicinal Chemistry by
Anthelmintic Drugs-Medicinal ChemistryAnthelmintic Drugs-Medicinal Chemistry
Anthelmintic Drugs-Medicinal ChemistryNarminHamaaminHussen
6 views23 slides
New Icon Presentation.pdf by
New Icon Presentation.pdfNew Icon Presentation.pdf
New Icon Presentation.pdfsydneyjrichardson
22 views5 slides
The Report is Dead, Long Live the Report ! Communicating Usability Research F... by
The Report is Dead, Long Live the Report ! Communicating Usability Research F...The Report is Dead, Long Live the Report ! Communicating Usability Research F...
The Report is Dead, Long Live the Report ! Communicating Usability Research F...Centralis
5 views72 slides
JAWARK Inside Company Profile 2024 by
JAWARK Inside Company Profile 2024JAWARK Inside Company Profile 2024
JAWARK Inside Company Profile 2024mostafareda1994
6 views45 slides
Antifungal agents-Medicinal Chemistry by
Antifungal agents-Medicinal Chemistry Antifungal agents-Medicinal Chemistry
Antifungal agents-Medicinal Chemistry NarminHamaaminHussen
9 views27 slides
Menu.pdf by
Menu.pdfMenu.pdf
Menu.pdfnyhapedraza
8 views7 slides

Recently uploaded(20)

The Report is Dead, Long Live the Report ! Communicating Usability Research F... by Centralis
The Report is Dead, Long Live the Report ! Communicating Usability Research F...The Report is Dead, Long Live the Report ! Communicating Usability Research F...
The Report is Dead, Long Live the Report ! Communicating Usability Research F...
Centralis5 views
Using Experiential Design to Understand the Future of AI & Immersive Storytel... by Kent Bye
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Kent Bye5 views
Free World aids day Template from Best presentation design agency by slideceotemplates
Free World aids day Template from Best presentation design agencyFree World aids day Template from Best presentation design agency
Free World aids day Template from Best presentation design agency
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf by NirmalanGanapathy1
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdfIEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman49 views
Oregon Ducks 4 Spencer Webb Hoodie by brandshop1
Oregon Ducks 4 Spencer Webb HoodieOregon Ducks 4 Spencer Webb Hoodie
Oregon Ducks 4 Spencer Webb Hoodie
brandshop113 views
217 Drive - All on upper.pptx by vidstor282
217 Drive - All on upper.pptx217 Drive - All on upper.pptx
217 Drive - All on upper.pptx
vidstor28215 views

2015年のWebサイトの作り方 at 67ws

  • 1. Photo from unsplash.com | by Dustin Scarpitti こもりまさあき 2015. 01.21 | 67WS event | http://event.67.org
  • 13. “The primary design principle underlying the Web’s usefulness and growth is universality. ••• And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. by Tim Berners-Lee
  • 18. “Photoshop is repeating yourself. Ok, so you’ve spent 3 days on a mockup in Photoshop. Now what? Now I have to make it all over again in HTML/CSS. Wasted time. Just build it in HTML/CSS and spend that extra time iterating, not rebuilding. If you’re not fast enough in HTML/CSS, then spend the time learning how to create in HTML/CSS faster. It’s time well spent. by Jason Fried
  • 24. “Get your content ready to go anywhere because it’s going to go everywhere. by Brad Frost