SlideShare a Scribd company logo
1 of 17
Források
Brad Frost
http://bradfrost.github.io/this-is-responsive/
Android Fragmentation 2013
http://opensignal.com/reports/fragmentation-2013/
Source of images
http://netdna.webdesignerdepot.com/uploads/2013/06/3.jpg - comic
http://waveavenue.com/profiles/blogs/exquisite-minimalism-pencil-drawings-by-ileana-hunter - Audrey Hepburn
http://everymanns.com/tag/without-typography-the-world-would-suck/ - typography
http://cinemagraphcollection.com/ - cinemagraphs

More Related Content

What's hot

Ruby on Rails網站應用開發
Ruby on Rails網站應用開發Ruby on Rails網站應用開發
Ruby on Rails網站應用開發hackntu
 
Thing Im Thankful For BKaminski
Thing Im Thankful For BKaminskiThing Im Thankful For BKaminski
Thing Im Thankful For BKaminskiLundquistOnlineA
 
Flickthinkers.com Movie News, TV News, Games News,Trailers
Flickthinkers.com Movie News, TV News, Games News,TrailersFlickthinkers.com Movie News, TV News, Games News,Trailers
Flickthinkers.com Movie News, TV News, Games News,TrailersVenkat naresh .m
 
Actividad de inglish
Actividad de inglishActividad de inglish
Actividad de inglishlrrincon93
 
things i am thankful for
things i am thankful forthings i am thankful for
things i am thankful forMrsLOnlineA2011
 
Who IS Miles Farnham?
Who IS Miles Farnham?Who IS Miles Farnham?
Who IS Miles Farnham?Warpeg
 

What's hot (11)

Radar5
Radar5Radar5
Radar5
 
The Fourth Screen v3
The Fourth Screen v3The Fourth Screen v3
The Fourth Screen v3
 
La Amistad
La AmistadLa Amistad
La Amistad
 
Ruby on Rails網站應用開發
Ruby on Rails網站應用開發Ruby on Rails網站應用開發
Ruby on Rails網站應用開發
 
Thing Im Thankful For BKaminski
Thing Im Thankful For BKaminskiThing Im Thankful For BKaminski
Thing Im Thankful For BKaminski
 
Image reseach t2
Image reseach t2Image reseach t2
Image reseach t2
 
Flickthinkers.com Movie News, TV News, Games News,Trailers
Flickthinkers.com Movie News, TV News, Games News,TrailersFlickthinkers.com Movie News, TV News, Games News,Trailers
Flickthinkers.com Movie News, TV News, Games News,Trailers
 
Paginas importantes
Paginas importantesPaginas importantes
Paginas importantes
 
Actividad de inglish
Actividad de inglishActividad de inglish
Actividad de inglish
 
things i am thankful for
things i am thankful forthings i am thankful for
things i am thankful for
 
Who IS Miles Farnham?
Who IS Miles Farnham?Who IS Miles Farnham?
Who IS Miles Farnham?
 

More from István Kolozsi

Miért szükséges az esztétikus design?
Miért szükséges az esztétikus design?Miért szükséges az esztétikus design?
Miért szükséges az esztétikus design?István Kolozsi
 
Csoportnyomás az e-kereskedelemben
Csoportnyomás az e-kereskedelembenCsoportnyomás az e-kereskedelemben
Csoportnyomás az e-kereskedelembenIstván Kolozsi
 
Hogyan tegyük a vásárlást élménnyé egy webáruházban?
Hogyan tegyük a vásárlást élménnyé egy webáruházban?Hogyan tegyük a vásárlást élménnyé egy webáruházban?
Hogyan tegyük a vásárlást élménnyé egy webáruházban?István Kolozsi
 
Miért fontos, hogy következetes legyen a felhasználói felületed?
Miért fontos, hogy következetes legyen a felhasználói felületed?Miért fontos, hogy következetes legyen a felhasználói felületed?
Miért fontos, hogy következetes legyen a felhasználói felületed?István Kolozsi
 
Tervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboid
Tervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboidTervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboid
Tervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboidIstván Kolozsi
 
Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboid
Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboidReszponzív webes felületek tipikus hibái - Kolozsi István, kolboid
Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboidIstván Kolozsi
 
A szokás hatalma és a választás paradoxona - Kolozsi István, kolboid
A szokás hatalma és a választás paradoxona - Kolozsi István, kolboidA szokás hatalma és a választás paradoxona - Kolozsi István, kolboid
A szokás hatalma és a választás paradoxona - Kolozsi István, kolboidIstván Kolozsi
 
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboidIT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboidIstván Kolozsi
 
fps blog üzleti modell - Kolozsi István, kolboid
fps blog üzleti modell - Kolozsi István, kolboidfps blog üzleti modell - Kolozsi István, kolboid
fps blog üzleti modell - Kolozsi István, kolboidIstván Kolozsi
 
Mobil web technológiai utak, tervezés - Kolozsi István, kolboid
Mobil web technológiai utak, tervezés - Kolozsi István, kolboidMobil web technológiai utak, tervezés - Kolozsi István, kolboid
Mobil web technológiai utak, tervezés - Kolozsi István, kolboidIstván Kolozsi
 
Web shopok mobil weben - Kolozsi István, kolboid
Web shopok mobil weben - Kolozsi István, kolboidWeb shopok mobil weben - Kolozsi István, kolboid
Web shopok mobil weben - Kolozsi István, kolboidIstván Kolozsi
 
Konverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboid
Konverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboidKonverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboid
Konverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboidIstván Kolozsi
 

More from István Kolozsi (14)

Miért szükséges az esztétikus design?
Miért szükséges az esztétikus design?Miért szükséges az esztétikus design?
Miért szükséges az esztétikus design?
 
A UX kutatás haszna
A UX kutatás hasznaA UX kutatás haszna
A UX kutatás haszna
 
Csoportnyomás az e-kereskedelemben
Csoportnyomás az e-kereskedelembenCsoportnyomás az e-kereskedelemben
Csoportnyomás az e-kereskedelemben
 
Viselkedés modell
Viselkedés modellViselkedés modell
Viselkedés modell
 
Hogyan tegyük a vásárlást élménnyé egy webáruházban?
Hogyan tegyük a vásárlást élménnyé egy webáruházban?Hogyan tegyük a vásárlást élménnyé egy webáruházban?
Hogyan tegyük a vásárlást élménnyé egy webáruházban?
 
Miért fontos, hogy következetes legyen a felhasználói felületed?
Miért fontos, hogy következetes legyen a felhasználói felületed?Miért fontos, hogy következetes legyen a felhasználói felületed?
Miért fontos, hogy következetes legyen a felhasználói felületed?
 
Tervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboid
Tervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboidTervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboid
Tervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboid
 
Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboid
Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboidReszponzív webes felületek tipikus hibái - Kolozsi István, kolboid
Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboid
 
A szokás hatalma és a választás paradoxona - Kolozsi István, kolboid
A szokás hatalma és a választás paradoxona - Kolozsi István, kolboidA szokás hatalma és a választás paradoxona - Kolozsi István, kolboid
A szokás hatalma és a választás paradoxona - Kolozsi István, kolboid
 
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboidIT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
 
fps blog üzleti modell - Kolozsi István, kolboid
fps blog üzleti modell - Kolozsi István, kolboidfps blog üzleti modell - Kolozsi István, kolboid
fps blog üzleti modell - Kolozsi István, kolboid
 
Mobil web technológiai utak, tervezés - Kolozsi István, kolboid
Mobil web technológiai utak, tervezés - Kolozsi István, kolboidMobil web technológiai utak, tervezés - Kolozsi István, kolboid
Mobil web technológiai utak, tervezés - Kolozsi István, kolboid
 
Web shopok mobil weben - Kolozsi István, kolboid
Web shopok mobil weben - Kolozsi István, kolboidWeb shopok mobil weben - Kolozsi István, kolboid
Web shopok mobil weben - Kolozsi István, kolboid
 
Konverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboid
Konverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboidKonverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboid
Konverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboid
 

Recently uploaded

PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 

Recently uploaded (20)

PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 

Responsive Web Design - Csináld jól! - Kolozsi István, kolboid

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. Források Brad Frost http://bradfrost.github.io/this-is-responsive/ Android Fragmentation 2013 http://opensignal.com/reports/fragmentation-2013/ Source of images http://netdna.webdesignerdepot.com/uploads/2013/06/3.jpg - comic http://waveavenue.com/profiles/blogs/exquisite-minimalism-pencil-drawings-by-ileana-hunter - Audrey Hepburn http://everymanns.com/tag/without-typography-the-world-would-suck/ - typography http://cinemagraphcollection.com/ - cinemagraphs

Editor's Notes

  1. Nemaztjelenti, hogymobilrakellfókuszálni!Inkábbegyparadigma.Nemlebutítás.Tartalom, tervezés, fejlesztés – mobile first
  2. Akisképernyőrákényszerítfókuszálni a lényegre.Ez a legnehezebbrésze, hogyrávegyük a megrendelőketerre a gondolkodásmódra.Sőtazügynökségenbelül is átkellállni, ezsemkönnyű.El kellszakadni a hagyományosmodelltől, mertazittnemműködikmegfelelően.
  3. breakpoints – klasszikus 320 – 480 – 768 – 1024 –Nemjátszik
  4. tiszta css3 használat, flat designshow immediately, process in the background
  5. Olvashatóság, kontraszttouch size1,5cm (44px)2mm (8px)
  6. Retinakijelzőkön a fotókhonályosakIcon fonts, svg, többkép a device-pixel-ratio alapján
  7. autocomplete, autosuggest, autocorrect
  8. PasswordSocial login (single sign on), share
  9. Irdatlanmennyiségűkészülékenkelltesztelni.Azemaileklegyenekmobilraoptimalizáltak – responsive email design.