Psaní pro Frontend Garden

Chceme podpořit veřejnou diskusi o frontendu v Česku. Chceme vzdělávat odbornou komunitu a zároveň dát prostor webovým profesionálům, aby byli vidět a ukázali, co umí.

Každý webař se neustále učí. Web je živá platforma a kdo na ní chce být úspěšným zahradníkem, musí držet krok. Cílem Frontend Garden je publikovat kvalitní obsah, vyvolávat diskuse a přimět čtenáře k zamyšlení, ale také dát prostor autorům článků ukázat, co umí a na čem pracují.

O čem psát

S radostí zveřejníme vaše zkušenosti z posledního projektu i prožitá poučení ze setkání s novou technologií. Tématem budiž cokoli hodnotného o HTML, CSS i preprocesorech, o JavaScriptu a javascriptových knihovnách, o metodách práce, vychytaném dev stacku, ale i o UX nebo webdesignu — zkrátka o všem, s čím se moderní frontendista při své práci setkává.

Z literárně-zahradních útvarů podporujeme zejména:

tutoriály, které představí nové postupy a technologie a pomohou s jejich nasazením;
případové studie projektů, na nichž jste se naučili něco nového;
názory na technologické novinky, ideálně podložené daty z výzkumu.

Zvláštní formát pro náročné, kteří touží po věčné slávě:

definitivní průvodce problematikou nové technologie — takový, k němuž se lidé budou vracet.

Pro koho publikujeme

Cílovou skupinou Frontend Garden je česká komunita webových profesionálů se zaměřením na frontendisty a designery. Předpokládáme ale, že nás budou číst i kolegyně a kolegové z jiných oborů. Přestože budeme vděční za průvodce pro začátečníky, očekáváme, že zkušenosti čtenářů Frontend Garden mohou být i na mnohem vyšší úrovni.

Jak psát

Malá sada tipů, jak zajímavý obsah zabalit do atraktivní formy:

Věty mohou být krátké a úderné.
Struktura, rytmus a členění mezinadpisy pomohou čtivosti.
Obrázky a ukázky kódu udělají text poutavější.
Tah na bránu, odhození zbytečných odboček a vyústění v pointu zapíší váš článek čtenářům do paměti.

Nebojte se, že třeba dostatečně dobře nevládnete českým jazykem. Každý článek prochází před vydáním revizí, během níž autorům radíme, jak dosáhnout kritérií zmíněných výše. Také o gramatické, pravopisné i drobné stylistické korekce je postaráno ještě před publikováním.

Mimochodem, pokud byste chtěli svoji myšlenku nejprve ověřit — nebo naopak článek dále podpořit —, vždy je možnost čas strávený přípravou zúročit vystoupením s krátkou přednáškou třeba na některé z akcí Frontendistů, kde je o nové přednášející vždycky zájem.

Ilustrační materiál: kód, videa, obrázky

Každý text by měly doprovázet ukázky kódu, ilustrační obrázky nebo videa, které doplní text, upoutají čtenářovu pozornost a podnítí jej k dalšímu čtení.

Videa

Do článků je možné bez problémů vkládat videa ze služeb YouTube a Vimeo. Technicky je pak možné zobrazit jakékoli video, které však musí být hostované jinde — Frontend Garden hostování videí bohužel nepodporuje.

Obrázky

Platí, že čím vyšší rozlišení obrázku, tím lépe. Rastrové obrázky by měly být v retina rozlišení (@2x), pro křivková schémata je zase ideální vektorové SVG. V případě SVG jen prosím věnujte pozornost pozadí obrázku, aby byl obsah čitelný i v tmavém režimu (dark mode) — bílé nebo barevné pozadí může fungovat lépe než průhledné.

Pro optimální zobrazení na všech zařízeních jsou ideální obrázky s převažujícím horizontálním rozměrem — tedy obrázky na šířku. U přejatých obrázků vždy důsledně prosíme o uvedení zdroje.

Barevnost

Autorské obrázky, schémata a infografiky můžete volitelně sladit se značkou Frontend Garden.

Barevná paleta Frontend Garden

Titulní obrázek (cover)

Volitelně je možné ještě více upoutat pozornost přidáním titulního obrázku (coveru), který se zobrazuje v náhledu článku a v záhlaví jeho detailu. Zde je vysoká technická, ale i estetická a kompoziční kvalita nanejvýš důležitá. Titulní obrázek by zároveň neměl být výrazně členitý a hlavní objekt by se ve většině režimů zobrazení měl nacházet v jeho pravé polovině, aby text přes obrázek byl dobře čitelný.

Podporované jsou následující režimy zobrazení cover obrázku:

Režim zobrazení	Vhodné použití	Optimalizace čitelnosti	Ukázka
cover	pro libovolný obrázek nebo fotografii	obrázek je překryt poloprůhlednou vrstvou černé barvy	—
cover-precomposed	pro vlastní kompozice – maximální možná kontrola nad výsledným zobrazením	—	ukázka
cover-object-light	pro vlastní ilustrace; obrázek má světlý podklad a v pravé polovině má umístěný hlavní objekt	v oblasti textu je obrázek překryt světlým přechodem	ukázka
cover-object-dark	pro vlastní ilustrace, kompozice či fotografie; obrázek má tmavý podklad a v pravé polovině má umístěný hlavní objekt	v oblasti textu je obrázek překryt tmavým přechodem	ukázka

Ve všech případech je třeba otestovat čitelnost textu na titulním obrázku ve všech rozlišeních, a to jak v náhledu článku, tak v detailu.

Ideální (ale nikoli exaktně nutný) poměr stran titulního obrázku je 2:1. Ideální rozlišení pak přibližně 2000 × 1000 px, resp. 4000 × 2000 px (retina/@2x). Responzivní varianty se generují automaticky a není třeba je ručně připravovat.

Doporučené rozměry a kompozice titulního obrázku článku

Inzerce

Jedním z cílů Frontend Garden je dát autorům prostor ukázat světu, co umí. Medailonky autorů stručně (technický limit je 200 znaků) shrnují to nejlepší, čeho autor ve své profesi dosáhl.

V textu článku je možné upozornit na autorovu, práci, projekty či produkty, vždy ale tak, aby bylo čtenáři zjevné, že se nejedná o nezávislé doporučení. Vyvážení takového textu zmíněním (nikoli však hanobením) relevantní konkurence je v takových situacích vítané. V každém případě nepodporujeme skrytou reklamu a vyhrazujeme si právo odmítnout texty, jejichž inzertní povaha bude převyšovat informační hodnotu pro čtenáře (PR články) nebo jejichž obsah bude mimo zaměření tohoto webu.

Plně v souladu s těmito principy můžeme dle uvážení do článku vložit jeden nebo více inzertních boxů doporučujících související školení, kurz nebo jiné služby. Tato vizuální forma je v tuto chvíli exkluzivní pro provozovatele Frontend Garden. Snažíme se, aby upoutávka tématicky zapadala nejen do článku, ale, pokud je to možné, také do vhodného místa v textu.

Převzetí obsahu a publikování v dalších médiích

Abychom dodrželi co nejvyšší atraktivitu pro čtenáře, vydáváme na Frontend Garden pouze obsah ve stejné formě dosud nepublikovaný. To znamená, že není problém třeba na základě přednášky autora vydat článek na Frontend Garden (a naopak, viz Jak psát výše), již jednou publikované texty ale nepřebíráme. Vzdělávání komunity si však nechceme nárokovat jen pro sebe a pro přebírání obsahu máme férové podmínky.

A) Převzetí článku původně vydaného na Frontend Garden

Autor může článek původně napsaný pro Frontend Garden převzít a publikovat v jiném médiu, např. na svém blogu. Prosíme ale o doplnění odkazu na původní článek a poznámky ve smyslu:

Článek původně vyšel 26. června 2020 na Frontend Garden.

B) Rozšíření článku původně vydaného mimo Frontend Garden

Již publikované články bohužel nepřebíráme, ale určitě je možné z vašeho původního textu vyjít a vhodně jej pro Frontend Garden rozšířit. I v tomto případě se tím nebudeme tajit a nově vzniklý článek doplníme odkazem a poznámkou v tomto duchu:

Článek je rozšířením původního textu vydaného 26. června 2020 na blogu autora.

Kontakt

Máte námět na článek? Skvělá zpráva! Ozvěte se prosím na e‑mail adam@frontend.garden a domluvíme se na dalším postupu.

Díky a ať se daří!

Adam Kudrna

🍀 Frontend Garden