informace ze zákulisí vývoje

signály.cz mobilně!

18. 8. 2012 8:57
Rubrika: Aktuálně

Asi před třemi měsíci započala práce na zásadní změně: kompletním přepsání vzhledu signály.cz. Jednoduše: neměníme grafiku, ale celou ji znovu definujeme.

Prakticky celým signálům se snažím za poslední tři měsíce dát opět jejich vzhled, ale nyní v lehce nové formě. Využívám k tomu Twitter Bootstrap framework a ikonky od českého grafiky Honzy Kovaříka. Stále však navazujeme na skvělý grafický manuál Ondry Války.

Díky Bootstrap frameworku můžeme nyní všechny změny dělat mnohem efektivněji. Získali jsem také nové komponenty, které vám usnadní práci se signály. Využíváme dále nástroj Less, což je preprocesor jazyka css napsaný v NodeJS. Prakticky to znamená, že vzhled signálů je (bez obrázků a javascriptů) definován ve více jak 40 souborech, které se ve výsledku zmenšují do jednoho efektivního balíčku. Ve více souborech se pak my vývojáři mnohem rychleji a lépe zorientujeme, než když hledáme něco v souboru, který má stovky až tisíce řádků.

Změnami prošel i samotný kód javascriptu, který je nyní mnohem úspornější a efektivnější. Nemělo by už docházet k problikávací prodlevě, která byla způsobena pozdním voláním potřebných funkcí.

Zásadní novinkou je podpora mobilního designu - odborně zvaného responzivního. Máme pořád jeden web, jeho vzhled se však mění podle potřeby (šířky prohlížeče, velikosti obrazovky). Můžete si to sami vyzkoušet, když zúžíte okno prohlížeče.

Zde je menší seznam změn:

Úvodní stránka & horní menu:

  • nové rozložení jednotlivých prvků
  • zdůrazněno Slovo na den a redakční obsah
  • v horním menu odstraněny nedůležité odkazy
  • nové pořadí hlavního menu, akce ustoupily lehce dozadu

Uživatelské profily & profily společenství:

  • "zobrazované jméno" je hlavním nadpisem, celé jmeno je zmenšeno
  • profilová fotka je výše, muže být vyšší, je více vidět
  • seznam přátel zobrazuje až 18 přátel
  • každý profil má ve svém submenu nově položku pro historii vzájemných vzkazů
  • nově je možné nastavit si oříznutí malé profilové fotky

Blogy:

  • lehce pozměněno rozložení na přehledu blogů
  • administrace blogů je nyní přehlednější, nové ikonky
  • menu a udělátka mají v administraci nový vzhled

Fotky:

  • přehlednější seznam fotografií
  • při přidání alba je automaticky přidána informace na váš profil (můžete zpětně smazat)
  • do příspěvku můžete vložit adresu jednotlivé fotky, stejně jako dříve celé album

Akce:

  • kompletně nový design profilu akce, mnohem více místa na vaše informace, zvýrazněn čas a místo konání
  • opraveny chyby s ukládáním adres apod.
  • upraveno chování při žádání o zařazení do oficiálního přehledu, akce musí být veřejná

Nyní si vychutnejte ukázky z mobilní verze:



 

Zobrazeno 1893×

Komentáře

DiváBára

Děkuji za vysvětlení. ;)

SvonJ

Pozor...! Na MiniOpeře už se odhlášení rozbaluje... :-)

Pro přidání komentáře se musíš přihlásit nebo registrovat na signály.cz.

Autor blogu Grafická šablona Ondřej Válka