Nepotřebujete tisíc řádků kódu, abyste udělali velký rozdíl v jakémkoli kódovacím jazyce. Často je to přesně naopak: několik malých úryvků kódu může udělat spoustu dobra a dosáhnout velkých věcí. Požádal jsem své příznivce na Twitteru, aby mi tweetovali své oblíbené drobné úryvky kódu – to je trochu rozdíl, když se pokusím zabalit do 140 znaků! Zde jsou moji oblíbenci z tohoto kola!
Svislé centrování prvků
Vertikální centrování prvků je obrovská bolest, dokonce i 20 let života CSS. Tento úryvek řeší všechny tyto problémy:
border-box
Všechny věci!
Viděl jsem mnoho lidí, kteří zmiňovali použití tohoto CSS globálně. Neudělal jsem to, ale stojí za to se na to podívat.
Zobrazit všechny globální proměnné a vlastnosti objektů
Líbí se mi to pro (ruční) kontrolu úniku globálních proměnných. Může být také použit na jiných objektech k získání vlastností a metod.
Cílení na Chrome
Cílení Chromu na mobilu provedené pouze pomocí CSS? Pěkné!
Zobrazení aktuálního stavu objektu
Pomocí console.log
na předměty, které se mohou změnit, vás rozhodí. Tento fragment vytiskne objekt a jeho hodnoty v okamžitém stavu:
Emulace console.dir
Pokud daný prohlížeč nepodporuje console.dir
, můžete použít tento fragment kódu:
Zabránit v IE krokování po schodech
Efekt „krokování po schodech“ Internet Exploreru – všichni jsme tam byli, ne vždy se nám to podařilo vyřešit.
Toto je jen první TFC - budu je spouštět pravidelně v průběhu roku. Skvělá práce pro ty, kteří toto kolo tweetovali, a doufám, že příště dostanu stejně masivní odezvu!