Pro uspořádání obsahu používejte sémantické značky – header, nav, main, article, section a footer. Tyto značky neovlivňují vzhled, ale dávají stránce logický význam. Vyhledávače i odečítače obrazovky pak lépe rozumí, co je na stránce důležité. Typická chyba: celá stránka je poskládaná z desítek div bez jediného article nebo nav. Přitom stačí si představit, že píšete osnovu – každá logická část obsahu má vlastní značku. Až budete hotovi, zkontrolujte, zda má stránka jen jeden h1 – to je hlavní nadpis, který by měl odpovídat tématu celé stránky.
Největší chybou v testování mobilních aplikací je, že se testuje jen to, co je vidět. Přitom největší problém bývá na pozadí: co se stane, když aplikaci přepnete na pozadí a vrátíte se k ní, když přijde SMS zpráva nebo hovor, když se změní orientace obrazovky. For those who have any kind of questions relating to where by and also tips on how to utilize více na webu, you can e-mail us on the web site. Tyto situace se stávají uživatelům denně, ale vývojáři je často vynechávají. Přidejte si do testovacího plánu sekci „životní cyklus aplikace". Zkuste spustit aplikaci, přepněte ji na pozadí, počkejte deset minut a vraťte se. Sledujte, jestli se neztratí data, jestli se nezobrazí prázdná obrazovka. Podobně otestujte, co se stane, když uživatel aplikaci zavře a znovu otevře – měla by se vrátit do posledního stavu, ne začít znovu od začátku.
Na závěr si osvojte zvyk kontrolovat stránku v nástrojích pro vývojáře, které najdete v každém prohlížeči po stisknutí klávesy F12. Tam vidíte použitá CSS pravidla, velikost prvků a případné chyby. Když něco nefunguje, nejdřív zkontrolujte, zda je správně propojený CSS soubor (zkontrolujte cestu, diakritiku v názvu souboru) a zda nemáte překlep v selektoru. Důležité je také testovat v více prohlížečích – co funguje v jednom, nemusí fungovat v jiném. Postupně si tak osvojíte systém, který vám ušetří hodiny hledání chyb.
Jak správně propojit CSS a proč nepsat styly do HTML CSS připojíte k HTML přes v hlavičce. Vlastní styly můžete psát i do atributu style konkrétního prvku, ale to je nevýhodné – když chcete změnit barvu všech nadpisů, musíte je opravit desetkrát. Proto používejte externí CSS soubor, který načtete na každé stránce. Uvnitř CSS pak selektory určují, které prvky se mají stylovat – typové (např. p), třídy (.název), ID (#id) nebo kombinace. ID používejte jen pro jedinečné prvky, třídy pro opakované vzory. Nezapomeňte na kaskádu: pozdější pravidla přebíjejí dříosvětlení v obývákuější, proto si pořadí osvětlení v obýváku souboru hlídejte.
Jaké konkrétní scénáře NoSQL skutečně řeší Prvním typickým případem jsou aplikace s vysoce proměnlivými atributy. Pokud ukládáte produktová data, kde každá kategorie má odlišná pole, dokumentová databáze umožňuje ukládat jednotlivé položky s vlastní strukturou bez nutnosti migrace tabulek. To vám ušetří desítky ALTER TABLE příkazů a zjednoduší nasazování nových funkcí. Podobně funguje u uživatelských profilů, konfigurací nebo logovacích záznamů, kde se struktura mění v čase. Začněte s dokumenty, pokud víte, že data nebudou vyžadovat komplexní JOINy napříč více kolekcemi.
Psát responzivní layout jen pomocí floatů nebo inline-blocků je dnes zbytečné utrpení. Moderní prohlížeče umí dvě mocné techniky: Flexbox a CSS Grid. Obě řeší jiný problém. Flexbox je ideální pro rozložení obsahu v jedné ose – třeba navigaci, tlačítka v řadě nebo zarovnání ikony s textem. Grid je naopak dvourozměrný systém, který vám dá plnou kontrolu nad řádky i sloupci zároveň. Když je použijete ve správnou chvíli, přestanete bojovat s rozbitými layouty a začnete je skutečně navrhovat.
Layout stránky dnes nejlépe vyřešíte pomocí flexboxu nebo CSS gridu. Flexbox je vhodný pro řazení prvků v jedné ose (například navigace s odkazy), grid pro dvourozměrné rozvržení (hlavní oblast a postranní panel). Základní flexbox: na rodičovském prvku nastavte display: flex, děti se automaticky seřadí do řádku. Můžete pak pomocí justify-content: space-between rozmístit prvky s mezerami nebo gap pro jednotné mezery. U gridu definujte sloupce přes grid-template-columns: 1fr 3fr – první sloupec zabere čtvrtinu, druhý tři čtvrtiny. Nezapomeňte na responsivní chování – s dotazem @media (max-width: 600px) můžete přepnout rozložení na jeden sloupec.
Testování mobilních aplikací není jen o tom, jestli aplikace spadne, nebo ne. Jde o to, jak se chová v reálných podmínkách – na různých zařízeních, s různými verzemi operačního systému, při slabém signálu nebo při přepnutí aplikace na pozadí. Pokud tyto scénáře ignorujete, uživatelé se k aplikaci nevrátí. Často se přitom opakují stejné chyby: testuje se jen na jednom zařízení, které máte zrovna po ruce, nebo se testuje jen to, co napadne vývojáře. Přitom stačí držet se jednoduchého postupu.
