Jaká byla SmashingConf Freiburg 2023

Už v neděli jsme si museli já, Jožko, Radek i Tomáš přivstat, abychom byli v 8 ráno připraveni vyjet. Ačkoliv pro některé z nás bylo brzké vstávání poněkud náročnější, všichni se nakonec zvládáme sejít a krátce po osmé vyrážíme na téměř 9h cestu z Brna do německého Freiburgu.

Cestu jsme zdolali, večer dobyli baterky a ráno plní energie dorazili na konferenci.

Amy se dlouhodobě věnuje zlepšování design systémů a tomu, aby byly dostupné pro co nejširší skupinu lidí. Přednáška byla především o potřebě diverzity týmů. Ta přináší různé pohledy co nejširší skupiny lidí. Díky tomu se snižuje pravděpodobnost cílení našeho produktu pouze pro majoritní skupinu uživatelů.

Samotná diverzita týmů ale není dostatečná, pokud nechápeme její význam a nevnímáme potřeby ostatních. Tento přístup je důležité nebrat jako překážku v efektivitě, ale jako samozřejmost, která zlepšuje život nám všem. Doporučujeme její článek Building conscious design systems Externí odkaz , ze kterého vycházela i celá přednáška.

Testování přístupnosti by mělo být dnes standardem. Nestačí však pouze automatizované accessibility testování, je potřeba zapojit do testování reálné lidi a testovat dle reálných scénářů. Automatizované nástroje odhalí systémové nedostatky jako neuplněné alty obrázků, špatně strukturované nadpisy apod. Bohužel nedokáží testovat v kontextu, tz. např. neodhalí problém špatné posloupnosti obsahu či události na uživatelské interakce apod. Toto není možné otestovat bez reálných uživatelů.

Jecelyn vysvětlila, jak fungují source mapy a jak s nimi pracují dev tools. Zároveň prozradila hned několik užitečných tipů pro debugging. Mezi tipy byla například záložka Quick-source - ta umožní zobrazit obsah souboru, aniž by se přeplo okno jinam do devtools, či příkaz Emulate a focused page, který nechá otevřený element, který se zavírá při ztrátě focusu.

Tento příkaz jsme mimochodem zmiňovali v loňském druhém díle naší Letem frontendovým světem Externí odkaz série!

Pondělí jsme zakončili procházkou centrem Freiburgu. Město je krásné, na své si přijdou především milovníci historie. Kousek od budovy, ve které probíhá konference je vyhlídka na celé město. A pokud potřebujete větší motivaci ke šplhání do šílených kopců než jen hezký výhled, v prvním patře vyhlídky funguje hospoda, ve které můžete spláchnout vydatnou večeři tuplákem piva a koukat u toho na západ slunce nad městem.

Zajímá tě dění v SUPERKODERS?

Přihlas se k našemu newsletteru nebo nás sleduj na  sociálních sítích Externí odkaz .

Přihlásit

Úterý někteří z nás odstartovali ranním během. Jožka už v 7 ráno vybíhal z centra města a společně s dalšími účastníky konference poznávali krásy Freiburgu.

Zach nám představil výhody, ale i nevýhody web komponent. Mluvil o způsobech zápisu, představil nám taky způsoby jak předejít problémům s rychlostí vykreslení, které bohužel zatím nejsou úplně 100% použitelné pro všechny prohlížeče.

Inspirativní přednáška pro všechny grafické designery, kteří chtějí posunout své grafické návrhy. Christine nám předvedla, jak lze vytvářet fluidní responzivní designy ve Figmě. Naše vývojářská srdíčka zaplesala a my se těšíme na další vychytávky Figmy, které budou developerům přinášet lepší grafická zadání.

Skvělá přednáška pro všechny příznivce JavaScriptu. Christophe ukázal spoustu nových funkcí z ES2023, které vyšly v červenci tohoto roku a co se připravuje v ES2024 a ES2025. Přidávame odkaz na  slajdy Externí odkaz s ukázkami z přednášky.

Přednáška se zaměřuje na OpenType font features. Elliot ukázal možnosti, které jsou už dnes použitelné - od variables font přes font-optical-sizing, font-feature-settings, font-variant-numeric až k nejzajímavější a pro nás novou text-box-trim, která řeší problém velikosti textu vzhledem k jeho line-height – kdo dostal grafický návrh s odsazenými nepočítajícími s velikostí, line-height určitě ocení. Přidáváme Elliotův checklist pro výběr fontu Externí odkaz .

Přednáška, kterou jsme měli možnost shlédnout již na konferenci CSS Day. Container queries v mnohém nahrazují media queries, které jsme dosud používali, ale nesplňovali to, co jsme potřebovali: dotazovat se na rozměry elementu a ne viewportu. Miriam nám předvedla vlastnosti a mnoho ukázek jejich použití, které fungují ve všech moderních prohlížečích, a taky vlastnosti, které prozatím fungují jen v nejvyšší verzi Chrome: container style queries a využití @property při kontrole parametrů. Určitě se vyplatí začít používat container queries již dnes.

Celkově jsme byli nadšení z obsahu konference, i z celkového provedení. Všichni jsem si také pochutnali na místní specialitě – wurstech. Ty měli i ve veganské variantě, takže jsem schovala tašku s jídlem z domu do kufru a užívala si možnosti najíst se s ostatními.

Přednášky se již dají zkouknout online Externí odkaz . Jsou vhodné pro každého, kdo se chce v oboru frontendového vývoje nebo grafického designu posunout. My se už teď těšíme, co nás čeká příští rok.