Soumettre la recherche
Mettre en ligne
Debugování responzivních webů
•
0 j'aime
•
328 vues
Martin Michálek
Suivre
Demo z Frontendisti.cz. Video bude lepší. Bude k dispozici na frontendisti.cz.
Lire moins
Lire la suite
Design
Signaler
Partager
Signaler
Partager
1 sur 6
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
2 praktikaren ppt
2. praktika ppt
2. praktika ppt
Egoitz Epalza
Résumé de Fadhila Brahimi TEDxAlger 2013 4 parties : Comprendre, Grandir, Réaliser, Persévérer Samedi 15 juin 2013 au Théâtre National Algérien (TNA) Plus d'infos sur www.TedxAlger.com
11 actions positives tedx alger par fadhila brahimi
11 actions positives tedx alger par fadhila brahimi
Fadhila BRAHIMI
6E67211621
6E67211621
Robert Sullivan
Web forms are complex beasts with many moving parts. That’s one of the reasons they're so challenging to build well. In this session, Aaron Gustafson will walk you through the process of creating a form—from planning to production—and give you sage advice for improvement. You’ll learn ways to keep forms focused, how to leverage HTML5 for better user interaction, and a variety of design techniques to enhance forms’ usability. Whether you have one form or a thousand, you’ll leave this session with a much better handle on how to take them from distressing to delightful!
The Features of Highly Effective Forms [An Event Apart Nashville 2016]
The Features of Highly Effective Forms [An Event Apart Nashville 2016]
Aaron Gustafson
Bez HTML5/CSS3 to nejde
Bez HTML5/CSS3 to nejde
Martin Michálek
Přednáška proběhla na konferenci vozovna 24. listopadu 2009. http://konference.vozovna.cz/konference
Použitelnost a přístupnost (nejen) neziskových webů
Použitelnost a přístupnost (nejen) neziskových webů
Lukas Marvan
Myslíte, že není ještě potřeba mít mobilní web? Statistiky vás vyvedou z omylu. Specifika mobilních zařízení – mobilní musí znamenat rychlý. Přístupy k mobilnímu designu a rozdíly oproti návrhu klasického webu. Prioritizace informací. Prvky (ne)žádoucí pro mobilní rozhraní – mobilní neznamená informačně osekaný. Jak na dotyková rozhraní a jejich specifikace.
Doba mobilní …
Doba mobilní …
Sherpas
Co by měl UXák vědět o responzivním webdesignu? Přednáška pro UX Monday Plzeň.
Co by měl UXák vědět o responzivním webdesignu?
Co by měl UXák vědět o responzivním webdesignu?
Martin Michálek
Recommandé
2 praktikaren ppt
2. praktika ppt
2. praktika ppt
Egoitz Epalza
Résumé de Fadhila Brahimi TEDxAlger 2013 4 parties : Comprendre, Grandir, Réaliser, Persévérer Samedi 15 juin 2013 au Théâtre National Algérien (TNA) Plus d'infos sur www.TedxAlger.com
11 actions positives tedx alger par fadhila brahimi
11 actions positives tedx alger par fadhila brahimi
Fadhila BRAHIMI
6E67211621
6E67211621
Robert Sullivan
Web forms are complex beasts with many moving parts. That’s one of the reasons they're so challenging to build well. In this session, Aaron Gustafson will walk you through the process of creating a form—from planning to production—and give you sage advice for improvement. You’ll learn ways to keep forms focused, how to leverage HTML5 for better user interaction, and a variety of design techniques to enhance forms’ usability. Whether you have one form or a thousand, you’ll leave this session with a much better handle on how to take them from distressing to delightful!
The Features of Highly Effective Forms [An Event Apart Nashville 2016]
The Features of Highly Effective Forms [An Event Apart Nashville 2016]
Aaron Gustafson
Bez HTML5/CSS3 to nejde
Bez HTML5/CSS3 to nejde
Martin Michálek
Přednáška proběhla na konferenci vozovna 24. listopadu 2009. http://konference.vozovna.cz/konference
Použitelnost a přístupnost (nejen) neziskových webů
Použitelnost a přístupnost (nejen) neziskových webů
Lukas Marvan
Myslíte, že není ještě potřeba mít mobilní web? Statistiky vás vyvedou z omylu. Specifika mobilních zařízení – mobilní musí znamenat rychlý. Přístupy k mobilnímu designu a rozdíly oproti návrhu klasického webu. Prioritizace informací. Prvky (ne)žádoucí pro mobilní rozhraní – mobilní neznamená informačně osekaný. Jak na dotyková rozhraní a jejich specifikace.
Doba mobilní …
Doba mobilní …
Sherpas
Co by měl UXák vědět o responzivním webdesignu? Přednáška pro UX Monday Plzeň.
Co by měl UXák vědět o responzivním webdesignu?
Co by měl UXák vědět o responzivním webdesignu?
Martin Michálek
Summary of the project: - what was the situation - which steps we have taken - why we choose form of an exhibition - and what were the results
Exhibition "Digital Design:Behind the Pixels" - UX Camp Europe 2016
Exhibition "Digital Design:Behind the Pixels" - UX Camp Europe 2016
Lukas Marvan
6 největších pohrom pro mobilní uživatele vašeho webu: 1) Ne-optimalizace 2) Pře-optimalizace 3) Desktop UI 4) Splashscreen 5) Mobilní vzhled na tabletech 6) Pomalost načítání
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Martin Michálek
Povídání o přístupnosti a WCAG 2.0 na srpnovém UX Monday v Praze.
Přístupnost prakticky 2.0
Přístupnost prakticky 2.0
Lukas Marvan
Komentované slajdy k mé prezentaci z mobileDevCampu 2013 o přístupnosti pro mobilní zařízení.
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
Radek Pavlíček
http://www.vzhurudolu.cz 3 kroky za klasickým responzivním webdesignem: — Různé verze médií — Rychlost načítání — Efektivita práce: mikrobreakpointy a mobile up
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)
Martin Michálek
Představení záměru uspořádat na podzim 2015 ve spolupráci s Asociací UX a CZECHDESIGN výstavu o digitálním designu.
Výstava o digitálním designu
Výstava o digitálním designu
Lukas Marvan
Přednáška pro konferenci Common 2016. Co je a proč používat Mobile First? Ukázky kódu z praxe a problémy tohoto postupu. ✎ http://www.vzhurudolu.cz/prirucka/mobile-first
Mobile First v praxi
Mobile First v praxi
Martin Michálek
Présentation au Forum Néo Média, Nouveaux Métiers (MMI - Bordeaux) lors du débat sur la communication numérique. Lancement du débat pour définir ce qu'est la communication digitale
Qu'est-ce que la communication digitale (numerique)
Qu'est-ce que la communication digitale (numerique)
Fadhila BRAHIMI
http://www.vzhurudolu.cz/prednaska/design-webu-v-prohlizeci-149 ***** Přednáška pr WebExpo 2015. Pojďme si ukázat proces návrhu rozhraní webu při responzivním redesignu eshopu VašeČočky.cz. V posledních letech jsem opustil standardní postupy s wireframy a Photoshopem. Vystačím si s papírem, tužkou a prohlížečem.
Design webů v prohlížeči
Design webů v prohlížeči
Martin Michálek
How do you design a mobile money service for people in rural Uganda who’ve never had a bank account? How do you test the usability of a mobile phone’s address book for users in rural India who’ve never had an address… yet alone an analog address book? As cheap PCs and inexpensive mobile phones flood the global market, usability and user experience professionals will encounter more and more questions like these – questions that challenge not only our research tools and methodologies, but our fundamental assumptions about how people engage with technology. In this talk, Rachel will share insights she’s gained through creating experiences that must scale across vastly different cultures. She’ll share her thoughts on the challenges and opportunities designing for global markets will present to the user experience industry in the years to come.
Technology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX Australia
Rachel Hinman
Slidy z konference Internet Jungle 2014
Dalibor Pulkert: Mobilní Džungle
Dalibor Pulkert: Mobilní Džungle
Etnetera
Final virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontier
Rachel Hinman
Presentation from WebVisions 2011
The Mobile Frontier
The Mobile Frontier
Rachel Hinman
Prezentace k přednášce na VŠE #4it445
Testování použitelnosti prakticky
Testování použitelnosti prakticky
Lukas Marvan
Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1
Rachel Hinman
Mobile Prototyping Essentials Workshop: Part 2
Mobile Prototyping Essentials Workshop: Part 2
Rachel Hinman
V přednášce se podíváme na zajímavé novinky, které vám usnadní dělat rychlejší weby. Je zde spousta nových technologií, které můžeme v prohlížečích používat už nyní, ale mezi vývojáři nemají takovou popularitu. A to nemluvíme o nových nástrojích pro ladění rychlosti, které jsou po ruce a šetří nám čas.
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Martin Michálek
CSS je skoro všude. Pomocí CSS tvořím weby, připravuji jejich tiskové verze, sázím e-booky a menší PDF… Můj odvěký sen ale byl dostat se s CSS také do tiskárny při sazbě pořádné knihy. Jak to dopadlo? To se dozvíte v téhle přednášce.
CSS a sazba knih: jak jsme daleko?
CSS a sazba knih: jak jsme daleko?
Martin Michálek
My slides from WebExpo 2022 keynote for Frontendisti.cz stage. The world is changing, the frontend is changing, and we have to change with it. What makes 2022 special? Take a look at it through the eyes of a representative of the Frontendisti.cz community. https://www.webexpo.net/prague2022/talk/frontend-keynote
Browsers: from competition to collaboration
Browsers: from competition to collaboration
Martin Michálek
Third-parties nám zpomalují weby. To víme. Ale skutečně jsme jako vývojáři proti nim tak bezbranní, jak si občas myslíme? V přednášce si ukážeme jak identifikovat problematické komponenty třetích stran a jak minimalizovat jejich dopady na rychlost webu.
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
Martin Michálek
V posledním roce jsem spolupracoval na optimalizaci zhruba dvacítky webů, většinou e-shopů. Před přednáškou jsem se zamyslel, které technické úpravy obvykle pomohou rychlost nějak popostrčit k lepšímu. Vznikl tak seznam o 17 bodech. V Ostravě si je všechny jeden po druhém projdeme.
17 technických tipů ke zrychlení webů
17 technických tipů ke zrychlení webů
Martin Michálek
Přednáška z Czech Online Summit 2019. Praktická rychlost webu pro eshopaře, marketéry a UXáky. Jak ji měřit a jak raději ne. Co můžete vylepšit sami a jak? Jak zaúkolovat vývojáře a ohlídat alespoň základní věci bez znalostí technických detailů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Martin Michálek
Contenu connexe
En vedette
Summary of the project: - what was the situation - which steps we have taken - why we choose form of an exhibition - and what were the results
Exhibition "Digital Design:Behind the Pixels" - UX Camp Europe 2016
Exhibition "Digital Design:Behind the Pixels" - UX Camp Europe 2016
Lukas Marvan
6 největších pohrom pro mobilní uživatele vašeho webu: 1) Ne-optimalizace 2) Pře-optimalizace 3) Desktop UI 4) Splashscreen 5) Mobilní vzhled na tabletech 6) Pomalost načítání
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Martin Michálek
Povídání o přístupnosti a WCAG 2.0 na srpnovém UX Monday v Praze.
Přístupnost prakticky 2.0
Přístupnost prakticky 2.0
Lukas Marvan
Komentované slajdy k mé prezentaci z mobileDevCampu 2013 o přístupnosti pro mobilní zařízení.
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
Radek Pavlíček
http://www.vzhurudolu.cz 3 kroky za klasickým responzivním webdesignem: — Různé verze médií — Rychlost načítání — Efektivita práce: mikrobreakpointy a mobile up
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)
Martin Michálek
Představení záměru uspořádat na podzim 2015 ve spolupráci s Asociací UX a CZECHDESIGN výstavu o digitálním designu.
Výstava o digitálním designu
Výstava o digitálním designu
Lukas Marvan
Přednáška pro konferenci Common 2016. Co je a proč používat Mobile First? Ukázky kódu z praxe a problémy tohoto postupu. ✎ http://www.vzhurudolu.cz/prirucka/mobile-first
Mobile First v praxi
Mobile First v praxi
Martin Michálek
Présentation au Forum Néo Média, Nouveaux Métiers (MMI - Bordeaux) lors du débat sur la communication numérique. Lancement du débat pour définir ce qu'est la communication digitale
Qu'est-ce que la communication digitale (numerique)
Qu'est-ce que la communication digitale (numerique)
Fadhila BRAHIMI
http://www.vzhurudolu.cz/prednaska/design-webu-v-prohlizeci-149 ***** Přednáška pr WebExpo 2015. Pojďme si ukázat proces návrhu rozhraní webu při responzivním redesignu eshopu VašeČočky.cz. V posledních letech jsem opustil standardní postupy s wireframy a Photoshopem. Vystačím si s papírem, tužkou a prohlížečem.
Design webů v prohlížeči
Design webů v prohlížeči
Martin Michálek
How do you design a mobile money service for people in rural Uganda who’ve never had a bank account? How do you test the usability of a mobile phone’s address book for users in rural India who’ve never had an address… yet alone an analog address book? As cheap PCs and inexpensive mobile phones flood the global market, usability and user experience professionals will encounter more and more questions like these – questions that challenge not only our research tools and methodologies, but our fundamental assumptions about how people engage with technology. In this talk, Rachel will share insights she’s gained through creating experiences that must scale across vastly different cultures. She’ll share her thoughts on the challenges and opportunities designing for global markets will present to the user experience industry in the years to come.
Technology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX Australia
Rachel Hinman
Slidy z konference Internet Jungle 2014
Dalibor Pulkert: Mobilní Džungle
Dalibor Pulkert: Mobilní Džungle
Etnetera
Final virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontier
Rachel Hinman
Presentation from WebVisions 2011
The Mobile Frontier
The Mobile Frontier
Rachel Hinman
Prezentace k přednášce na VŠE #4it445
Testování použitelnosti prakticky
Testování použitelnosti prakticky
Lukas Marvan
Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1
Rachel Hinman
Mobile Prototyping Essentials Workshop: Part 2
Mobile Prototyping Essentials Workshop: Part 2
Rachel Hinman
En vedette
(16)
Exhibition "Digital Design:Behind the Pixels" - UX Camp Europe 2016
Exhibition "Digital Design:Behind the Pixels" - UX Camp Europe 2016
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Přístupnost prakticky 2.0
Přístupnost prakticky 2.0
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)
Výstava o digitálním designu
Výstava o digitálním designu
Mobile First v praxi
Mobile First v praxi
Qu'est-ce que la communication digitale (numerique)
Qu'est-ce que la communication digitale (numerique)
Design webů v prohlížeči
Design webů v prohlížeči
Technology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX Australia
Dalibor Pulkert: Mobilní Džungle
Dalibor Pulkert: Mobilní Džungle
Final virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontier
The Mobile Frontier
The Mobile Frontier
Testování použitelnosti prakticky
Testování použitelnosti prakticky
Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 2
Mobile Prototyping Essentials Workshop: Part 2
Plus de Martin Michálek
V přednášce se podíváme na zajímavé novinky, které vám usnadní dělat rychlejší weby. Je zde spousta nových technologií, které můžeme v prohlížečích používat už nyní, ale mezi vývojáři nemají takovou popularitu. A to nemluvíme o nových nástrojích pro ladění rychlosti, které jsou po ruce a šetří nám čas.
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Martin Michálek
CSS je skoro všude. Pomocí CSS tvořím weby, připravuji jejich tiskové verze, sázím e-booky a menší PDF… Můj odvěký sen ale byl dostat se s CSS také do tiskárny při sazbě pořádné knihy. Jak to dopadlo? To se dozvíte v téhle přednášce.
CSS a sazba knih: jak jsme daleko?
CSS a sazba knih: jak jsme daleko?
Martin Michálek
My slides from WebExpo 2022 keynote for Frontendisti.cz stage. The world is changing, the frontend is changing, and we have to change with it. What makes 2022 special? Take a look at it through the eyes of a representative of the Frontendisti.cz community. https://www.webexpo.net/prague2022/talk/frontend-keynote
Browsers: from competition to collaboration
Browsers: from competition to collaboration
Martin Michálek
Third-parties nám zpomalují weby. To víme. Ale skutečně jsme jako vývojáři proti nim tak bezbranní, jak si občas myslíme? V přednášce si ukážeme jak identifikovat problematické komponenty třetích stran a jak minimalizovat jejich dopady na rychlost webu.
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
Martin Michálek
V posledním roce jsem spolupracoval na optimalizaci zhruba dvacítky webů, většinou e-shopů. Před přednáškou jsem se zamyslel, které technické úpravy obvykle pomohou rychlost nějak popostrčit k lepšímu. Vznikl tak seznam o 17 bodech. V Ostravě si je všechny jeden po druhém projdeme.
17 technických tipů ke zrychlení webů
17 technických tipů ke zrychlení webů
Martin Michálek
Přednáška z Czech Online Summit 2019. Praktická rychlost webu pro eshopaře, marketéry a UXáky. Jak ji měřit a jak raději ne. Co můžete vylepšit sami a jak? Jak zaúkolovat vývojáře a ohlídat alespoň základní věci bez znalostí technických detailů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Martin Michálek
Lidé se často zaměřují na chybné ukazatele. Na co se dívat a na co naopak ne? Co o reálné rychlosti načítání říkají Google Analytics, co datová velikost stránky a co nástroj Lighthouse?
Blbosti kolem webové rychlosti
Blbosti kolem webové rychlosti
Martin Michálek
Přednáška a workshop pro "SEO jako Brno". jaký je význam rychlosti webu na které metriky se dívat a jak je chápat jaké nástroje pro posuzování rychlosti webů používat jaké jsou základní technické (obsahové) prostředky ke zvýšení rychlosti webů jaké jsou pokročilejší možnosti pro zrychlení
SEO jako Brno - workshop k rychlosti webu
SEO jako Brno - workshop k rychlosti webu
Martin Michálek
Projdeme si agrumenty, proč je důležité lpět na rychlosti načítání webu. Ukážeme si několik častých chyb a jak je možné webařské týmy kontrolovat. No a samozřejmě – jakou roli v tom celém hraje nová technologie AMP od Google. Máte ji nasadit?
Web rychlý jako blesk (s důrazem na AMP)
Web rychlý jako blesk (s důrazem na AMP)
Martin Michálek
Příklady využití CSS proměnných. Přednáška na Frontendistech v prosinci 2017. https://www.meetup.com/frontendisti/events/txhljmywqbrb/
CSS proměnné (Custom Properties)
CSS proměnné (Custom Properties)
Martin Michálek
Vývoj nového Bootstrapu trval skoro tři a půl roku, ale jednou to přijít muselo. V přednášce se zaměřím na novinky a taky se podívám, v čem mu dochází dech.
Devel.cz: Bootstrap 4
Devel.cz: Bootstrap 4
Martin Michálek
Přednáška pro SEOloger naživo. Google svou technologii AMP letos přímo amplifikuje, silně ji tlačí do světa. AMP Stories se jako konkurence Instagram Stories možná daly očekávat. Posilování pozice AMPu v e-commerce taky. Málokdo ale čekal, že tahle technologie poslouží jako podklad pro revoluci v tvorbě e-mailů. Jaké novinky Google v oblasti AMP tlačí a jak budou užitečné pro různé typy vašich klientů?
AMP: Co řeší a co nového nabízí
AMP: Co řeší a co nového nabízí
Martin Michálek
Speed Index, TTFB, FP, FCP, DCL a další podivné zkratky. Které vám ale mohou pomoci s chápáním rychlosti načítání vašeho webu.
Metriky rychlosti načítání
Metriky rychlosti načítání
Martin Michálek
Přístupnost nemusí bolet. Podíváme se na časté chyby, které kodéři a designéři sekají jako slepý Baťa cvičky. Pak si ukážeme pár jednoduchých tipů, jak bez velké námahy pomoci nevidomým uživatelům vašich webů. A hlavně se podíváme na několik správně nakódovaných návrhových vzorů. Víte jak navrhout například přístupný našeptávač? Martin Michálek je frontend designér na volné noze s takřka dvacetiletou praxí. Píše blog Vzhůru dolů, spoluzaložil a vede spolek Frontendisti.cz. Hlavně ale pomáhá s návrhem a implementací webových uživatelských rozhraní. V poslední době pracuje pro klienty jako jsou VašeČočky.cz, Svobodná Evropa nebo Česká televize.
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
Martin Michálek
Metody organizace stylů vycházející z podstaty CSS.
Je CSS vážně tak podivné?
Je CSS vážně tak podivné?
Martin Michálek
Jak si nejprodávanější WordPress šablony stojí s rychlostí frontendu? Zjistil jsem, že to moc testovat nejde a tak kupujete zajíce v pytli. V přednášce tedy dostanete seznam nejčastějších problémů a stručný návod k jejich odstranění.
WordPress šablony a rychlost načítání (WordCamp Praha 2017)
WordPress šablony a rychlost načítání (WordCamp Praha 2017)
Martin Michálek
Procházím svůj proces návrhu a realizace rozhraní bez složitých nástrojů. Jeho základem je HTML prototypování. Ukazuji, proč by jej měli chtít používat designéři a proč frontendisti a své dobré i špatné zkušenosti s ním.
Slasti a pasti prototypování v HTML
Slasti a pasti prototypování v HTML
Martin Michálek
SVG bude pro tvorbu uživatelských rozhraní hotová revoluce. To si pište. Flexbox spolu s novými CSS3 vlastnostmi zase zjednodušuje postupy, které dřív z kodérů lezly jako z chlupaté deky. Designéři, vezměte svého kodéra a přijďte se ruku v ruce inspirovat novými technologickými možnostmi frontendu.
10 praktických CSS3 a SVG řešení
10 praktických CSS3 a SVG řešení
Martin Michálek
Proč vlastně řešit rychlost načtení? Proč v souvislostí s rychlostí nemluvit jen o rychlosti načtení stránky? Jak zjistit nedostatky webu související s rychlostí? A co chtít po kodérech, když je objevíte? http://www.vzhurudolu.cz/prednaska/seologer-178
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webů
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webů
Martin Michálek
Co potřebujete vědět o implementaci responzivních fotek a vektorů?
Responzivní obrázky v praxi
Responzivní obrázky v praxi
Martin Michálek
Plus de Martin Michálek
(20)
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
CSS a sazba knih: jak jsme daleko?
CSS a sazba knih: jak jsme daleko?
Browsers: from competition to collaboration
Browsers: from competition to collaboration
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
17 technických tipů ke zrychlení webů
17 technických tipů ke zrychlení webů
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Blbosti kolem webové rychlosti
Blbosti kolem webové rychlosti
SEO jako Brno - workshop k rychlosti webu
SEO jako Brno - workshop k rychlosti webu
Web rychlý jako blesk (s důrazem na AMP)
Web rychlý jako blesk (s důrazem na AMP)
CSS proměnné (Custom Properties)
CSS proměnné (Custom Properties)
Devel.cz: Bootstrap 4
Devel.cz: Bootstrap 4
AMP: Co řeší a co nového nabízí
AMP: Co řeší a co nového nabízí
Metriky rychlosti načítání
Metriky rychlosti načítání
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
Je CSS vážně tak podivné?
Je CSS vážně tak podivné?
WordPress šablony a rychlost načítání (WordCamp Praha 2017)
WordPress šablony a rychlost načítání (WordCamp Praha 2017)
Slasti a pasti prototypování v HTML
Slasti a pasti prototypování v HTML
10 praktických CSS3 a SVG řešení
10 praktických CSS3 a SVG řešení
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webů
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webů
Responzivní obrázky v praxi
Responzivní obrázky v praxi
Debugování responzivních webů
1.
Debugování responzivních webů Martin Michálek @machal 23. června
2016 {F}
2.
Tři fáze ladění 1)
DevTools 2) Browserstack 3) Zařízení & Browsersync
3.
DevTools Device Toolbar v
Chrome DevTools. Tady trávím většinu času. Odladím vzhled pro všechna rozlišení.
4.
Browserstack Používám namísto emulátorů
a simulátorů. Stojí asi 500 Kč na měsíc.
5.
Browsersync Nakonec testuji na
fyzických zařízeních. Browsersync s nimi lze propojit i napříč platformami.
6.
Děkuji! @machal facebook.com/VzhuruDolu martin@vzhurudolu.cz
Télécharger maintenant