Podcast: S Michalem Matuškou o konferenci performance.now(), rychlosti webů a WebAssembly
Povídáme si o kultuře rychlosti ve firmách, měření rychlosti v Google Analytics, inteligentním prefetchingu, nastavení serverů pro HTTP/2 priority a na konec i o WebAssembly.
Cypress.js: End-to-end testy v praktickém tutoriálu
Pojďme si říct něco o automatickém testování webové aplikace pomocí napsaných scénářů s použitím knihovny Cypress.js.
Chrome UX Report: Data o rychlosti webu přímo od uživatelů
Stáhněte si údaje z databáze dat o rychlosti uživatelského prožitku, kterou o webech sbírají všechny verze prohlížeče Chrome.
Checklist pro frontendisty před spuštěním webu (update 2019)
Proč dělat weby blbě, když je můžeme dělat dobře? Podle checklistu ze Vzhůru dolů.
AMP Email: Přinese dynamický e-mail revoluci v tvorbě newsletterů?
AMP Email je podmnožina frameworku, která slouží ke tvorbě interaktivních e-mailů.
CSS vlastnosti object-fit a object-position: Ořez obrázků vložených v HTML
object-fit a object-position jsou paralelní k vlastnostem background-size a background-position. Jen jsou určené pro prvky vkládané přímo do HTML.
Kontrolní sezname v podobě aplikace, odpočívej v pokoji
RIP pro checklist v podobě aplikace. Ten statický zůstává a rozšiříme ho.
Poměr stran v CSS: Všechny metody pro zabránění poskakování layoutu stránky při vykreslování
V textu jsou popsané nejznámější metody, včetně triků s paddingem, s autorskými vlastnostmi a napřímo vloženým SVG.
AMP Cache: Servery, které dělají zázraky s rychlostí AMP stránek
V další ukázce z e-booku „Vzhůru do AMP“ se budeme bavit o úložišti pro AMP stránky, kam se stahují, aby byly blíž uživateli.
Zachování poměru stran v CSS: Metoda s pading-top nebo padding-bottom
Takzvaný „padding-bottom trik“.
Zděděná a výchozí hodnota v CSS, vlastnost all a klíčová slova inherit, initial, unset, revert
Jak vracet nastavení vlastnosti k výchozí nebo poděděné hodnotě a taky jak všechno zrušit pro potřeby refaktoringu.
MiniLazyload: Minimalistická knihovna pro líné načtení obrázků a IFRAME (aktualizováno pro verzi 2.3.0)
Šimon Raichl z Pilulka.cz vám v dnešním textu představí svou miniaturní, ale chytře navrženou knihovnu pro líné načtení obrázků a iframe.
Dědičnost v CSS: Co to je a kterých vlastností se týká?
Spolu s kaskádou je to základní vlastnost CSS. Dokážete ji definovat?
Podcast: S Alešem Nešetřilem o STRV, prezentaci své práce, WorkResponsibly.org a Webflow
Náš host vede designéry v STRV, má zajímavý profil na Instagramu, dělá krásné bokovky jako WorkResponsibly.org a do toho všeho je staví na Webflow.
Funkce repeat() v CSS gridu (a klíčová slova auto-fill a auto-fit)
Usnadnění opakujících se předpisů pro sloupce nebo řádky mřížky. Nově také s vysvětlením auto-fill a auto-fit.
Webpack: Úplné základy a tutoriál k tomu
Pořád jste Webpack nevyzkoušeli? Anebo ano, ale stále mu nerozumíte? Pak tohle je text právě pro vás.
JavaScript v AMP a inovace jménem amp-script
Má se za to, že JavaScript v AMP není povoleno používat. Ale dneska je to už úplně jinak.
CSS funkce minmax() a klíčová slova min-content, max-content a fit-content
Důležitá vlastnost pro skládání layoutů pomocí CSS Gridu a její ošemetnosti.
Progresivní webové aplikace: Co to je? A jak webu zařídit plné hodnocení PWA v Lighthouse
PWA nejsou žádná novinka. V tomhle článku se ale dozvíte, jak si některé jejich vlastnosti zapnout ku prospěchu jakéhokoliv webu.
AMP weby: Co to je a proč nás to má vůbec zajímat? (+ video)
Podrobný úvod pro ty z vás, kteří AMP, technologii pro rychlé načtení stránek, zatím moc neznáte.