IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Petr Nymsa
Tvůrce
Avatar
Petr Nymsa:24.3.2013 16:09

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 Hartinger
Vlastník
Avatar
Odpovídá na Petr Nymsa
David Hartinger:24.3.2013 16:35

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
New kid back on the block with a R.I.P
Avatar
Neaktivní uživatel:24.3.2013 16:37

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
24.3.2013 16:37
Neaktivní uživatelský účet
Avatar
Ben Žour
Tvůrce
Avatar
Ben Žour:24.3.2013 16:41

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
24.3.2013 16:41
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na David Hartinger
Petr Nymsa:24.3.2013 16:58

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
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Petr Nymsa:24.3.2013 17:00

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
Tvůrce
Avatar
Odpovídá na Ben Žour
Petr Nymsa:24.3.2013 17:01

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
Tvůrce
Avatar
Honza Bittner:24.3.2013 17:12

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:24.3.2013 17:15

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
Tvůrce
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:24.3.2013 17:19

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Petr Nymsa
Neaktivní uživatel:24.3.2013 18:17

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
Neaktivní uživatelský účet
Avatar
Odpovídá na Honza Bittner
Neaktivní uživatel:24.3.2013 18:18

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
Neaktivní uživatelský účet
Avatar
Odpovídá na Petr Nymsa
Neaktivní uživatel:24.3.2013 18:21

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
Neaktivní uživatelský účet
Avatar
Petr Nymsa
Tvůrce
Avatar
Petr Nymsa:24.3.2013 18:37

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:24.3.2013 18:40

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
Tvůrce
Avatar
Odpovídá na Anonym
Petr Nymsa:24.3.2013 18:45

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
Tvůrce
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:24.3.2013 18:46

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

Nahoru Odpovědět
24.3.2013 18:46
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:24.3.2013 18:47

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
Tvůrce
Avatar
Nahoru Odpovědět
24.3.2013 18:53
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
matesax
Tvůrce
Avatar
matesax:24.3.2013 19:48

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
Anonym
Člen
Avatar
Odpovídá na Petr Nymsa
Anonym:25.3.2013 18:58

Chrome

 
Nahoru Odpovědět
25.3.2013 18:58
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na matesax
Petr Nymsa:25.3.2013 19:35

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
Tvůrce
Avatar
Odpovídá na Anonym
Petr Nymsa:25.3.2013 19:38

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
Tvůrce
Avatar
Petr Nymsa:25.3.2013 21:29

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
Tvůrce
Avatar
Petr Nymsa:27.3.2013 16:11

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 Hartinger
Vlastník
Avatar
Odpovídá na Petr Nymsa
David Hartinger:27.3.2013 16:14

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
New kid back on the block with a R.I.P
Avatar
matesax
Tvůrce
Avatar
matesax:27.3.2013 16:37

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
Tvůrce
Avatar
Honza Bittner:27.3.2013 16:42

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na David Hartinger
Petr Nymsa:27.3.2013 16:43

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
Зайчик:27.3.2013 16:45

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
Tvůrce
Avatar
Odpovídá na matesax
Kit:27.3.2013 16:50

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
Tvůrce
Avatar
Odpovídá na Зайчик
Kit:27.3.2013 17:01

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 Hartinger
Vlastník
Avatar
Odpovídá na Kit
David Hartinger:27.3.2013 17:10

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

Nahoru Odpovědět
27.3.2013 17:10
New kid back on the block with a R.I.P
Avatar
Kit
Tvůrce
Avatar
Odpovídá na David Hartinger
Kit:27.3.2013 17:13

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:27.3.2013 17:57

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" (updated 10 years after: "Není nic špatného na tom napsat něco 2x")
Avatar
Petr Nymsa
Tvůrce
Avatar
Petr Nymsa:27.3.2013 18:20

Menší změna ?

Nahoru Odpovědět
27.3.2013 18:20
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Odpovídá na Petr Nymsa
Neaktivní uživatel:27.3.2013 18:43

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

Nahoru Odpovědět
27.3.2013 18:43
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:27.3.2013 18:57

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Petr Nymsa:27.3.2013 19:26

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
Tvůrce
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:27.3.2013 19:28

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
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.