SlideShare a Scribd company logo
FB: facebook.com/peckadesign TW: @peckadesign
RESPONSIVNÍ DESIGN
Přemysl Posker, Radek Šerý

PeckaDesign
FB: facebook.com/peckadesign TW: @peckadesign
FB: facebook.com/peckadesign TW: @peckadesign
FB: facebook.com/peckadesign TW: @peckadesign
FB: facebook.com/peckadesign TW: @peckadesign
PŘÍSTUPNOST
Metodiky jsou dostupné na: http://blindfriendly.cz/
FB: facebook.com/peckadesign TW: @peckadesign
SÉMANTIKA
FB: facebook.com/peckadesign TW: @peckadesign
SÉMANTIKA
Základní pravidla
• Využívat odpovídající tagy
• Tabulky pro tabulková data
• Vzhled patří do CSS
FB: facebook.com/peckadesign TW: @peckadesign
VALIDITA
FB: facebook.com/peckadesign TW: @peckadesign
VALIDITA
• Přístupnost webu
• Použitelnost webu
• Zobrazení v alternativních prohlížečích
Zajišťuje lepší
FB: facebook.com/peckadesign TW: @peckadesign
CO JE TO RESPONSIVNÍ DESIGN
• Z anglického slova “responsive”
• Jeden web pro všechna zařízení
FB: facebook.com/peckadesign TW: @peckadesign
PŘÍKLAD ROZVRŽENÍ E-SHOPU: SROVNÁNÍ
FB: facebook.com/peckadesign TW: @peckadesign
UKÁZKA REÁLNÉHO WEBU
DESIGNVILLE.CZ
FB: facebook.com/peckadesign TW: @peckadesign
PROČ RESPONSIVNÍ DESIGN
• Optimalizace webu podle velikosti zařízení
• Stále větší množství návštěv webu je z alternativních zařízení
FB: facebook.com/peckadesign TW: @peckadesign
PROČ RESPONSIVNÍ DESIGN
Zdroj: https://twitter.com/machal/status/629560165793157120
FB: facebook.com/peckadesign TW: @peckadesign
PROČ RESPONSIVNÍ DESIGN
Výhody
• Pohodlné použití webu na mobilním zařízení či tabletu
• Tvorba a udržování pouze jedné verze
• Jednotné URL stránek pro mobilní i desktopovou verzi
FB: facebook.com/peckadesign TW: @peckadesign
PROČ RESPONSIVNÍ DESIGN
Nevýhody
• Časově náročnější tvorba
• Potenciálně velká datová
náročnost
FB: facebook.com/peckadesign TW: @peckadesign
ZÁKLADNÍ PŘÍSTUPY
Mobile first Mobile last
FB: facebook.com/peckadesign TW: @peckadesign
TVORBA RESPONSIVNÍHO WEBU
Mobile first
• Přirozeně prioritizuje důležité informace
• Větší nároky při návrhu, ale jednodušší implementace
• "Progressive enhancement" vs "Graceful degradation"
Více info: http://goo.gl/89UPNm
FB: facebook.com/peckadesign TW: @peckadesign
GRAFICKÝ NÁVRH, UX
• Zaměření na důležité informace a
nejčastější způsob užití webu
• Rozdílné schopnosti zobrazení
• Odlišný způsob ovládání
• Vše je "fluidní", téměř nic nemá
pevné rozměry
FB: facebook.com/peckadesign TW: @peckadesign
Zdroj: http://www.slideshare.net/superdifficult1/responsive-web-design-12494360
FB: facebook.com/peckadesign TW: @peckadesign
GRAFICKÝ NÁVRH, UX
Příklady break-pointů layoutu
Zařízení Velikost displeje
Mobilní telefony 480px a méně
Malé tablety 767px a méně
Tablety 959px a méně
Netbooky 1024px a méně
Desktop více než 1024px
• Méně je více
• Alternativa – použití "em" pro
definici break-pointů
FB: facebook.com/peckadesign TW: @peckadesign
KÓDOVÁNÍ HTML & CSS
Jak mobilní telefon/tablet pozná, že je web responsivní?
• Rozdílné meta-tagy pro různá zařízení
FB: facebook.com/peckadesign TW: @peckadesign
KÓDOVÁNÍ HTML & CSS
Pro zacílení zařízení používáme media queries
• Typ zobrazení (screen, print)
• Minimální/maximální šířka/výška
• Požadované rozlišení (dpi, pixel density)
• Orientace displeje (portrait, landscape)
• Poměr stran
Více info: http://goo.gl/89UPNm
FB: facebook.com/peckadesign TW: @peckadesign
KÓDOVÁNÍ HTML & CSS
Příklady media queries
FB: facebook.com/peckadesign TW: @peckadesign
KÓDOVÁNÍ HTML & CSS
Příklady media queries
Zdroj: https://goo.gl/cQtcQS
FB: facebook.com/peckadesign TW: @peckadesign
KÓDOVÁNÍ HTML & CSS
• Všechny rozměry layoutu v relativních jednotkách
• Pevné rozměry pouze výjimečně
• Usnadnění práce pomocí frameworků
• Boostrap, Skeleton, grid systémy
FB: facebook.com/peckadesign TW: @peckadesign
KÓDOVÁNÍ HTML & CSS
Příklad responsivního obrázku
FB: facebook.com/peckadesign TW: @peckadesign
KÓDOVÁNÍ HTML & CSS
Příklad responsivního
obrázku ve vymezeném
prostoru
FB: facebook.com/peckadesign TW: @peckadesign
KÓDOVÁNÍ HTML & CSS
Příklad mobile first vs mobile last
FB: facebook.com/peckadesign TW: @peckadesign
Příklad mobile first vs mobile last
FB: facebook.com/peckadesign TW: @peckadesign
JAVASCRIPT
• Velké rozdíly v implementaci
• Různá podpora událostí
• Hybridní zařízení, notebooky s dotykovou obrazovkou a myší
• Nutnost výkonové optimalizace
FB: facebook.com/peckadesign TW: @peckadesign
JAVASCRIPT
Problematické části
• Rozdílné ovládání na jednotlivých zařízeních
• Ne všechny pluginy jsou přizpůsobené pro responsivní design
FB: facebook.com/peckadesign TW: @peckadesign
JAVASCRIPT
Problematické části
• Srovnávání výšek dvou či
více prvků s rozdílným
obsahem a stejnou výškou
zobrazených vedle sebe
FB: facebook.com/peckadesign TW: @peckadesign
TESTOVÁNÍ A LADĚNÍ
FB: facebook.com/peckadesign TW: @peckadesign
TESTOVÁNÍ A LADĚNÍ
FB: facebook.com/peckadesign TW: @peckadesign
TESTOVÁNÍ A LADĚNÍ
FB: facebook.com/peckadesign TW: @peckadesign
TESTOVÁNÍ A LADĚNÍ
• VirtualBox
• Vagrant
• VMware
FB: facebook.com/peckadesign TW: @peckadesign
TESTOVÁNÍ A LADĚNÍ
FB: facebook.com/peckadesign TW: @peckadesign
TESTOVÁNÍ A LADĚNÍ
Před spuštěním
• Počet requestů
• Minifikace souborů
• Velikost stažených dat
• Checklist
Nástroje
• webpagetest.org
• tinypng.com
FB: facebook.com/peckadesign TW: @peckadesign
MODERNÍ TRENDY
CSS frameworky
• Záleží na typu prezentace
• Spousta vlastností, které nejsou využívány
• Horší přizpůsobitelnost
FB: facebook.com/peckadesign TW: @peckadesign
MODERNÍ TRENDY
CSS Sprity
• Redukce requestů na server
• Generátory
• Vlastní mřížka
FB: facebook.com/peckadesign TW: @peckadesign
MODERNÍ TRENDY
Ikon fonty
• Tvorba fontů: 

http://www.fontastic.me
• Základní fonty zdarma: 

http://genericons.com/
• Optimalizace fontů: 

http://www.fontsquirrel.com/
FB: facebook.com/peckadesign TW: @peckadesign
MODERNÍ TRENDY
CSS preprocesory
• LESS, SASS, Stylus
• Proměnné
• Funkce
• Zanořování
FB: facebook.com/peckadesign TW: @peckadesign
Příklad možností CSS preprocesorů
FB: facebook.com/peckadesign TW: @peckadesign
Příklad možností CSS preprocesorů
FB: facebook.com/peckadesign TW: @peckadesign
DĚKUJEME ZA POZORNOST
Přemysl Posker, Radek Šerý
Máte dotazy?
e-mail: radek.sery@peckadesign.cz, premysl.posker@peckadesign.cz

More Related Content

Viewers also liked

Vyjednávání PeckaDesign Academy
Vyjednávání  PeckaDesign AcademyVyjednávání  PeckaDesign Academy
Vyjednávání PeckaDesign Academy
PeckaDesign.cz
 
Základy SQL
Základy SQLZáklady SQL
Základy SQL
PeckaDesign.cz
 
Ux designer
Ux designerUx designer
Ux designer
PeckaDesign.cz
 
5 kroků jak na úspěšný redesign aneb jak se vyhnout údolí smrti
5 kroků jak na úspěšný redesign aneb jak se vyhnout údolí smrti5 kroků jak na úspěšný redesign aneb jak se vyhnout údolí smrti
5 kroků jak na úspěšný redesign aneb jak se vyhnout údolí smrti
PeckaDesign.cz
 
Jak děláme produktový remarketing na Facebooku
Jak děláme produktový remarketing na FacebookuJak děláme produktový remarketing na Facebooku
Jak děláme produktový remarketing na Facebooku
PeckaDesign.cz
 
Michal Horák: Zanechte dojem a odlište se
Michal Horák: Zanechte dojem a odlište seMichal Horák: Zanechte dojem a odlište se
Michal Horák: Zanechte dojem a odlište se
PeckaDesign.cz
 
Základní práce s příkazovým řádkem
Základní práce s příkazovým řádkemZákladní práce s příkazovým řádkem
Základní práce s příkazovým řádkem
PeckaDesign.cz
 
Jak vám pomůže OpenRefine
Jak vám pomůže OpenRefineJak vám pomůže OpenRefine
Jak vám pomůže OpenRefine
PeckaDesign.cz
 
E-maily pro mobil
E-maily pro mobilE-maily pro mobil
E-maily pro mobil
PeckaDesign.cz
 
Personalizace inzerátů pomocí web miningu
Personalizace inzerátů pomocí web mininguPersonalizace inzerátů pomocí web miningu
Personalizace inzerátů pomocí web miningu
PeckaDesign.cz
 
Využití OpenRefine při automatizaci PPC kampaní
Využití OpenRefine při automatizaci PPC kampaníVyužití OpenRefine při automatizaci PPC kampaní
Využití OpenRefine při automatizaci PPC kampaní
PeckaDesign.cz
 
PPC Camp 2015 Workshop Google Spreadsheets Petr Bureš
PPC Camp 2015 Workshop Google Spreadsheets Petr BurešPPC Camp 2015 Workshop Google Spreadsheets Petr Bureš
PPC Camp 2015 Workshop Google Spreadsheets Petr Bureš
PeckaDesign.cz
 
Jak se Megapixelu vyplatil responzivní design
Jak se Megapixelu vyplatil responzivní designJak se Megapixelu vyplatil responzivní design
Jak se Megapixelu vyplatil responzivní design
PeckaDesign.cz
 
Bashop.cz případová studie Marketing Festival
Bashop.cz případová studie Marketing FestivalBashop.cz případová studie Marketing Festival
Bashop.cz případová studie Marketing Festival
PeckaDesign.cz
 

Viewers also liked (14)

Vyjednávání PeckaDesign Academy
Vyjednávání  PeckaDesign AcademyVyjednávání  PeckaDesign Academy
Vyjednávání PeckaDesign Academy
 
Základy SQL
Základy SQLZáklady SQL
Základy SQL
 
Ux designer
Ux designerUx designer
Ux designer
 
5 kroků jak na úspěšný redesign aneb jak se vyhnout údolí smrti
5 kroků jak na úspěšný redesign aneb jak se vyhnout údolí smrti5 kroků jak na úspěšný redesign aneb jak se vyhnout údolí smrti
5 kroků jak na úspěšný redesign aneb jak se vyhnout údolí smrti
 
Jak děláme produktový remarketing na Facebooku
Jak děláme produktový remarketing na FacebookuJak děláme produktový remarketing na Facebooku
Jak děláme produktový remarketing na Facebooku
 
Michal Horák: Zanechte dojem a odlište se
Michal Horák: Zanechte dojem a odlište seMichal Horák: Zanechte dojem a odlište se
Michal Horák: Zanechte dojem a odlište se
 
Základní práce s příkazovým řádkem
Základní práce s příkazovým řádkemZákladní práce s příkazovým řádkem
Základní práce s příkazovým řádkem
 
Jak vám pomůže OpenRefine
Jak vám pomůže OpenRefineJak vám pomůže OpenRefine
Jak vám pomůže OpenRefine
 
E-maily pro mobil
E-maily pro mobilE-maily pro mobil
E-maily pro mobil
 
Personalizace inzerátů pomocí web miningu
Personalizace inzerátů pomocí web mininguPersonalizace inzerátů pomocí web miningu
Personalizace inzerátů pomocí web miningu
 
Využití OpenRefine při automatizaci PPC kampaní
Využití OpenRefine při automatizaci PPC kampaníVyužití OpenRefine při automatizaci PPC kampaní
Využití OpenRefine při automatizaci PPC kampaní
 
PPC Camp 2015 Workshop Google Spreadsheets Petr Bureš
PPC Camp 2015 Workshop Google Spreadsheets Petr BurešPPC Camp 2015 Workshop Google Spreadsheets Petr Bureš
PPC Camp 2015 Workshop Google Spreadsheets Petr Bureš
 
Jak se Megapixelu vyplatil responzivní design
Jak se Megapixelu vyplatil responzivní designJak se Megapixelu vyplatil responzivní design
Jak se Megapixelu vyplatil responzivní design
 
Bashop.cz případová studie Marketing Festival
Bashop.cz případová studie Marketing FestivalBashop.cz případová studie Marketing Festival
Bashop.cz případová studie Marketing Festival
 

Similar to PeckaDesign Academy - Responzivní design

Péhápkaři v Pecce: phpDay2018 Verona - Jan Kadeřábek - 16. 5. 2018
Péhápkaři v Pecce: phpDay2018 Verona - Jan Kadeřábek - 16. 5. 2018Péhápkaři v Pecce: phpDay2018 Verona - Jan Kadeřábek - 16. 5. 2018
Péhápkaři v Pecce: phpDay2018 Verona - Jan Kadeřábek - 16. 5. 2018
PeckaDesign.cz
 
Cesta k frontendové revoluci na běžícím projektu v podání Vue.js na akci Veli...
Cesta k frontendové revoluci na běžícím projektu v podání Vue.js na akci Veli...Cesta k frontendové revoluci na běžícím projektu v podání Vue.js na akci Veli...
Cesta k frontendové revoluci na běžícím projektu v podání Vue.js na akci Veli...
Jan Kadeřábek
 
PeckaAcademy - Zbožové srovnávače od A-Z - Petra Mariánková
PeckaAcademy - Zbožové srovnávače od A-Z - Petra MariánkováPeckaAcademy - Zbožové srovnávače od A-Z - Petra Mariánková
PeckaAcademy - Zbožové srovnávače od A-Z - Petra Mariánková
PeckaDesign.cz
 
Webový front-end ve službách mobilního vývojáře
Webový front-end  ve službách mobilního  vývojáře Webový front-end  ve službách mobilního  vývojáře
Webový front-end ve službách mobilního vývojáře Martin Michálek
 
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlůmWebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
PeckaDesign.cz
 
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík
 
Protože design není dekorace
Protože design není dekoraceProtože design není dekorace
Protože design není dekorace
Jan Brašna
 
SymfonyCon Cluj 2017
SymfonyCon Cluj 2017SymfonyCon Cluj 2017
SymfonyCon Cluj 2017
PeckaDesign.cz
 
Oxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPressOxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPress
Aleš Sýkora
 
Pokročilá validace síly hesla
Pokročilá validace síly heslaPokročilá validace síly hesla
Pokročilá validace síly hesla
PeckaDesign.cz
 
4. WordPress konference - E-commerce řešení pro WordPress
4. WordPress konference - E-commerce řešení pro WordPress4. WordPress konference - E-commerce řešení pro WordPress
4. WordPress konference - E-commerce řešení pro WordPress
Jan Kalianko
 
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)
Martin Michálek
 
Multimediální projekty 2016
Multimediální projekty 2016Multimediální projekty 2016
Multimediální projekty 2016
Studia nových médii, FF UK, Praha
 
Na co si dát pozor, než ve WordPressu nainstalujete plugin nebo šablonu
 Na co si dát pozor, než ve WordPressu nainstalujete plugin nebo šablonu Na co si dát pozor, než ve WordPressu nainstalujete plugin nebo šablonu
Na co si dát pozor, než ve WordPressu nainstalujete plugin nebo šablonu
Vlastimil Ott
 
Péhápkaři v Pecce: Jak si lokálně spustit Travis CI Build – Jakub Englický – ...
Péhápkaři v Pecce: Jak si lokálně spustit Travis CI Build – Jakub Englický – ...Péhápkaři v Pecce: Jak si lokálně spustit Travis CI Build – Jakub Englický – ...
Péhápkaři v Pecce: Jak si lokálně spustit Travis CI Build – Jakub Englický – ...
PeckaDesign.cz
 
Tvorba nových vstupních stránek z pohledu SEO
Tvorba nových vstupních stránek z pohledu SEO Tvorba nových vstupních stránek z pohledu SEO
Tvorba nových vstupních stránek z pohledu SEO
PeckaDesign.cz
 
Hledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešitHledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešit
Desingdev
 

Similar to PeckaDesign Academy - Responzivní design (20)

Péhápkaři v Pecce: phpDay2018 Verona - Jan Kadeřábek - 16. 5. 2018
Péhápkaři v Pecce: phpDay2018 Verona - Jan Kadeřábek - 16. 5. 2018Péhápkaři v Pecce: phpDay2018 Verona - Jan Kadeřábek - 16. 5. 2018
Péhápkaři v Pecce: phpDay2018 Verona - Jan Kadeřábek - 16. 5. 2018
 
Cesta k frontendové revoluci na běžícím projektu v podání Vue.js na akci Veli...
Cesta k frontendové revoluci na běžícím projektu v podání Vue.js na akci Veli...Cesta k frontendové revoluci na běžícím projektu v podání Vue.js na akci Veli...
Cesta k frontendové revoluci na běžícím projektu v podání Vue.js na akci Veli...
 
PeckaAcademy - Zbožové srovnávače od A-Z - Petra Mariánková
PeckaAcademy - Zbožové srovnávače od A-Z - Petra MariánkováPeckaAcademy - Zbožové srovnávače od A-Z - Petra Mariánková
PeckaAcademy - Zbožové srovnávače od A-Z - Petra Mariánková
 
Webový front-end ve službách mobilního vývojáře
Webový front-end  ve službách mobilního  vývojáře Webový front-end  ve službách mobilního  vývojáře
Webový front-end ve službách mobilního vývojáře
 
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlůmWebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
 
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
 
Protože design není dekorace
Protože design není dekoraceProtože design není dekorace
Protože design není dekorace
 
SymfonyCon Cluj 2017
SymfonyCon Cluj 2017SymfonyCon Cluj 2017
SymfonyCon Cluj 2017
 
Oxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPressOxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPress
 
Bez HTML5/CSS3 to nejde
Bez HTML5/CSS3 to nejdeBez HTML5/CSS3 to nejde
Bez HTML5/CSS3 to nejde
 
Pokročilá validace síly hesla
Pokročilá validace síly heslaPokročilá validace síly hesla
Pokročilá validace síly hesla
 
4. WordPress konference - E-commerce řešení pro WordPress
4. WordPress konference - E-commerce řešení pro WordPress4. WordPress konference - E-commerce řešení pro WordPress
4. WordPress konference - E-commerce řešení pro WordPress
 
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)
 
Multimediální projekty 2016
Multimediální projekty 2016Multimediální projekty 2016
Multimediální projekty 2016
 
Na co si dát pozor, než ve WordPressu nainstalujete plugin nebo šablonu
 Na co si dát pozor, než ve WordPressu nainstalujete plugin nebo šablonu Na co si dát pozor, než ve WordPressu nainstalujete plugin nebo šablonu
Na co si dát pozor, než ve WordPressu nainstalujete plugin nebo šablonu
 
KPI - závěrečný úkol
KPI - závěrečný úkolKPI - závěrečný úkol
KPI - závěrečný úkol
 
Rwd obhajoba
Rwd obhajobaRwd obhajoba
Rwd obhajoba
 
Péhápkaři v Pecce: Jak si lokálně spustit Travis CI Build – Jakub Englický – ...
Péhápkaři v Pecce: Jak si lokálně spustit Travis CI Build – Jakub Englický – ...Péhápkaři v Pecce: Jak si lokálně spustit Travis CI Build – Jakub Englický – ...
Péhápkaři v Pecce: Jak si lokálně spustit Travis CI Build – Jakub Englický – ...
 
Tvorba nových vstupních stránek z pohledu SEO
Tvorba nových vstupních stránek z pohledu SEO Tvorba nových vstupních stránek z pohledu SEO
Tvorba nových vstupních stránek z pohledu SEO
 
Hledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešitHledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešit
 

More from PeckaDesign.cz

Péhápkaři v Pecce: Naše cesta k read-modelu – Vojtěch Buba –18. 5. 2022
Péhápkaři v Pecce: Naše cesta k read-modelu – Vojtěch Buba –18. 5. 2022Péhápkaři v Pecce: Naše cesta k read-modelu – Vojtěch Buba –18. 5. 2022
Péhápkaři v Pecce: Naše cesta k read-modelu – Vojtěch Buba –18. 5. 2022
PeckaDesign.cz
 
Péhápkaři v Pecce: Jak zrefaktorovat letitou aplikaci a zároveň začít na zele...
Péhápkaři v Pecce: Jak zrefaktorovat letitou aplikaci a zároveň začít na zele...Péhápkaři v Pecce: Jak zrefaktorovat letitou aplikaci a zároveň začít na zele...
Péhápkaři v Pecce: Jak zrefaktorovat letitou aplikaci a zároveň začít na zele...
PeckaDesign.cz
 
Péhápkaři v Pecce: Sbohem PeckaCI, vítej Github Actions – Jakub Englický –27....
Péhápkaři v Pecce: Sbohem PeckaCI, vítej Github Actions – Jakub Englický –27....Péhápkaři v Pecce: Sbohem PeckaCI, vítej Github Actions – Jakub Englický –27....
Péhápkaři v Pecce: Sbohem PeckaCI, vítej Github Actions – Jakub Englický –27....
PeckaDesign.cz
 
Péhápkaři v Pecce: Podpora PHP8 v Kdyby/Redis a Kdyby/RabbitMQ – Václav Čevel...
Péhápkaři v Pecce: Podpora PHP8 v Kdyby/Redis a Kdyby/RabbitMQ – Václav Čevel...Péhápkaři v Pecce: Podpora PHP8 v Kdyby/Redis a Kdyby/RabbitMQ – Václav Čevel...
Péhápkaři v Pecce: Podpora PHP8 v Kdyby/Redis a Kdyby/RabbitMQ – Václav Čevel...
PeckaDesign.cz
 
Péhápkaři v Pecce: Půl roku na cestách jako digitální nomád – Jan Kadeřábek –...
Péhápkaři v Pecce: Půl roku na cestách jako digitální nomád – Jan Kadeřábek –...Péhápkaři v Pecce: Půl roku na cestách jako digitální nomád – Jan Kadeřábek –...
Péhápkaři v Pecce: Půl roku na cestách jako digitální nomád – Jan Kadeřábek –...
PeckaDesign.cz
 
Péhápkaři v Pecce: Vývoj vlastního 'ORM' – Václav Čevela – 20. 11. 2019
Péhápkaři v Pecce: Vývoj vlastního 'ORM' – Václav Čevela – 20. 11. 2019Péhápkaři v Pecce: Vývoj vlastního 'ORM' – Václav Čevela – 20. 11. 2019
Péhápkaři v Pecce: Vývoj vlastního 'ORM' – Václav Čevela – 20. 11. 2019
PeckaDesign.cz
 
Péhápkaři v Pecce: pd/forms – Petr Klobás – 16. 10. 2019
Péhápkaři v Pecce: pd/forms – Petr Klobás – 16. 10. 2019Péhápkaři v Pecce: pd/forms – Petr Klobás – 16. 10. 2019
Péhápkaři v Pecce: pd/forms – Petr Klobás – 16. 10. 2019
PeckaDesign.cz
 
Péhápkaři v Pecce: Za hranicemi DateTime – Jiří Pudil – 16. 10. 2019
Péhápkaři v Pecce: Za hranicemi DateTime – Jiří Pudil – 16. 10. 2019Péhápkaři v Pecce: Za hranicemi DateTime – Jiří Pudil – 16. 10. 2019
Péhápkaři v Pecce: Za hranicemi DateTime – Jiří Pudil – 16. 10. 2019
PeckaDesign.cz
 
Péhápkaři v Pecce: Úvod do monitoringu – Tomáš Kozák – 16. 10. 2019
Péhápkaři v Pecce: Úvod do monitoringu – Tomáš Kozák – 16. 10. 2019Péhápkaři v Pecce: Úvod do monitoringu – Tomáš Kozák – 16. 10. 2019
Péhápkaři v Pecce: Úvod do monitoringu – Tomáš Kozák – 16. 10. 2019
PeckaDesign.cz
 
Asynchronní programování
Asynchronní programováníAsynchronní programování
Asynchronní programování
PeckaDesign.cz
 
ElasticSearch Dump
ElasticSearch DumpElasticSearch Dump
ElasticSearch Dump
PeckaDesign.cz
 
Péhápkaři v Pecce: Každodenní problémy s implementací Facebook Api – Marek Hu...
Péhápkaři v Pecce: Každodenní problémy s implementací Facebook Api – Marek Hu...Péhápkaři v Pecce: Každodenní problémy s implementací Facebook Api – Marek Hu...
Péhápkaři v Pecce: Každodenní problémy s implementací Facebook Api – Marek Hu...
PeckaDesign.cz
 
Péhápkaři v Pecce: Čtyři hlavní příčiny dysfunkčních návyků v týmu – Michal A...
Péhápkaři v Pecce: Čtyři hlavní příčiny dysfunkčních návyků v týmu – Michal A...Péhápkaři v Pecce: Čtyři hlavní příčiny dysfunkčních návyků v týmu – Michal A...
Péhápkaři v Pecce: Čtyři hlavní příčiny dysfunkčních návyků v týmu – Michal A...
PeckaDesign.cz
 
Péhápkaři v Pecce: Jak jsme neposlali pull request do PHP – Milan Pála – 17. ...
Péhápkaři v Pecce: Jak jsme neposlali pull request do PHP – Milan Pála – 17. ...Péhápkaři v Pecce: Jak jsme neposlali pull request do PHP – Milan Pála – 17. ...
Péhápkaři v Pecce: Jak jsme neposlali pull request do PHP – Milan Pála – 17. ...
PeckaDesign.cz
 
Péhápkaři v Pecce: Zend Expressive: PSR framework který vás dostane – Jan Kad...
Péhápkaři v Pecce: Zend Expressive: PSR framework který vás dostane – Jan Kad...Péhápkaři v Pecce: Zend Expressive: PSR framework který vás dostane – Jan Kad...
Péhápkaři v Pecce: Zend Expressive: PSR framework který vás dostane – Jan Kad...
PeckaDesign.cz
 
Péhápkaři v Pecce: Jak na bezpečnostní hlavičky – Marek Humpolík – 23. 1. 2019
Péhápkaři v Pecce: Jak na bezpečnostní hlavičky – Marek Humpolík – 23. 1. 2019Péhápkaři v Pecce: Jak na bezpečnostní hlavičky – Marek Humpolík – 23. 1. 2019
Péhápkaři v Pecce: Jak na bezpečnostní hlavičky – Marek Humpolík – 23. 1. 2019
PeckaDesign.cz
 
Péhápkaři v Pecce: A refactoring Journey – From Legacy to Laravel – Christ...
Péhápkaři v Pecce: A refactoring Journey – From Legacy to Laravel – Christ...Péhápkaři v Pecce: A refactoring Journey – From Legacy to Laravel – Christ...
Péhápkaři v Pecce: A refactoring Journey – From Legacy to Laravel – Christ...
PeckaDesign.cz
 
Péhápkaři v Pecce: Validujte vstupní data pomocí objektů – Václav Čev...
Péhápkaři v Pecce: Validujte vstupní data pomocí objektů – Václav Čev...Péhápkaři v Pecce: Validujte vstupní data pomocí objektů – Václav Čev...
Péhápkaři v Pecce: Validujte vstupní data pomocí objektů – Václav Čev...
PeckaDesign.cz
 
Péhápkaři v Pecce: PeckaDesign/Monitoring - Milan Pála- 17. 10. 2018
Péhápkaři v Pecce: PeckaDesign/Monitoring  - Milan Pála- 17. 10. 2018Péhápkaři v Pecce: PeckaDesign/Monitoring  - Milan Pála- 17. 10. 2018
Péhápkaři v Pecce: PeckaDesign/Monitoring - Milan Pála- 17. 10. 2018
PeckaDesign.cz
 
Na pomezi php a vue.js
Na pomezi php a vue.jsNa pomezi php a vue.js
Na pomezi php a vue.js
PeckaDesign.cz
 

More from PeckaDesign.cz (20)

Péhápkaři v Pecce: Naše cesta k read-modelu – Vojtěch Buba –18. 5. 2022
Péhápkaři v Pecce: Naše cesta k read-modelu – Vojtěch Buba –18. 5. 2022Péhápkaři v Pecce: Naše cesta k read-modelu – Vojtěch Buba –18. 5. 2022
Péhápkaři v Pecce: Naše cesta k read-modelu – Vojtěch Buba –18. 5. 2022
 
Péhápkaři v Pecce: Jak zrefaktorovat letitou aplikaci a zároveň začít na zele...
Péhápkaři v Pecce: Jak zrefaktorovat letitou aplikaci a zároveň začít na zele...Péhápkaři v Pecce: Jak zrefaktorovat letitou aplikaci a zároveň začít na zele...
Péhápkaři v Pecce: Jak zrefaktorovat letitou aplikaci a zároveň začít na zele...
 
Péhápkaři v Pecce: Sbohem PeckaCI, vítej Github Actions – Jakub Englický –27....
Péhápkaři v Pecce: Sbohem PeckaCI, vítej Github Actions – Jakub Englický –27....Péhápkaři v Pecce: Sbohem PeckaCI, vítej Github Actions – Jakub Englický –27....
Péhápkaři v Pecce: Sbohem PeckaCI, vítej Github Actions – Jakub Englický –27....
 
Péhápkaři v Pecce: Podpora PHP8 v Kdyby/Redis a Kdyby/RabbitMQ – Václav Čevel...
Péhápkaři v Pecce: Podpora PHP8 v Kdyby/Redis a Kdyby/RabbitMQ – Václav Čevel...Péhápkaři v Pecce: Podpora PHP8 v Kdyby/Redis a Kdyby/RabbitMQ – Václav Čevel...
Péhápkaři v Pecce: Podpora PHP8 v Kdyby/Redis a Kdyby/RabbitMQ – Václav Čevel...
 
Péhápkaři v Pecce: Půl roku na cestách jako digitální nomád – Jan Kadeřábek –...
Péhápkaři v Pecce: Půl roku na cestách jako digitální nomád – Jan Kadeřábek –...Péhápkaři v Pecce: Půl roku na cestách jako digitální nomád – Jan Kadeřábek –...
Péhápkaři v Pecce: Půl roku na cestách jako digitální nomád – Jan Kadeřábek –...
 
Péhápkaři v Pecce: Vývoj vlastního 'ORM' – Václav Čevela – 20. 11. 2019
Péhápkaři v Pecce: Vývoj vlastního 'ORM' – Václav Čevela – 20. 11. 2019Péhápkaři v Pecce: Vývoj vlastního 'ORM' – Václav Čevela – 20. 11. 2019
Péhápkaři v Pecce: Vývoj vlastního 'ORM' – Václav Čevela – 20. 11. 2019
 
Péhápkaři v Pecce: pd/forms – Petr Klobás – 16. 10. 2019
Péhápkaři v Pecce: pd/forms – Petr Klobás – 16. 10. 2019Péhápkaři v Pecce: pd/forms – Petr Klobás – 16. 10. 2019
Péhápkaři v Pecce: pd/forms – Petr Klobás – 16. 10. 2019
 
Péhápkaři v Pecce: Za hranicemi DateTime – Jiří Pudil – 16. 10. 2019
Péhápkaři v Pecce: Za hranicemi DateTime – Jiří Pudil – 16. 10. 2019Péhápkaři v Pecce: Za hranicemi DateTime – Jiří Pudil – 16. 10. 2019
Péhápkaři v Pecce: Za hranicemi DateTime – Jiří Pudil – 16. 10. 2019
 
Péhápkaři v Pecce: Úvod do monitoringu – Tomáš Kozák – 16. 10. 2019
Péhápkaři v Pecce: Úvod do monitoringu – Tomáš Kozák – 16. 10. 2019Péhápkaři v Pecce: Úvod do monitoringu – Tomáš Kozák – 16. 10. 2019
Péhápkaři v Pecce: Úvod do monitoringu – Tomáš Kozák – 16. 10. 2019
 
Asynchronní programování
Asynchronní programováníAsynchronní programování
Asynchronní programování
 
ElasticSearch Dump
ElasticSearch DumpElasticSearch Dump
ElasticSearch Dump
 
Péhápkaři v Pecce: Každodenní problémy s implementací Facebook Api – Marek Hu...
Péhápkaři v Pecce: Každodenní problémy s implementací Facebook Api – Marek Hu...Péhápkaři v Pecce: Každodenní problémy s implementací Facebook Api – Marek Hu...
Péhápkaři v Pecce: Každodenní problémy s implementací Facebook Api – Marek Hu...
 
Péhápkaři v Pecce: Čtyři hlavní příčiny dysfunkčních návyků v týmu – Michal A...
Péhápkaři v Pecce: Čtyři hlavní příčiny dysfunkčních návyků v týmu – Michal A...Péhápkaři v Pecce: Čtyři hlavní příčiny dysfunkčních návyků v týmu – Michal A...
Péhápkaři v Pecce: Čtyři hlavní příčiny dysfunkčních návyků v týmu – Michal A...
 
Péhápkaři v Pecce: Jak jsme neposlali pull request do PHP – Milan Pála – 17. ...
Péhápkaři v Pecce: Jak jsme neposlali pull request do PHP – Milan Pála – 17. ...Péhápkaři v Pecce: Jak jsme neposlali pull request do PHP – Milan Pála – 17. ...
Péhápkaři v Pecce: Jak jsme neposlali pull request do PHP – Milan Pála – 17. ...
 
Péhápkaři v Pecce: Zend Expressive: PSR framework který vás dostane – Jan Kad...
Péhápkaři v Pecce: Zend Expressive: PSR framework který vás dostane – Jan Kad...Péhápkaři v Pecce: Zend Expressive: PSR framework který vás dostane – Jan Kad...
Péhápkaři v Pecce: Zend Expressive: PSR framework který vás dostane – Jan Kad...
 
Péhápkaři v Pecce: Jak na bezpečnostní hlavičky – Marek Humpolík – 23. 1. 2019
Péhápkaři v Pecce: Jak na bezpečnostní hlavičky – Marek Humpolík – 23. 1. 2019Péhápkaři v Pecce: Jak na bezpečnostní hlavičky – Marek Humpolík – 23. 1. 2019
Péhápkaři v Pecce: Jak na bezpečnostní hlavičky – Marek Humpolík – 23. 1. 2019
 
Péhápkaři v Pecce: A refactoring Journey – From Legacy to Laravel – Christ...
Péhápkaři v Pecce: A refactoring Journey – From Legacy to Laravel – Christ...Péhápkaři v Pecce: A refactoring Journey – From Legacy to Laravel – Christ...
Péhápkaři v Pecce: A refactoring Journey – From Legacy to Laravel – Christ...
 
Péhápkaři v Pecce: Validujte vstupní data pomocí objektů – Václav Čev...
Péhápkaři v Pecce: Validujte vstupní data pomocí objektů – Václav Čev...Péhápkaři v Pecce: Validujte vstupní data pomocí objektů – Václav Čev...
Péhápkaři v Pecce: Validujte vstupní data pomocí objektů – Václav Čev...
 
Péhápkaři v Pecce: PeckaDesign/Monitoring - Milan Pála- 17. 10. 2018
Péhápkaři v Pecce: PeckaDesign/Monitoring  - Milan Pála- 17. 10. 2018Péhápkaři v Pecce: PeckaDesign/Monitoring  - Milan Pála- 17. 10. 2018
Péhápkaři v Pecce: PeckaDesign/Monitoring - Milan Pála- 17. 10. 2018
 
Na pomezi php a vue.js
Na pomezi php a vue.jsNa pomezi php a vue.js
Na pomezi php a vue.js
 

PeckaDesign Academy - Responzivní design