Frontend Garden

✏️ 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 👏 🔗 frontend.garden/clanky/vyvoj-e…

⚠️ Poslední možnost vyhrát VSTUPENKU NA WEBEXPO 2024! Soutěžte do dnešní půlnoci! #webexpo #spoluprace 🔗 frontend.garden/clanky/co-nezm…

✏️ 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 🔗 frontend.garden/clanky/co-nezm…

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í. 🔗 frontend.garden/clanky/rozhovo…

✏️ 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? 🔗 frontend.garden/clanky/rozhovo…

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`: github.com/w3c/csswg-draf…

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: frontend.garden/clanky/nove-cs…

✏️ 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. 🔗 frontend.garden/clanky/element…

Ještě nemáte vstupenku na @webexpo 2023? Využijte 20% SLEVU! Výběr z programu: frontend.garden/clanky/co-nezm…

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? frontend.garden/clanky/co-nezm…

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ě 🇨🇿. stateofcss.com/cs-cz/

📷 #webexpo znamená samozřejmě přednášky, ale taky parties. 👉 Už jste viděli fotky? frontend.garden/clanky/webexpo…

📷 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: 👉 frontend.garden/clanky/webexpo… #webexpo

✏️ 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? frontend.garden/clanky/co-nezm…

✏️ 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? 🔗 frontend.garden/clanky/proc-ne…

✏️ 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. 🔗 frontend.garden/clanky/nove-cs…

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! 🍀

📗 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 🍀: frontend.garden/slovnik/no-cod…

@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.

@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.

Prosím, takhle ne. 🙅🏼‍♀️ Peklo v CSS. Resp. peklo v pekle pekla.