Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Robin Pokorny
PDF, PPTX
4,569 views
Jak nám responzivní web rozbil obrázky
Ignite přednáška na Devel.cz Konferenci '14 (http://devel.cz/konference/2014)
Technology
◦
Read more
0
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 20
2
/ 20
3
/ 20
4
/ 20
5
/ 20
6
/ 20
7
/ 20
8
/ 20
9
/ 20
10
/ 20
11
/ 20
12
/ 20
13
/ 20
14
/ 20
15
/ 20
16
/ 20
17
/ 20
18
/ 20
19
/ 20
20
/ 20
More Related Content
PDF
O elementu picture v Ostravě
by
Robin Pokorny
PPTX
Optimalizace obrázků v (responsivních) šablonách
by
SUPERKODERS
PPT
Riki Fridrich - Grunt, Gulp a spol. - Automatizáciou k maximalizácii lenivosti
by
Develcz
PDF
Michal Illich - Big Data Image Compression
by
Develcz
PDF
David Brožík - Škálování týmů, procesů a technologií od 4 developerů po 150
by
Develcz
PDF
Tomáš Srnka - História, súčastnosť a budúcnosť spracovania PHP... vieme PHP...
by
Develcz
PDF
Mikey Ariel - My personal tech-writing agile manifesto
by
Develcz
PDF
Tereza Šimůnková - Scrum na dálku
by
Develcz
O elementu picture v Ostravě
by
Robin Pokorny
Optimalizace obrázků v (responsivních) šablonách
by
SUPERKODERS
Riki Fridrich - Grunt, Gulp a spol. - Automatizáciou k maximalizácii lenivosti
by
Develcz
Michal Illich - Big Data Image Compression
by
Develcz
David Brožík - Škálování týmů, procesů a technologií od 4 developerů po 150
by
Develcz
Tomáš Srnka - História, súčastnosť a budúcnosť spracovania PHP... vieme PHP...
by
Develcz
Mikey Ariel - My personal tech-writing agile manifesto
by
Develcz
Tereza Šimůnková - Scrum na dálku
by
Develcz
Viewers also liked
PDF
Martin Kopta - UX. Testujte. Hned. Pravidelně. S málem.
by
Develcz
ODP
Barbora Urbancová - Testování v Seleniu
by
Develcz
PDF
Nikol Ježková - Testování v Behatu
by
Develcz
PDF
Jiří Knesl - Techniky paralelního programování pro 21. století
by
Develcz
PPTX
Nette: jak rozbít atom?
by
David Grudl
PDF
Petr Kováčik - Personalizace webu
by
Develcz
PDF
Adam Herout - Kladivo na čarodějnice a dobrá data
by
Develcz
Martin Kopta - UX. Testujte. Hned. Pravidelně. S málem.
by
Develcz
Barbora Urbancová - Testování v Seleniu
by
Develcz
Nikol Ježková - Testování v Behatu
by
Develcz
Jiří Knesl - Techniky paralelního programování pro 21. století
by
Develcz
Nette: jak rozbít atom?
by
David Grudl
Petr Kováčik - Personalizace webu
by
Develcz
Adam Herout - Kladivo na čarodějnice a dobrá data
by
Develcz
More from Robin Pokorny
PDF
Pokročilé responzivní obrázky
by
Robin Pokorny
PDF
15 months of AMP
by
Robin Pokorny
PDF
How to Turn Your Ugly Old CSS into a Clean Future-Ready Beauty
by
Robin Pokorny
PDF
React a omyly jazyka CSS
by
Robin Pokorny
PDF
Organizace kódu v týmu
by
Robin Pokorny
PDF
React, když odezní zamilovanost
by
Robin Pokorny
PDF
React a CSS
by
Robin Pokorny
PDF
Purifying React (with annotations)
by
Robin Pokorny
PDF
Co musí umět moderní „HTML kodér“
by
Robin Pokorny
PDF
Thesis defendence presentation
by
Robin Pokorny
PDF
Představení eMAMS
by
Robin Pokorny
PDF
Tancuj, tancuj, konverguj
by
Robin Pokorny
Pokročilé responzivní obrázky
by
Robin Pokorny
15 months of AMP
by
Robin Pokorny
How to Turn Your Ugly Old CSS into a Clean Future-Ready Beauty
by
Robin Pokorny
React a omyly jazyka CSS
by
Robin Pokorny
Organizace kódu v týmu
by
Robin Pokorny
React, když odezní zamilovanost
by
Robin Pokorny
React a CSS
by
Robin Pokorny
Purifying React (with annotations)
by
Robin Pokorny
Co musí umět moderní „HTML kodér“
by
Robin Pokorny
Thesis defendence presentation
by
Robin Pokorny
Představení eMAMS
by
Robin Pokorny
Tancuj, tancuj, konverguj
by
Robin Pokorny
Jak nám responzivní web rozbil obrázky
1.
web rozbil obrázky @robinpokorny Jak
nám responzivní
2.
d1m22.deviantart.com <body> ! <img src=“charmander.jpg"/> ! </body>
3.
Rob Gill
5.
edge
6.
responsiveimages.org
7.
Výběr dle rozlišení zařízení
9.
Výběr dle velikosti viewportu
11.
50% 100% 200%
400%25%
12.
Výběr dle fyzický pixel CSS
pixel
14.
Art direction
15.
<picture> v2
16.
<picture> ! <source media="(min-width: 40em)" srcset="big.jpg
1x, big-hd.jpg 2x”> ! <img src=“small.jpg" alt="Charmander" srcset=“small-hd.jpg 1024w, small.jpg 320w" sizes="(min-width: 20em) 33.3vw, 100vw” /> ! </picture>
17.
<source sizes=… srcset=…
> <picture> v2
18.
“<picture> je dnes vhodný
k produkčnímu nasazení.” #10Tab Atkins @
19.
much readywow such code very
production so clever many usecases
20.
http://m.Feedbando.com/rozbil shadehikari.deviantart.com <picture> Používej již dnes!
Download