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 2111×

Komentáře

HejTi

Volejte sláva, volejte 3x Hrach! Hrach! Hrach! Hrach! :)

Pajan

Mobilní signály nevyužiji, káždopádně každý posun vpřed se cení! :-) Víc by mě ale potěšilo, kdyby se podařilo Signály odladit pro obyčejný Internet Explorer.

Jan Škrášek

Pokud jde o nějakou zavažnou chybu, informuj nás na @podpora. Vicemene by melo vse fungovat v IE8/9. Ostatni verze urcite nepodporujeme. :)

Dominik Mach

my co signály používáme většinou na mobilním telefonu je to super.

Ferenc

Včera jsem byl z mobilu na signálech a byl jsem velmi potěšen.

@HejTi: Souhlasím a volám s tebou 3x sláva!

Honyczek

gratuluju k úspěšné modernizaci!

Krasnazena

jen já zase tápu. Pěkně prosím - přispívám do událostí. Když jsem si dříve rozklikla přípravku - rozepsané, tak se mi tam objevil kalendář, kde byly jednotlivé dny a kam jsme se zapisovali, co napíšeme. teď tam nic takového nevidím. Nebo jsem slepá? Poraďte. Díky.

majkiii

Krasnazena: Já to tam vidím na svém místě. Najedu do správy blogu, pak kliknu na "rozepsané" články a tam vidím i naši Přípravku"... :)

Krasnazena

a kde je ten kalendář prosím?:

SvonJ

Tak určitě dobrý Jendo, přez vestavěnej prohlížeč v poho, ale přez MiniOperu se ze stránek neodhlásím, páč mi to tuhle možnost ani nenabídne. :-/

jirka-fikar

Paráda, paráda. K dokonalosti už snad chybějí akorát "web parts" (nebo jak se té technologii obecně říká), kde by si uživatel mohl přesouvat podle své potřeby jednotlivé části, jako to má třeba po přihlášení se seznam.cz. Zkrátka napřiklad slovo na den je celej den stejný, tak ho nepotřebuju vidět hned nahoře. Naopak seznam online přátel se mění každou chvíli a ten zrovna mě (a ne jen mě) docela zajímá a ten bez posunutí stránky prostě nevidim ani při rozlišení 1920×1080. Já vim, že ty jsi zásadně proti zobrazování přátel nahoře, ale... :-)

LukášD

Tak ani v jednom z mobilních prohlížečů (Opera mini, Opera mobile, nativní Nokia) mi nejde vložit nový text na blog a porůznu v nich tam či onde nefungují různá signální udělátka.

Martin Múčka (Smile)

Já bych taky radši měl přátele víc na očích... :) takhle jsou na můj vkus dosti uklizení :)

Žaaba

Též bych byla pro znovuzviditelnění přátel...

DiváBára

Já se taky hlásím k zviditelnění přátel.
Tahle věc mi nejvíc chybí.
Ale jinak super! ;)

DiváBára

p.s: ještě mě mrzí, že ikonka odhlásit už není tak snadno dosažitelná, ale musím kvůli tomu rozklikávat.
Ale chápu, že nějaké úpravy být musí a mají nějaký svůj smysl (I když já sama nevím jaký :D).

dromedar

Předpokládal bych, že ukrytí "akcí týkajících se profilu" (zobrazit profil; nastavení profilu; odhlášení) do rozbalovacího menu je krok směrem ke konformitě: přinejmenším další dvě sociální sítě, které používám (facebook a diaspora) to mají podobně. A při vývoji programů i internetových stránek se někdy hodí, když pro určité funkce existuje standardní vzor používaný všude nebo skoro všude: noví uživatelé se pak rychleji zorientují.

Ale třeba to tady mělo ještě nějaký jiný důvod...

DiváBára

Děkuji za vysvětlení. ;)

SvonJ

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

Zobrazit 19 komentářů »

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