Znáte tyhle CSS novinky a víte, že školit budeme i v Brně?
Zdravím vás v dalším vydání newsletteru ze Vzhůru dolů!
Velká novinka: V dubnu a květnu školíme také v Brně. Píšu o tom níže. Předtím vám ale chci ukázat několik méně známých CSS vlastností.
5 CSS vlastností, které možná neznáte
Vybíral jsem takové, které můžete použít už dnes. Většina sice nemá plnou podporu mezi prohlížeči, ale buď to nevadí nebo je snadné udělat náhradní řešení. Pojďme na to.
1) Hyphens
Přidávání spojovníků pro rozdělování slov na konci řádků. Zmenšete si okno v mém demu. hyphens: auto podporují všechny prohlížeče kromě Chrome na Windows. Ale to nevadí, tahle vlastnost je moc fajn vylepšení uživatelského prožitku bez nutnosti podpory všude.
2) Scroll Snap
Přilepování posunované plochy. Může se vám hodit pro případ posunu obsahu po sekcích. Nebo v karuselech. Demo na MDN. Nějakou základní podporu má i Internet Explorer, ale scroll vlastností je celá řada, takže se bez hlubšího studia neobejdete.
3) Media Feature: hover
Jinak také „dotaz na myš“. @media (hover: hover) se používá pro detekci primárního vstupu. Podpora není plná a jsou zde otázky ohledně hybridních zařízení, ale někteří kodéři jsou z téhle vlastnosti i tak u vydržení, takže si o ni neváhejte něco zjistit. A napište mi, co si o ní myslíte. Info a demo na MDN
4) Lepkavá pozice
position: sticky kombinuje statické umístění s fixním. Nejlépe to je vidět v mém demu. Podporováno všude kromě Exploreru. Hlubší rozbor v článku.
5) Vykrajování obrázku textem
background-clip: text. Věc, kterou jsem nedávno ukazoval s pomocí SVG, je možná i v CSS. S prefixy je to podporováno všude, kromě IE. Více na MDN.
Znáte nějaké další zajímavé CSS vlastnosti? Budu vám vděčný za inspirování v odpovědi na tenhle e-mail.
Právě školíme rychlost, organizaci CSS a WordPress (a v dubnu a květnu také v Brně)
Aktuálně můžete pořádně a do hloubky poznat následující témata:
- 19. února rychlost načítání – z workshopu si odnesete konkrétní moje tipy i k vašim webům.
- 26. února CSS kód– způsoby, jak jej psát jednotně a přenositelně.
- 6. března WordPress – s webmistrem Honzou Bienem.
A abychom nebyli pragocentričtí, v dubnu a květnu školíme v Brně.
Moravané, Slezané a Slováci, už to k nám nemáte tak daleko. Ale pozor, každý kurz organizujeme v Brně jen jednou ročně.
Prohlédnout aktuální kurzy
Na závěr se spolu tradičně podívejme na sedm tipů na další obsah.
Novinky a články, které stojí za kliknutí
To nejlepší, co se mi podařilo posbírat (nebo napsat, ehm) za poslední měsíc.
- Google Developers: Inside look at modern web browser
- Vzhůru dolů: 7 blbostí z oblasti webové rychlosti
- Codepen: Demo atributu intrinsicsize
- Vzhůru dolů: 12 nejzajímavějších frontendových technologií roku 2018
- CSS in Real Life: A Year of Utility Classes
- Podcast ze Vzhůru dolů: S Honzou Bienem o editoru Gutenberg
- Learn Vanilla JS
A to je vše, milé čtenářky a milí čtenáři.
Děkuji za vaši pozornost a přeji vám fajn únor
Martin Michálek
vzhurudolu.cz/martin
|