SlideShare una empresa de Scribd logo
1 de 24
dovydas navickas
quatrodev CEO
dovydas.nav@gmail.com
http://linkd.in/dovydasnavickas

agenda
o web history
o phones and tablets
o tools
o summary

about me
o 7 years of developing
o 5 years of C# experience
o microsoft student partner
o CEO @ quatrodev
o http://linkd.in/dovydasnavickas
HISTORY

introduction
history devices tools summary
mosaic web browser: 1992 - 1997

introduction
history devices tools summary
netscape navigator: 1994 - 2008, march 1

introduction
history devices tools summary
internet explorer 6: 2001, august 27

introduction
history devices tools summary
IE 10, chrome, firefox.....
…opera, safari, dragon…
…camino, seamonkey…
…k-meleon, galeon…
…conqueror, android…
DEVICES



introduction
history devices tools summary
toshiba kira
i7-3537U
8GB 1600MHz
13.3” 2560 x 1440
221 ppi
touch screen
mac retina
227 ppi
13.3” 2560 x 1600
TOOLS

resources
o zurb foundation
http://foundation.zurb.com/
o twitter bootstrap
http://twitter.github.io/bootstrap/
o .simpliste
http://cssr.ru/simpliste/
o toast
http://daneden.me/toast/

foundation zurb
the grid
nest infinitely

foundation zurb
the code

foundation zurb
the code

foundation zurb
the code

foundation zurb
the grid
demo
zurb
advice
google it, bing it, yahoo it… whatever

css media queries
tutorial

responsive web design tutorial
thank you!
q&a

Más contenido relacionado

Destacado

Destacado (20)

Dell case study 1
Dell case study 1Dell case study 1
Dell case study 1
 
Career education-review-robert-starks-jr-social-media-strategies-max knowledge
Career education-review-robert-starks-jr-social-media-strategies-max knowledgeCareer education-review-robert-starks-jr-social-media-strategies-max knowledge
Career education-review-robert-starks-jr-social-media-strategies-max knowledge
 
Windows phone and azure
Windows phone and azureWindows phone and azure
Windows phone and azure
 
5
55
5
 
Engage at Melcrum Summit 2012
Engage at Melcrum Summit 2012Engage at Melcrum Summit 2012
Engage at Melcrum Summit 2012
 
Contoh penggunaan-iptables
Contoh penggunaan-iptablesContoh penggunaan-iptables
Contoh penggunaan-iptables
 
compuhelp courses information
compuhelp courses informationcompuhelp courses information
compuhelp courses information
 
WP-What-Makes-QlikView-Unique_EN
WP-What-Makes-QlikView-Unique_ENWP-What-Makes-QlikView-Unique_EN
WP-What-Makes-QlikView-Unique_EN
 
Intro uml
Intro umlIntro uml
Intro uml
 
About Engage
About Engage About Engage
About Engage
 
Curso e proinfo
Curso e proinfoCurso e proinfo
Curso e proinfo
 
5
55
5
 
Resume of Jean Christophe ROBLES
Resume of Jean Christophe ROBLESResume of Jean Christophe ROBLES
Resume of Jean Christophe ROBLES
 
Curriculum Vitae of Jean Christophe ROBLES
Curriculum Vitae of Jean Christophe ROBLESCurriculum Vitae of Jean Christophe ROBLES
Curriculum Vitae of Jean Christophe ROBLES
 
Curso e proinfo
Curso e proinfoCurso e proinfo
Curso e proinfo
 
Membangun web server,_e-mail_server_dan_ftp_server
Membangun web server,_e-mail_server_dan_ftp_serverMembangun web server,_e-mail_server_dan_ftp_server
Membangun web server,_e-mail_server_dan_ftp_server
 
Curriculum Vitae of Jean Christophe ROBLES (latest update)
Curriculum Vitae of Jean Christophe ROBLES (latest update)Curriculum Vitae of Jean Christophe ROBLES (latest update)
Curriculum Vitae of Jean Christophe ROBLES (latest update)
 
3 de noviembre ies ansp tip iii
3 de noviembre ies ansp tip iii3 de noviembre ies ansp tip iii
3 de noviembre ies ansp tip iii
 
Data encryption standar
Data encryption standarData encryption standar
Data encryption standar
 
Ipv6
Ipv6Ipv6
Ipv6
 

Similar a Responsive web design

Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Brian LeRoux
 
Building desktop applications with web technologies - ELECTRON the easy way
Building desktop applications with web technologies - ELECTRON the easy wayBuilding desktop applications with web technologies - ELECTRON the easy way
Building desktop applications with web technologies - ELECTRON the easy waystefanjudis
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web DesignersGoodbytes
 
I tools for the pragmatic visionary handout
I tools for the pragmatic visionary handoutI tools for the pragmatic visionary handout
I tools for the pragmatic visionary handoutCASupts
 
Siruna session at Drupalcon Paris 2009
Siruna session at Drupalcon Paris 2009Siruna session at Drupalcon Paris 2009
Siruna session at Drupalcon Paris 2009Tom Deryckere
 
The Browser As Console - HTML5 and WebGL for Game Development
The Browser As Console - HTML5 and WebGL for Game DevelopmentThe Browser As Console - HTML5 and WebGL for Game Development
The Browser As Console - HTML5 and WebGL for Game DevelopmentTony Parisi
 
SmartPhone Design and Delivery
SmartPhone Design and DeliverySmartPhone Design and Delivery
SmartPhone Design and DeliveryJason Diehl
 
UPDATED: Tablet Strategy Bootcamp
UPDATED: Tablet Strategy BootcampUPDATED: Tablet Strategy Bootcamp
UPDATED: Tablet Strategy BootcampPaul Saunders
 
Don't touch the mobile parts
Don't touch the mobile partsDon't touch the mobile parts
Don't touch the mobile partsFrancesco Fullone
 
CSS3: The Future is Now at DrupalCon San Francisco
CSS3: The Future is Now at DrupalCon San FranciscoCSS3: The Future is Now at DrupalCon San Francisco
CSS3: The Future is Now at DrupalCon San FranciscoJen Simmons
 
Opera and the Open Web platform
Opera and the Open Web platformOpera and the Open Web platform
Opera and the Open Web platformAndreas Bovens
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Robert 'Bob' Reyes
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do ThatNathan Smith
 
Gnome, linux mobile stacks, and you
Gnome, linux mobile stacks, and youGnome, linux mobile stacks, and you
Gnome, linux mobile stacks, and youAndrew Savory
 
Drupalcamp New York 2009
Drupalcamp New York 2009Drupalcamp New York 2009
Drupalcamp New York 2009Tom Deryckere
 

Similar a Responsive web design (20)

Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011
 
Building desktop applications with web technologies - ELECTRON the easy way
Building desktop applications with web technologies - ELECTRON the easy wayBuilding desktop applications with web technologies - ELECTRON the easy way
Building desktop applications with web technologies - ELECTRON the easy way
 
Flourish2011
Flourish2011Flourish2011
Flourish2011
 
2d web mapping with flask
2d web mapping with flask2d web mapping with flask
2d web mapping with flask
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web Designers
 
I tools for the pragmatic visionary handout
I tools for the pragmatic visionary handoutI tools for the pragmatic visionary handout
I tools for the pragmatic visionary handout
 
Siruna session at Drupalcon Paris 2009
Siruna session at Drupalcon Paris 2009Siruna session at Drupalcon Paris 2009
Siruna session at Drupalcon Paris 2009
 
The Browser As Console - HTML5 and WebGL for Game Development
The Browser As Console - HTML5 and WebGL for Game DevelopmentThe Browser As Console - HTML5 and WebGL for Game Development
The Browser As Console - HTML5 and WebGL for Game Development
 
Pole web pp
Pole web ppPole web pp
Pole web pp
 
WebUSB
WebUSBWebUSB
WebUSB
 
SmartPhone Design and Delivery
SmartPhone Design and DeliverySmartPhone Design and Delivery
SmartPhone Design and Delivery
 
UPDATED: Tablet Strategy Bootcamp
UPDATED: Tablet Strategy BootcampUPDATED: Tablet Strategy Bootcamp
UPDATED: Tablet Strategy Bootcamp
 
Don't touch the mobile parts
Don't touch the mobile partsDon't touch the mobile parts
Don't touch the mobile parts
 
Emptech-Q2-L7.pptx
Emptech-Q2-L7.pptxEmptech-Q2-L7.pptx
Emptech-Q2-L7.pptx
 
CSS3: The Future is Now at DrupalCon San Francisco
CSS3: The Future is Now at DrupalCon San FranciscoCSS3: The Future is Now at DrupalCon San Francisco
CSS3: The Future is Now at DrupalCon San Francisco
 
Opera and the Open Web platform
Opera and the Open Web platformOpera and the Open Web platform
Opera and the Open Web platform
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
 
Gnome, linux mobile stacks, and you
Gnome, linux mobile stacks, and youGnome, linux mobile stacks, and you
Gnome, linux mobile stacks, and you
 
Drupalcamp New York 2009
Drupalcamp New York 2009Drupalcamp New York 2009
Drupalcamp New York 2009
 

Responsive web design

Notas del editor

  1. on the fly
  2. on the fly