Frontend Garden

První český online magazín o webovém frontendu. Řídí @AdamKudrna.

[Frontend Garden @FrontendGarden]

✏️ Nový článek: CSS má za sebou dlouhou historii. Tušíte, co bylo před příchodem CSS na scénu webového vývoje a co přispívá k těžkopádnému škálování a udržování stylopisů? Sepsal @ondrejkonec 👏

🔗 https://t.co/xQ0jNsHNGb

[Frontend Garden @FrontendGarden]

⚠️ Poslední možnost vyhrát VSTUPENKU NA WEBEXPO 2024! Soutěžte do dnešní půlnoci! #webexpo #spoluprace

🔗 https://t.co/r3G7oJfJmJ

[Frontend Garden @FrontendGarden]

✏️ Nový článek: pozvánka na #WebExpo + SOUTĚŽ O VSTUPENKU!

Máj letos není jen svátkem zamilovaných, ale i příznivců digitálního světa a webových technologií: poprvé nás čeká WebExpo v měsíci květnu. 🌸 #spoluprace

🔗 https://t.co/r3G7oJfJmJ

[Frontend Garden @FrontendGarden]

Ze zákulisí Frontend Garden: Jak pomohlo #AI s cover obrázkem článku Kačky N. Volákové?

TLDR: Rozšíření portrétní fotografie na formát 2:1 je dílem AI. Retuše a barevné úpravy jsou však stále poctivou ruční prací.

🔗 https://t.co/sTbnqsRZ0a

[Frontend Garden @FrontendGarden]

✏️ Nový článek: Kačka pracuje třetím rokem jako frontend developerka. Překvapivě byste ji však pět let zpátky nalezli v úplně jiné profesní sféře. Co se stalo, že se její kariéra tak dramaticky změnila?

🔗 https://t.co/sTbnqsRZ0a

[Frontend Garden @FrontendGarden]

W3C v nekonzistenci zkratek se směrem psaní zatím nemá jasno. V diskuzi se objevují návrhy jako klíčové slovo `!relative` nebo nová vlastnost `margin-mode`:

https://t.co/QEUlWCQmpD

[Frontend Garden @FrontendGarden]

Používáte logické CSS vlastnosti typu `margin-block` nebo `padding-inline`? Možná vás překvapí, že i nová LOGICKÁ zkratka `inset` pracuje s pořadím FYZICKÝCH vlastností — stejně jako `margin`, `padding` či `border`.

V článku na FG🍀 opraveno a upřesněno:

https://t.co/8Dy5UEgQuT

[Frontend Garden @FrontendGarden]

✏️ Nový článek: Vídáme je všude. Vyskakují na nás s potvrzením cookies, otevírají se v nich menu či upozornění. Každý je implementuje po svém, a přitom již dospělo nativní řešení v podobě elementu <dialog>. Pojďme ho poznat společně do hloubky.

🔗 https://t.co/9Re2imEFyU

[Frontend Garden @FrontendGarden]

Ještě nemáte vstupenku na @webexpo 2023? Využijte 20% SLEVU!

Výběr z programu: https://t.co/hLsxIpuHnb

[Frontend Garden @FrontendGarden]

15. konference @webexpo začíná již za necelé dva týdny. Proč byste ji neměli minout? A jak získat 20% SLEVU na vstupenku?

https://t.co/hLsxIpuHnb

[Frontend Garden @FrontendGarden]

Frontendisti, hlasujte! Pokud vás to minulo, anketa State of CSS 2022 je ještě otevřená. Díky @katadlouha opět v češtině 🇨🇿.

https://t.co/QTpJk0yCSP

[Frontend Garden @FrontendGarden]

📷 #webexpo znamená samozřejmě přednášky, ale taky parties.

👉 Už jste viděli fotky?

https://t.co/N1fzctv9a1

[Frontend Garden @FrontendGarden]

📷 Chvilku to trvalo, ale je hotovo: fotky z letošního @webexpo jsou probrané, seřazené, ořezané, doladěné. Z původního materiálu o počtu 320 kusů vznikla po 5 hodinách práce sbírka 48 nejlepších. Tady jsou:

👉 https://t.co/N1fzctv9a1

#webexpo

[Frontend Garden @FrontendGarden]

✏️ Nový článek: Začíná čtrnáctá konference @webexpo 2022. Tento rok s nabitým frontendovým programem díky spolupráci s komunitou @Frontendisti. Co si rozhodně nesmíte nechat ujít?

https://t.co/62fi8Vlqjy

[Frontend Garden @FrontendGarden]

✏️ Nový článek: Pro někoho nedílná součást vývoje, pro jiné marnost, která zpomaluje práci na projektu. Kdy code review zavádět a jaké výhody může přinést?

🔗 https://t.co/LtByEbrgLJ

[Frontend Garden @FrontendGarden]

✏️ Nový článek: Že už jste o novotách v CSS slyšeli, ale k ničemu vám nejsou, protože je prohlížeče beztak nepodporují? Dnes nebudeme snít o tom, jaké to bude, až jednou přijde subgrid nebo container queries. Tohle můžete začít využívat rovnou dnes.

🔗 https://t.co/8Dy5UEgQuT

[Kateřina Klouček Dlouhá @katadlouha]

Vývojářky a vývojáři 👩‍💻🧑🏻‍💻,
code review – děláte × neděláte?
A můžete v komentáři dodat, proč tomu tak je? 🙂
Již brzy vyjde článek na @FrontendGarden a v rámci průzkumu nás zajímá váš pohled na věc.
Děkujeme! 🍀

[Frontend Garden @FrontendGarden]

📗 Co a pro koho je #nocode? Jak se staví no-code weby? Kolik to stojí? A kdy se no-code naopak nevyplatí? To a další odpovědi se dočtete v prvním heslu nového Slovníku Frontend Garden 🍀:

https://t.co/ORoqqGYqGd

[Frontend Garden @FrontendGarden]

@katadlouha @steida Úplné zakázání vyšší specifičnosti a složených selektorů by sice bylo řešením, ale příliš svazujícím. Záleží, jak se kdo chce (nebo potřebuje) nechat limitovat.

[Frontend Garden @FrontendGarden]

@katadlouha @steida Určitě, snížení povolené specifičnosti a složených selektorů by pomohlo. Ale jen částečně, protože selektory samy o sobě jsou v zásadě v pořádku — to největší peklo je v jejich množství, které Stylelint neodhalí. Řešením by byla lepší kompozice, ale tu už musí udělat člověk.