Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Snažil jsem se o něco jednoduchého a přehledného. Zároveň by mě být web responzivní. Na webu nehodnoťte obsah (zatím) ale čistě design. Design budu ještě předělávat, ale chci už slyšet váš názor na tenhle vzor designu. Vím, že v módě je světlý web, tak jsem zvolil takový kompromis mezi čistě světlým a tmavým vzhledem. Dominující barvy jsou tedy hlavně bílá,černá,tmavě modrá a tmavě červená.

Web používá HTML 5 a i nějaké CSS 3 vlastnosti :)

Těším se na vlnu kritiky, názorů, připomínek, nápadů ... prostě piště :P

Odpovědět 24.3.2013 16:09
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Petr Nymsa
David Čápka:

Barevně dobré, v hlavičce je obrovské písmo oproti tělu, dal bych tam nějaký obrázek, alespoň logo.

Nahoru Odpovědět 24.3.2013 16:35
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Při rozlišení 1024x768 se ten slogan (Petr "Zirko" Nymsa - I love technology) záhadně teleportuje, když měníš velikost okna tak je vidět zajímavý shuffle :D U odstavce stoprocentně text-indepent minimálně 15px, nějakou mezeru mezi odstavci, možná bych zvětšil trošku font, přijde mi že se v tom trochu ztrácím. Barevně skvěle sladěné, zůstal bych jen u bílo-modro-černý, tu červenou bych tam už vůbec nepletl. V menu bych se nebál při hoveru nějaké položky nějak decentně měnit i pozadí, třeba jen o odstín světlejší (nebo naopak). Menu na jedné straně a ten rozhovor s consolí na druhé to dělají trošku nesourodé, jedno je víš, druhé níž, bylo by lepší kdyby bylo oboje stejně vysoko a rozměrově přinejmenším podobné. Kód pěkně formátovaný a úhledný, dobře použité HTML5 tagy (jak je u tebe již zvykem, vždycky se to po tobě hezky čte :D). Rozhodně tvůj nejlepší web ;)

Nahoru Odpovědět  +1 24.3.2013 16:37
Creating websites is awesome till you see the result in another browser ...
Avatar
Ben Žour (Jeremy):

Design webu je celkem fajn, až na pár věcí:

  • mě osobně se nelíbí kombinace tmavě modré, bílé a vínové, držel bych se spíše u různých tónů tmavě modré a vínovou zcela vynechal.
  • podtrhávání odkazů mi přijde celkem staromódní, jistě by šlo vymyslet něco zajímavějšího, ale vlastně na tom ani moc netrvám :-)
  • dolů na ikonky sociálních síti bych přidal nějaký efekt při přejetí myší a při kliknutí, jistě to tím příjemně ozvláštníš

Díval jsem se i na kód a nemáš tam prakticky žádné meta tagy autor, popis aj. Pro vyhledávače jsou důležité. Místo css.css bych radši šablonu přejmenoval na style.css :-)

Jinak to vypadá pěkně :-)

 
Nahoru Odpovědět  +1 24.3.2013 16:41
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na David Čápka
Petr Nymsa:

Hlavičku určitě předělám. Zmenším nápis a vložím logo :)

Nahoru Odpovědět 24.3.2013 16:58
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Jiří Gracík
Petr Nymsa:

Díky. No ten "shuffle" je způsobený relativním pozicováním, prostě se to přizpůsobuje rozlišení a nevím jak to udělat jinak. To menu jsem chtěl nechat v téhle výšce a ten kód asi mírně upravím. Mám v plánu tam nechat generovat náhodný citáty / kódy :D. Rád bych nějak odkazy barevně odlišil, ale nevím jakou barvou. Nápad ? :)

Nahoru Odpovědět 24.3.2013 17:00
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Ben Žour (Jeremy)
Petr Nymsa:

Díky za ohlas. Efekty ikonkám dodám, alespoň malý. Menu efekt taky vylepším, už mám nápad. A meta tagy doplním, psal jsem hodnotit zatím design jako takový, obsah ne, takže vlastně proto ani žádné meta tagy :)

Nahoru Odpovědět 24.3.2013 17:01
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Hlavičku bych udělal nějak napevno aby se při oddalování neměnila pozice ...

Potom máš dóle odkazy na fb,yt.. tak fb je dost rozmazaný oproty yt či twitteru.

Potom kód.. proč máš např. NAV s id="menu" ?? nav je na webu 1x a proto stačí používat nav, to samé u HEADER ...
Dále proč máš id na section ? .. section máš v divu s id="main" .. takže do css #main section{..}

Jsou tu drobné chyby, které znepřehledňují kód..

Celkový dojem za 3 ***

Nahoru Odpovědět 24.3.2013 17:12
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:

Ta hlavička byla spíš experiment :D. Změním ji na pevnou pozici :). Jo na to FB teď koukám (předělám). S těmi ID. Vím, že tam jsou jednou, ale vadí hodně když si jim napíšu ID ? Podle mě ne :). S tím section máš nejspíš pravdu. Díky

Nahoru Odpovědět 24.3.2013 17:15
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:

no tak můžeš si udělat k čemukoli jakýkoli id či class že, ale potom to znepřehlední kód ..

Nahoru Odpovědět 24.3.2013 17:19
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Petr Nymsa
Jiří Gracík:

Dobře, tak když potřebuješ nutně odlišit odkazy, tak bych volil nějakou tmavší žlutou nebo oranžovou :)

Nahoru Odpovědět 24.3.2013 18:17
Creating websites is awesome till you see the result in another browser ...
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Honza Bittner
Jiří Gracík:

Nemyslím si že by to byly chyby nebo by to kód znepřehlednilo, jenom je to zbytečné ;)

Editováno 24.3.2013 18:18
Nahoru Odpovědět 24.3.2013 18:18
Creating websites is awesome till you see the result in another browser ...
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Petr Nymsa
Jiří Gracík:

Jinak české lorem ipsum je naprosto geniální :D přetlakovaný sponzoři, i mor zjistíte, účelné masy národů - občas z něj vyjdou úsměvný slovní spojení :D

Nahoru Odpovědět 24.3.2013 18:21
Creating websites is awesome till you see the result in another browser ...
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Novější verze hlavičky a změna barev. Není to ještě optimální ale myslím že je to o něco lepší :)

Nahoru Odpovědět 24.3.2013 18:37
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Anonym
Člen
Avatar
Anonym:

text co máš nahoře, ted sice nemizí, ale teleportuje se o kousek dál xD :D

 
Nahoru Odpovědět 24.3.2013 18:40
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Anonym
Petr Nymsa:

jaký prohlížeč máš ?

Nahoru Odpovědět 24.3.2013 18:45
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:

jo, už je to lepší, ale možná bych odstranil ten box s kódem ..

Nahoru Odpovědět 24.3.2013 18:46
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:

ten připravuju pro různé náhodné citáty o programování apod. Chci si ho tam nechat :)

Nahoru Odpovědět 24.3.2013 18:47
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Honza Bittner
Redaktor
Avatar
Nahoru Odpovědět 24.3.2013 18:53
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
matesax
Redaktor
Avatar
matesax:

KONEČNĚ! Já se dočkal... Není to sice jako to mám já, ale na to co tu v minulosti proběhlo - dokonalý kód... :) Design - no jo - to se vypiluje... :)

 
Nahoru Odpovědět 24.3.2013 19:48
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na matesax
Petr Nymsa:

Děkuji, design pomalu ale jistě vylepšuji :)

Nahoru Odpovědět 25.3.2013 19:35
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Anonym
Petr Nymsa:

Mě to v Chromu funguje zclea v pořádku. Máš nejnovější verzi ?

Nahoru Odpovědět 25.3.2013 19:38
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Menší aktualizace. PRvní stránka už obsahuje i nějaký smyslu plný obsah.Chci se vás hlavně zeptat na nápad s výpisem tvorby. Ikony programů a po rozkliku info o programu. Samozřejmě se jendá o plugin. JS zatím neovládám ale plánuji se ho načuit a časem napsat i něco podobně svýho :). Ono když jsem na to tak koukal, tak to zas tkaová věda není. Hlavičku předělám určitě, tu už kritizovat nemusíte :D

Nahoru Odpovědět 25.3.2013 21:29
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Pravděpodobně finální verze. Hlavička zmenšena a předělána. Stránka zatím obsahuje nějaké info o mě, vytovřené aplikace a kontatkní formulář. Pro vytovřené aplikace jsem použil pluginy 3. stran. Ačkoliv udělat "vyskakující div" co jsme tak koukal není těžký, využil jsem stejně pluginu. Prozatím jsem rád, že jsem konečně udělal šablonu, která se mi alespoň trochu líbí a vracím se zpět k C#. Později opět budu zkoušet a více se zaměřím na JS a PHP. Názory na tuto verzi webu ? Připomínky k obsahu samozřejěm také vítám :)

Nahoru Odpovědět 27.3.2013 16:11
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Petr Nymsa
David Čápka:

Patička je pecková, výběr fontu dobrý, hlavička se mi nelíbí. Asi to dělá to logo, je to moc levné a neoriginální. Jak jsi tam měl ten kód tak to bylo lepší.

Nahoru Odpovědět 27.3.2013 16:14
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
matesax
Redaktor
Avatar
matesax:

Rýpnu si:

.NET C#
HTML
CSS

Buď jen C#, nebo .NET celkově a CSS patří k HTML - a dnes prakticky i JS... Čily asi C#, HTML...

 
Nahoru Odpovědět 27.3.2013 16:37
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Web je už o mnoho lepší, avšak menu bych ještě zlepšil .. nelíbí se mi přechod při hoveru do pozadí halvičky ...
Hlavička celkově mi příjde taková nudná, nic originálního :)

Avšak věřím že ti zlepšíš ;)

Nahoru Odpovědět 27.3.2013 16:42
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na David Čápka
Petr Nymsa:

Hlavičku určitě zlepším :) Díky jinak za ohlas

Nahoru Odpovědět 27.3.2013 16:43
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Зайчик
Člen
Avatar
Odpovídá na matesax
Зайчик:

Pokud vím výraz dotNET (C#) se běžně používá, akorát v závorkách, aby bylo jasné, že neumím všechno z dotNETu ale jen C#.

CSS,HTML k sobě nepatří... teoreticky patří ale html není css a css není html. Takže to bych nevytknul. Ale zmiňovat se, že umím něco málo z HTML a CSS hm :D kdo ne? Pokud vím, základy těhle kódovacích/sty­lovacích jazyku se učí na základních školách.

Nicméně já bych spíš vythnul... "znalosti?" :D to zní jako kdybys ty jazyky perfektně ovládál což silně pochybuju. Spíš by to chtělo něco jako základy, pokročílé znalosti, nebo tak něco. ;)

Nahoru Odpovědět 27.3.2013 16:45
Коммунизм для нашего будущего!
Avatar
Kit
Redaktor
Avatar
Odpovídá na matesax
Kit:

CSS se používá i bez HTML. Javascript mi bez HTML také skvěle funguje. Dokonce ani jedno z toho nepotřebuje HTTP :) Jsou to prostě samostatné technologie, které se dají kombinovat.

Nahoru Odpovědět 27.3.2013 16:50
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Kit
Redaktor
Avatar
Odpovídá na Зайчик
Kit:

CSS je považováno za chybně navržený jazyk, protože není odvozen od XML. Chybně bylo navrženo i DTD, proto je postupně nahrazováno XSD. Třeba podobně dopadne i CSS.

Nahoru Odpovědět 27.3.2013 17:01
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Kit
David Čápka:

U CSS se tento problém řeší preprocesory, třeba LESS.

Nahoru Odpovědět 27.3.2013 17:10
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Kit
Redaktor
Avatar
Odpovídá na David Čápka
Kit:

Asi jsi chtěl napsat SASS. Občas ho používám.

Nahoru Odpovědět 27.3.2013 17:13
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Pavel Vosyka
Člen
Avatar
Pavel Vosyka:

Možná bych v tom LightBoxu (či co to je - ty vyskakovací okna) udělal větší vnitřní odszaení.

Nahoru Odpovědět 27.3.2013 17:57
"nikdy nepiš nic 2x"
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Menší změna ?

Nahoru Odpovědět 27.3.2013 18:20
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Petr Nymsa
Jiří Gracík:

Nevím jak tobě, ale mě to menu odhazuje zbytek stránky o kousek :D

Nahoru Odpovědět 27.3.2013 18:43
Creating websites is awesome till you see the result in another browser ...
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Já bych takto to menu nedával,

  1. by neměly odskakovat položky
  2. nelíbí se mi takovéhle ikonky ..
Nahoru Odpovědět 27.3.2013 18:57
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Jiří Gracík
Petr Nymsa:

Ach to IE ! :@ .. už nevím jak to předělat :(

Nahoru Odpovědět 27.3.2013 19:26
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:

ne, i na chromu to dělá.. když šáhneš na ikonku tak ti to odhodí trochu stránku

Nahoru Odpovědět 27.3.2013 19:28
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 40 zpráv z 40.