| Autor | Zpráva | ||
|---|---|---|---|
| Xanomes Profil |
Dobrý den,
zajímá mne váš názor na stránky Xanomesite. Jsou to mé osobní stránky, určené spíše pro procvičování HTML a CSS než aby obsahovaly mraky textu. Web je responzivní, takže prosím o názory i mobilních uživatelů :) Děkuji, Xanomes |
||
| lionel messi Profil |
Xanomes:
Prvý dojem vcelku dobrý, oceňujem jednoduchosť a prehľadnosť, rozhodne je však čo zlepšovať. 1. Píše sa O mně (nie som síce na gramatickom fóre, ale v titulku to dosť bije do očí). 2. Farba hover efektu v menu sa mi veľmi nepáči, akoby na oranžovom pozadí zanikala (nie, s pozadím nehýb, to je podľa môjho názoru dobré). Vo vývojárskych nástrojoch som sa narýchlo pohral s kódom farby, namiesto #FD7070 skús #FDCC70 (pre mňa oveľa lepšie i výraznejšie). Niektorí kolegovia však možno budú mať opačný názor (uvítam všetky reakcie).
3. Prečo nie sú náhľady tvojich prvých diel klikacie? Aha, ony vlastne nemajú kam odkazovať, škoda, majú menšiu výpovednú hodnotu. 4. Skúsil by som sa pohrať so šírkou stránky (napr. pridať max-width). Web prezerám na laptope, napriek tomu mi riadky prídu trochu príliš široké. 5. Zvýš riadkovanie (line-height), pokojne na hodnoty okolo 1.6 alebo 1.7, texty sa budú o chlp lepšie čítať. 6. Ikonky v menu pôsobia trošku tajomne, chýba im popis, z ôsmich som uhádol len päť. 7. Nepáči sa mi border-radius tlačidiel na stránke Úkoly. 8. AJAX chat nemá menu, na stránku sa musím vracať tlačidlom Späť v prehliadači. 9. Na stránke Hry je hlavný nadpis nepekne prilepený na hornom okraji. Mimochodom, na tvojom osobnom webe ma pokec o histórii spoločnosti Nintendo nezaujíma. 10. <div class="h1"><span>Nintendo 3DS</span></div> — Takto rozhodne nie. Nadpisy majú vlastné elementy <h1> až <h6>, použitie spanu je v tomto prípade už mimo misu úplne.
11. Význam <style>
#one{background:#fd7070;}
</style>
<style>
#two{background:#fd7070;}
</style>
<style>
#three{background:#fd7070;}
</style>
11. <br><br> — <br>ko je mŕtve, nech žije margin.
12. V sekcii Soubory mi prekáža nízky kontrast oranžového písma na šedom pozadí (najmä v tmavšej časti „zebry“). 13. Preklep v Poznámkach: license je uvedena v daném CSS souboru. „takže prosím o názory i mobilních uživatelů :)“ S týmto, bohužiaľ, veľmi nepomôžem (nemám internet v mobile). Ale otvoril som Responzive design režim v FF a textové menu rozťahané na niekoľko riadkov sa mi nepáči. Prečo nezoradíš do jedného radu (alebo ešte skôr asi do dvoch) vedľa seba ikonky? Navyše sa mi zdá, že takéto odkazy nemajú veľkú klikaciu plochu a sú na seba príliš nalepené (hrozí ťuknutie na odkaz, ktorý som otvoriť nechcel). |
||
| Xanomes Profil |
#3 · Zasláno: 8. 1. 2016, 23:56:13
lionel messi:
1. Děkuji, opraveno. 2. Mně se líbí, ale uvidím podle názoru ostatních :) 3. Nezdá se mi to podstatné, stejně to jsou weby psané 'ještě' dost podivně :D (část tagů HTML4, část HTML5, část dokonce XHTML a doctype z HTML5, dokonalé) 4. Stránky tvořím též na notebooku a vyhovuje mi to, uvidím podle názorů ostatních 5. Máš pravdu, na 1.7 je to o mnoho lepší 6. Původně jsem chtěl dát jako hover efekt ikonek právě nahrazení textu za ikonu, ale mé znalosti JS na to nestačí... 7. Jak je zmíněno na stránce O mně, Úkoly nejsou mé, používají cizí CSS (Twitter Bootstrap) a kdybych se v tom hrabal, obávám se, že to nedopadne dobře. Už tak jsem zápasil s vlastním h1. 8. Také není můj a hrabat se v tom nechci, možná to vyřeším framy nebo něčím takhle ošklivým 9. Opraveno. Já vím, ale dost lidí Nintendo nezná a když jim začnu rovnou kecat o 3DSku tak vůbec nebudou tušit o čem mluvím... 10. Opraveno 11. Mé znalosti JS jsou poněkud omezené a bylo pro mne jednodušší zapsat několik stylů a pak na ně odkazovat jako stylesheet[pořadí].disabled, než to nastavovat přímo přes styl tagu 11. Opraveno spolu s těmi spany 12. Souhlasím, ale ještě nevím jakou barvu zvolit 13. Nechápu kde je ten překlep, mám tam license 14. Ještě o tom popřemýšlím, každopádně jak uvedeno v jedné nepříliš patrné poznámce na stránce O mně, web ve svém konceptu jako takovém nemá být responzivní a já ho tedy responzivním udělal tak, že jsem vyházel většinu stylů. Ikony se na některých zařízeních nemusí zobrazit, až se mi povede udělat popisek jako hover efekt ikon, bude zde na místě ikony nepoužívat. |
||
| lionel messi Profil |
Xanomes:
„možná to vyřeším framy nebo něčím takhle ošklivým“ V tom prípade to asi bude lepšie nechať tak… „12. Souhlasím, ale ještě nevím jakou barvu zvolit“ Možno postačí mierne zoslabiť zebru. Svetlošedú farbu nechať a namiesto tmavej použiť bielu. „13. Nechápu kde je ten překlep, mám tam license“ Lenže česky je to licence. :-) „Já vím, ale dost lidí Nintendo nezná a když jim začnu rovnou kecat o 3DSku tak vůbec nebudou tušit o čem mluvím...“ Pravda, ťažko nájsť kompromis. |
||
| Xanomes Profil |
lionel messi:
„Možno postačí mierne zoslabiť zebru. Svetlošedú farbu nechať a namiesto tmavej použiť bielu.“ Pokusil jsem se, snad to není příliš světlé. „Lenže česky je to licence. :-)“ Nečekal bych, že slovák bude umět líp česky než já :D Díky :) |
||
| Xanomes Profil |
#6 · Zasláno: 9. 1. 2016, 10:27:30
lionel messi:
„Ikonky v menu pôsobia trošku tajomne, chýba im popis, z ôsmich som uhádol len päť.“ Napadlo mne vyřešit to obrázky, tedy po najetí na obrázek zobrazit obrázek obsahující popis, ale toto řešení se mi nelíbí už proto, že kvůli maličké změně (velikost písma, barva písma...) je nutné dělat všechny obrázky znovu. |
||
| lionel messi Profil |
#7 · Zasláno: 9. 1. 2016, 11:28:31
Xanomes:
> lionel messi: > „Možno postačí mierne zoslabiť zebru. Svetlošedú farbu nechať a namiesto tmavej použiť bielu.“ > Pokusil jsem se, snad to není příliš světlé. Nie, rozhodne je to lepšie. Ešte som si na rovnakej stránke všimol tieň tabuľky, ktorý na mňa pôsobí príliš výrazne. Skúsil by som ho trochu rozptýliť. |
||
| Xanomes Profil |
lionel messi:
„Ešte som si na rovnakej stránke všimol tieň tabuľky, ktorý na mňa pôsobí príliš výrazne. Skúsil by som ho trochu rozptýliť.“ Jeho účelem je zbavit tabulku plochosti, ale popřemýšlím o tom |
||
| Tomáš123 Profil |
#9 · Zasláno: 9. 1. 2016, 13:56:23
Xanomes:
„2. Mně se líbí, ale uvidím podle názoru ostatních :)“ Mne sa nepáči. V novej farbe súhlasil s lionelom messim, ale neskúmal som iné možnosti. Tvoja stránka mi pripadá ako zlepenina rôznych hotových riešení... Čo bolo cieľom vytvoriť ju? Máš tam obsah týkajúci sa tak odlišných tém, že by to ani nemalo byť na tej istej doméne. - Na hlavnej stránke to pripomína portfólio. Odkazy ale nie sú klikateľné a o tebe tam nie je dostatok informácii. Klinúť na tú jednotku mi napadlo pri štvrtom navštívení. Čakal som skôr vysvetlivku pod textom. - Linux? Máš v pláne publikovať aj vlastné články? Keby som si ho chcel stiahnuť, určite nepôjdem na tvoju stránku. - Úkoly. Podľa ikonky som očakával graf tvojich zručností v rôznych programoch a jazykoch. Poznámku si napíšem na papierik a čapnem ho na chladničku. - Chat. Úplne iné odvetvie. Externá služba. Hlavná prilepenina. - Hry. To už sa podobá na vlastný blábolník. Ale stále je tam málo obsahu. Nič kvôli čomu by som mal sledovať tvoje stránky. - Čo bolo cieľom verejnej publikácie súborov? Pochopil by som ak by pre užívateľa malo význam stiahnuť ich, ale nemá. - Kontakt je jediná rozumná sekcia. Chýba mi tam ale kontaktný formulár. Myslím si, že tým, že web tak rozvetvuješ ničíš jeho hodnotu. Radšej sa zamerať na niečo poriadne. Keď si odmyslím tú farbu zvýraznenia ikonky, dizajn sa mi páči. Kód nie je najlepší, ale bolo aj horšie. V hlavičke ti chýba úvodzovka. |
||
| Xanomes Profil |
#10 · Zasláno: 9. 1. 2016, 14:23:39
Tomáš123:
Barvu zkusím změnit. „Tvoja stránka mi pripadá ako zlepenina rôznych hotových riešení... Čo bolo cieľom vytvoriť ju? Máš tam obsah týkajúci sa tak odlišných tém, že by to ani nemalo byť na tej istej doméne.“ Cílem? Mít homepage. Hotových řešení? A jakých? Jediné co jsem použil jsou úkoly a chat, zbytek je můj. Ano, týká se to věcí které mne zajímají. „- Na hlavnej stránke to pripomína portfólio. Odkazy ale nie sú klikateľné a o tebe tam nie je dostatok informácii. Klinúť na tú jednotku mi napadlo pri štvrtom navštívení. Čakal som skôr vysvetlivku pod textom.“ Vím, není to nejlepší řešení, uvažuji o jiném. „- Kontakt je jediná rozumná sekcia. Chýba mi tam ale kontaktný formulár.“ Kontaktní formulář sám dohromady nedám, a než abych si nastavoval cizí radši udám email. „-Linux? Máš v pláne publikovať aj vlastné články? Keby som si ho chcel stiahnuť, určite nepôjdem na tvoju stránku.“ Nemám. Já vím, ale jsou to mé stránky a když už tam je vše co se mne týká, proč by tam nebyl můj oblíbený OS? „- Chat. Úplne iné odvetvie. Externá služba. Hlavná prilepenina.“ Mě se hodí. „- Hry. To už sa podobá na vlastný blábolník. Ale stále je tam málo obsahu. Nič kvôli čomu by som mal sledovať tvoje stránky.“ A kdo říká že je máš sledovat? Obsah tam určitě přidám. „- Čo bolo cieľom verejnej publikácie súborov? Pochopil by som ak by pre užívateľa malo význam stiahnuť ich, ale nemá.“ Pochop že stránky jsou především pro mne a než abych si hledal jméno na FTPčku si otevřu tuhle složku. „V hlavičke ti chýba úvodzovka.“ Opravím. |
||
| Tomáš123 Profil |
#11 · Zasláno: 9. 1. 2016, 14:56:09
Xanomes:
„A kdo říká že je máš sledovat? Obsah tam určitě přidám.“ Keď tam pridáš obsah, možno budeš chcieť, aby sa o tvojom webe ľudia dozvedeli. Potom už bude namieste snažiť sa písať tak, aby sa tam vracali. „Pochop že stránky jsou především pro mne“ Tak to som zle pochopil ich účel. Stránky vyzerajú dobre, tak som kritiku smeroval na obsahovú časť. Asi som ťa trochu precenil a naservíroval ti priveľké požiadavky. Ak to má byť web výlučne pre tvoje poznámky, tak neber môj predchádzajúci príspevok príliš vážne. |
||
| Xanomes Profil |
#12 · Zasláno: 10. 1. 2016, 12:02:43
Barva změněna, je skutečně lepší.
Tomáš123: „Tak to som zle pochopil ich účel. Stránky vyzerajú dobre, tak som kritiku smeroval na obsahovú časť. Asi som ťa trochu precenil a naservíroval ti priveľké požiadavky. Ak to má byť web výlučne pre tvoje poznámky, tak neber môj predchádzajúci príspevok príliš vážne.“ Tak to jsem rád :) |
||
| Xanomes Profil |
#13 · Zasláno: 12. 1. 2016, 20:56:14
- Zvětšena dotyková plocha pro odkazy v menu (mobilní verze) - testováno na mém Nintendu 3DS, na mobilech by to tedy mělo být v pořádku
- Uživatelům s vypnutým JavaScriptem se zobrazí všechny položky bíle a bez hover efektu - Poznámka (značena jako 1 v horním indexu) kterou kritizoval Tomáš123 byla skutečně špatně a vzhledem k tomu že poznámka již nyní začala být zastaralá (její obsah již není aktuální), smazal jsem ji celou |
||
| RastyAmateur Profil |
#14 · Zasláno: 12. 1. 2016, 21:10:07
Xanomes:
Poněkud pozdě, ale také bych rád zareagoval na tvou prosbu o názor na stránku. Mám jen pár věcí, jen doufám, že to tu již někdo nepsal. To menu se mi neskutečně líbí, ale... Musím si naject na tlačítko a kouknout se do rohu, kde se mi vytváří náhled nové adresy, abych věděl, kam mě to zavede. Chtělo by to lépe pořešit. Sice je pěkné, že to umí řadit úkoly, ovšem nikde ti to neukazuje, podle čeho to řadíš. Jinak ten design se mi hodně líbí (krom barvy na aktivní položce a :hover položce v menu. Ta není tak pěkná, jako to vše okolo.). Jen ten obsah mi přijde nic moc... Ovšem na toto jsi už reagoval (podle toho, co čtu v [#11]). |
||
| Xanomes Profil |
#15 · Zasláno: 13. 1. 2016, 16:33:28
RastyAmateur:
„Musím si naject na tlačítko a kouknout se do rohu, kde se mi vytváří náhled nové adresy, abych věděl, kam mě to zavede. Chtělo by to lépe pořešit.“ Jsem si toho vědom, chci udělat jako hover efekt ikon název sekce. Sice to z tvého pohledu příliš nemění protože stejně musíš najet na ikonu, ale pro uživatele kteří nejsou zvyklí sledovat adresu odkazu to určitě bude přínosné. „Sice je pěkné, že to umí řadit úkoly, ovšem nikde ti to neukazuje, podle čeho to řadíš.“ Jak je zmíněno na stránce O mně, Úkoly ani Chat nejsou mé, v těchto jazycích totiž bohužel nijak nevynikám. Základní řazení by mělo být dle priority sestupně. „design se mi hodně líbí (krom barvy na aktivní položce a :hover položce v menu.“ Navrhni, rád ji změním pokud najdeš lepší. Mě se to ovšem nepovedlo :) „Jen ten obsah mi přijde nic moc...“ Jak jsem již psal, obsah přidám :) |
||
| RastyAmateur Profil |
#16 · Zasláno: 13. 1. 2016, 18:24:43
Xanomes:
Asi bych tam nedával oranžovou - to najdeš s těží lepší odstín... Vyzkoušel bych nějakou světle šedou a obrázek aby byl oranžový/černý. Nebo obrázek neměnit a dát pod to jen hodně světlou šedou. Těžko říci. Musel bych to vše vidět vedle sebe. Nakonec by z toho možná aktuální verze vyšla nejlépe, nevím. |
||
| Xanomes Profil |
#17 · Zasláno: 13. 1. 2016, 19:34:03
RastyAmateur:
Tak asi nechám tuhle, oranžovou mám obecně rád. A mimochodem, není to obrázek ale ikonka z Font Awesome :) |
||
| RastyAmateur Profil |
#18 · Zasláno: 13. 1. 2016, 19:35:24
Xanomes:
nevím, nezkoumal jsem.. Ale na ten Font Awesome se mrknu :-) |
||
| Xanomes Profil |
#19 · Zasláno: 14. 1. 2016, 21:48:21
- Pokusil jsem se přidat obsah, více mne nenapadá...
- Udělal jsem popisky položek v menu |
||
| RastyAmateur Profil |
#20 · Zasláno: 14. 1. 2016, 22:02:42
Xanomes:
„Pokusil jsem se přidat obsah, více mne nenapadá...“ To znám... Težší, než dělat design... „Udělal jsem popisky položek v menu“ 100x lepší!! |
||
| Xanomes Profil |
#21 · Zasláno: 15. 1. 2016, 17:32:34
RastyAmateur:
„To znám... Težší, než dělat design...“ :) „100x lepší!!“ Také si myslím. |
||
| Taurus Profil |
#22 · Zasláno: 15. 1. 2016, 17:46:04
Nečetl jsem ostatní příspěvky, pardon, je jich dost.
Dlouhé řádky na širokoúhlém monitoru se nedají číst, těžko se navazuje na další řádek. Nemám rád, když jedna nebo více položek menu vedou někam jinam nebo do nového okna a původní menu zmizí. Z hlediska použitelnosti to není moc dobré. Tabulka v sekci soubory by šla nakreslit trochu moderněji, je to taková nuda šeď. Zkusil bych to trochu jemněji. Čárky u znalostí, to je spíš infografika pro infografiku, ale obsahově jsou tyto údaje dost vágní. Je to častá chyba, protože takto určit znalosti moc dobře nejde. Špatná práce to jinak není, ale moc mě to nezaujalo. |
||
| Xanomes Profil |
#23 · Zasláno: 15. 1. 2016, 21:58:21
Taurus:
„Špatná práce to jinak není, ale moc mě to nezaujalo.“ Soudě dle tvého webu, cokoliv co nekřičí jinakostí není zajímavé...? „Dlouhé řádky na širokoúhlém monitoru se nedají číst, těžko se navazuje na další řádek.“ Souhlasím, snad je to lepší. Víc už s tím asi hýbat nebudu, pak by bylo vpravo příliš prázdno. „Nemám rád, když jedna nebo více položek menu vedou někam jinam nebo do nového okna a původní menu zmizí. Z hlediska použitelnosti to není moc dobré.“ Viz #2 8.; #3 8. a #4. „Tabulka v sekci soubory by šla nakreslit trochu moderněji, je to taková nuda šeď. Zkusil bych to trochu jemněji.“ Nenapadá mne, jak jinak. Ale šedá mi k tomu sedí... „Čárky u znalostí, to je spíš infografika pro infografiku, ale obsahově jsou tyto údaje dost vágní. Je to častá chyba, protože takto určit znalosti moc dobře nejde.“ Máš pravdu, ale na jiné značení jsem nepřišel a vypisovat tag po tagu co umím stejně pro nikoho nebude přínosem. |
||
| Taurus Profil |
#24 · Zasláno: 16. 1. 2016, 10:00:47
Myslím, že můj web není nějaký jiný, je docela tuctový. Hodnotím tak, jak mi to přijde, bez záště, pocitově. Možná tvrději, ale upřímně, navíc se tím živím, tak vnímám perfektní práci jinak než mnozí programátoři na diskuzi. Rozhodně se služí dodat, že to máš pěkně přehledné, což je základ. To jsem zapomněl napsat.
Řádky máš pořád dlouhé. Prázdné jsou i boky ve wordu. Prázdné místo vadí míň jak špatná čitelnost. Ad chat: ano, nechce se ti to řešit, protože je to externí služba, nicméně se dá řešit aspoň informování ostatních, že odkaz vede jinam. Jednoduché pravidlo použitelnosti – co vypadá podobně, mělo by se chovat podobně. Ad tabulky: stačí dát do google něco jako modern ui table a vyjede ti např.: www.google.cz/search?q=modern+table+css+design&safe=off&biw=1920&bih=979&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjqieOG5azKAhVD6xQKHZebCMAQ_AUIBigB#safe=off&tbm=isch&q=modern+ui+table&imgrc=2p235Xs0vCurZM%3A www.google.cz/imgres?imgurl=http://veerle-v2.duoh.com/images/uploads/csstablev2-detail.gif&imgrefurl=http://veerle-v2.duoh.com/blog/comments/a_css_styled_table_version_2/&h=290&w=640&tbnid=69CXiZ2EVwu31M:&docid=2KOteE8YQx143M&ei=YmiZVt7uKYT-Upzvg8AL&tbm=isch&ved=0ahUKEwjep6-I5azKAhUEvxQKHZz3ALgQMwgtKA4wDg Taky hezky sladěné barvy (nejen tabulky) můžeš najít na www.madebymagnitude.com/blog/jquery-flat-ui-design-kit Prostě to vyvážení barev je takové jemnější. |
||
| Xanomes Profil |
#25 · Zasláno: 16. 1. 2016, 14:56:45
Taurus:
„Řádky máš pořád dlouhé. Prázdné jsou i boky ve wordu. Prázdné místo vadí míň jak špatná čitelnost.“ Snížil jsem max-width u p na 1000px. Nutn dodat, že je absolutně o 100px zleva posunutý, takže text teď zabírá 900px. „Ad chat: ano, nechce se ti to řešit, protože je to externí služba, nicméně se dá řešit aspoň informování ostatních, že odkaz vede jinam. Jednoduché pravidlo použitelnosti – co vypadá podobně, mělo by se chovat podobně.“ Přidal jsem stránku, která informuje o tom, že chat je externí služba. Odkaz na chat teď napřed vede na xanomes.wz.cz/chat/go/. „Ad tabulky:“ Pokusil jsem se. |
||
|
Časová prodleva: 9 let
|
|||
0