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.
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.
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 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 1–3 inzertní boxy doporučující související školení nebo kurz. Tato vizuální forma je exkluzivní pro provozovatele Frontend Garden a platí, že na prvním místě při rozhodování o umístění je relevance. 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.
Inzertní box vypadá takto. Jeho cílem je provozovatelům Frontend Garden kompenzovat provozní náklady webu a nemalé množství času potřebného pro publikování kvalitního, zdarma dostupného obsahu.
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@adamkudrna.cz a domluvíme se na dalším postupu.
Díky a ať se daří!
Adam Kudrna
🍀 Frontend Garden