Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
Avatar
Michael Olšavský:23.8.2013 22:13

Ahoj,
přidávám na ohodnocení mé webové portfolio. Nakonec jsem kompletně změnil grafiký návrh a snažil jsem se o co největší kompatibilitu s prohlížeči, tak snad to nebude problém. Jsem rád za jakékoliv reakce. :-)

 
Odpovědět 23.8.2013 22:13
Avatar
Inoue Yūki
Redaktor
Avatar
Inoue Yūki:23.8.2013 22:26

Na kód jsem se nedíval, takže budu hodnotit jen design:

  • Drž se maximálně tří barev a to u boxů i textu.
  • Odstraň stíny.
  • Přidej patičku.

Jinak to vypadá docela moderně, chválím. :)

Nahoru Odpovědět 23.8.2013 22:26
Avatar
Inoue Yūki
Redaktor
Avatar
Inoue Yūki:23.8.2013 22:27

Ještě dodám, že u obrázků by jsi se měl držet jednoho stylu a kvality kresby, takhle to vypadá neprofesionálně.

Nahoru Odpovědět 23.8.2013 22:27
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Michael Olšavský
Honza Bittner:23.8.2013 22:44

Hezké, odstranil bych stíny ...

Nebylo by lepší udělat kód pomocí section a articlů ?

<section>
  <article id="about"></article>
  <article id="skills"></article>
</section

barvu articlů pak určíš podle :nth-child(2n+1) nebo tříd .. :)

Nahoru Odpovědět 23.8.2013 22:44
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Odpovídá na Honza Bittner
Michael Olšavský:23.8.2013 22:49

Díky za rady, stíny jsem odstranil kromě těch při přejetí myší, to s tím section nevím nevím. Udělal bych to tak, ale já mám text jen na 55% stránky a ta barva je na 100%, takže bych se tomu stejně moc nevyhnul. Pokud víš jak to vyřešit, budu rád. :-)

 
Nahoru Odpovědět 23.8.2013 22:49
Avatar
Jan Vargovský
Redaktor
Avatar
Odpovídá na Michael Olšavský
Jan Vargovský:23.8.2013 23:05

Právě ty stíny v té navigaci jsou strašné. To už tam radši hoď hover tak jako když je to zrovna aktivní.

Editováno 23.8.2013 23:05
 
Nahoru Odpovědět 23.8.2013 23:05
Avatar
albertpatera
Redaktor
Avatar
albertpatera:23.8.2013 23:26

jeětě bych třeba udělal to, že po najetí na určitej jazyk by e ten jazyk zabavyl do nejaký bary

 
Nahoru Odpovědět 23.8.2013 23:26
Avatar
Odpovídá na Jan Vargovský
Michael Olšavský:24.8.2013 9:45

Nevím co proti těm stínům v navigaci máte :D mě se líbí ten prostorový efekt, ale když se schodnete, tak já je tedy odstraním.

 
Nahoru Odpovědět 24.8.2013 9:45
Avatar
Odpovídá na Inoue Yūki
Michael Olšavský:24.8.2013 9:54

Díky za rady. Barvy jsem opravil. Jen je tam torchu více odstínů černé. A k těm obrázkům, některé jsem dělal já(a jsem na to hrozná lama :D) a některé mám s volnou licencí z internetu.

 
Nahoru Odpovědět 24.8.2013 9:54
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Michael Olšavský
David Čápka:24.8.2013 9:59

Moc se mi to líbí. Hlavička je taková moc metro a dole bych dal místo odkazů na soc. sítě ikony. Jinak fakt dobrý. Kde jsi vzal tu ikonku JS? I do want :D

Nahoru Odpovědět 24.8.2013 9:59
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
Odpovídá na David Čápka
Michael Olšavský:24.8.2013 10:04

:-) Díky. Ty ikony tam dám.

Ten JS je odtud http://ocpsoft.org/…he-new-perl/
:-D

 
Nahoru Odpovědět  +2 24.8.2013 10:04
Avatar
Odpovídá na David Čápka
(Téměř) neaktivní:24.8.2013 10:07

Tu ikonu našel nejspíš zde:
http://ocpsoft.org/…-300x300.png?…

(Tak už nic teď jsem vložil komentář a co nevidim on ti odpověl sám)

Editováno 24.8.2013 10:09
 
Nahoru Odpovědět  +1 24.8.2013 10:07
Avatar
Inoue Yūki
Redaktor
Avatar
Inoue Yūki:24.8.2013 10:08

Teď už to vypadá dobře, jen teda ty ikony a hlavně stíny pryč! :D

Nahoru Odpovědět  +2 24.8.2013 10:08
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na (Téměř) neaktivní
David Čápka:24.8.2013 10:17

BTW super avatar, na téhle hře jsem strávil století :D

Nahoru Odpovědět  +1 24.8.2013 10:17
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
Ben Žour (Jeremy):24.8.2013 10:30

Kromě toho co už se tu říkalo to asi vypadá fajn. K těm kontaktům bych pak klidně připojil i nějaký kontaktní formulář.

 
Nahoru Odpovědět 24.8.2013 10:30
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:24.8.2013 10:53

Nemáte někdo nějakou stránku kde jsou code&programming bundle icons ?
Googlil jsem asi hodinu a vážně jsem nic nenašel, jen samé social icons

Nahoru Odpovědět 24.8.2013 10:53
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Odpovídá na Inoue Yūki
Michael Olšavský:24.8.2013 12:29

Obrázky jsem nakreslil své, v jednom stylu(u projektů). Stíny jsou odstraněné, přidány sociální ikony.

 
Nahoru Odpovědět 24.8.2013 12:29
Avatar
Inoue Yūki
Redaktor
Avatar
Odpovídá na Michael Olšavský
Inoue Yūki:24.8.2013 12:59

Mno, hned to vypadá lépe. :) Ještě na menu dej nějaký hover. :)

Nahoru Odpovědět 24.8.2013 12:59
Avatar
Jozef Krajčovič:24.8.2013 13:21

Na to, že maš 14 rokov celkom fajn. Ja by som len zmenil toto:

  1. v head by som tvoje meno zvačšil //lebo takto skroro zanika
    • by som k textu na technologiu pridal hover a scrollol by som to na sekciu o danej technologii.

      // možmo by tie technologie nechal pri load-e stranky nejakou animaciou postpne zvyraznit

  2. Chyba mi back to top // sice teraz tam toho moc nieje ale časom asi bude nie?
  3. Zmenil by som trocha farby. Ta fialova good, ale ta zelena mi tam moc nepasuje. Taktiež tu šedu by som trocha zmenil za svetlejšiu
  4. Pridal by som najaky padding medzi sekciami je dost na kope
  5. Tie social icons by som zmenšil tak cca o 40% a vycentoroval ich na stred.
Editováno 24.8.2013 13:21
 
Nahoru Odpovědět 24.8.2013 13:21
Avatar
Odpovídá na Jozef Krajčovič
Michael Olšavský:24.8.2013 15:48

Na věk se neohlížej, ten většinou nepomůže :-D Ale díky. Primárně dělám desktopové aplikace, na grafiku jsem lama, takže jsem rád i za to, co jsem vymyslel a myslím, že s vašimi radami to vypadá celkem dobře. Třeba to back to top tam určitě přidám, ty social ikony se mi celkem líbí, ty asi nechám, barvy těch dlaždic jsou alespoň různé, to mi nepřijde jako chyba. Samotný web jsem se snažil udělat max tříbarevný. Padding tam nějaký malý přidám. Ta hlavička je dobrý nápad ;-)

 
Nahoru Odpovědět 24.8.2013 15:48
Avatar
berry309
Redaktor
Avatar
berry309:25.8.2013 20:36

V mozzile, nevim jak jinde se po kliknuti na polozku v menu a naslednem scrolovani prekryje nadpis. Sam jsem s tim mel problem take.

Nahoru Odpovědět 25.8.2013 20:36
HTML a CSS kodér - www.josefberan.eu
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na berry309
Honza Bittner:25.8.2013 20:43

V mozile ? http://www.mozilla.org/en-US/ ... myslíš Firefox OS, THunderbird, Firefox ... ?

PANEBOŽELIDI ! je to FIREFOX

:D
Editováno 25.8.2013 20:45
Nahoru Odpovědět  +1 25.8.2013 20:43
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
berry309
Redaktor
Avatar
Odpovídá na Honza Bittner
berry309:25.8.2013 20:51

aby ses nezblaznil nahodou, kazdej vi o co jde

Nahoru Odpovědět  -3 25.8.2013 20:51
HTML a CSS kodér - www.josefberan.eu
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na berry309
Honza Bittner:25.8.2013 20:58

Jak mám vědět že nemyslíš nějaký jiný z jejich produktů ?
Je to jako kdybys skypu říkal Microsoft, nebo Javě říkal Oracle ...

Nahoru Odpovědět 25.8.2013 20:58
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Michael Olšavský
Jiří Gracík:25.8.2013 22:04

Mě se nelíbí jak máš vyřešené obrázky u tvé práce. Zaprvé je na nich ten text nečitelný, a vylézá mi přes okraje i když je ta dlaždice "otočená", že by neměl ten text být vidět. A ideální by bylo tu dlaždici při otočení zesvětlit a dát na ní hodně tmavý, nebo nejlépe úplně černý text, takhle se to fakt nedá skoro přečíst. Moc mi nesedí ta fialová z menu a té úvodní fotky k té(jak se jenom ta barva jmenuje :D?) barvě u odkazů a zvýrazněného textu. Na netbooku (1024xnevímco) se mi ikonka g+ vysypala a drží se na hraně menu. A nevím proč, ale ty sociální ikonky se narvaly pod sebe :D Jinak to vypadá fakt super :)

Nahoru Odpovědět 25.8.2013 22:04
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Jiří Gracík
Michael Olšavský:25.8.2013 22:10

Tobě to asi úplně blbne. Ten text je normálně schovaný pod ikonami, až když se otočí, tak je vidět a dlaždice zmizí. Nevím jak se jmenuje ta barva :D DOporuč mi nějakou. Dělal jsem to pro rozlišení 1360+, takže nevím :-/

 
Nahoru Odpovědět 25.8.2013 22:10
Avatar
Odpovídá na Jiří Gracík
Michael Olšavský:25.8.2013 22:16

Jaký používáš prohlížeč? Jinak díky :-)

Editováno 25.8.2013 22:16
 
Nahoru Odpovědět 25.8.2013 22:16
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Michael Olšavský
Jiří Gracík:25.8.2013 22:20

Asi jo, zkus se na to mrknout v chromu a pustit si vývojářskou konzoli, v nastavení si to zobrazit na mém rozlišení. K té barvě, třeba #60c by mi tam sedla lépe :)

// EDIT: Používám chrome ;)

// EDIT 2: Aha, už vidím co to má dělat (IE), v chromu to dělá něco úplně jinýho :D :D :D

Editováno 25.8.2013 22:21
Nahoru Odpovědět 25.8.2013 22:20
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Jiří Gracík
Michael Olšavský:25.8.2013 22:28

Já to vyvíjel v Chromu! :D TO je divné. Funguje mi to tam normálně. A stejně tak v ostatních prohlížečích. Asi to bude tím rozlišením.

 
Nahoru Odpovědět 25.8.2013 22:28
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Michael Olšavský
Jiří Gracík:25.8.2013 22:34

Nevyvíjel jsi to v jiném chromu :D? třeba mám nějakej ... chromovatější :D

Nahoru Odpovědět 25.8.2013 22:34
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Jiří Gracík
Michael Olšavský:25.8.2013 22:52

:D Chrome 29.0.24... I v tvém rozlišení se mi to zobrazuje správně. tak nevím. Asi máš ty nějakej Chromovatej :P

 
Nahoru Odpovědět 25.8.2013 22:52
Avatar
Kit
Redaktor
Avatar
Odpovídá na Michael Olšavský
Kit:25.8.2013 23:01

Občas používám Chromium, ale tohle si čtu přes Uzbl. Ten asi netestuješ.

Nahoru Odpovědět 25.8.2013 23:01
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Kit
Redaktor
Avatar
Odpovídá na Honza Bittner
Kit:25.8.2013 23:02

A znáš SeaMonkey? Přejmenovaná Mozilla.

Nahoru Odpovědět 25.8.2013 23:02
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Kit
Honza Bittner:25.8.2013 23:04

neznám

Nahoru Odpovědět 25.8.2013 23:04
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Jiří Gracík
Daniel Vítek:26.8.2013 7:17

1024x600 :P
Aspoň nejsu sám :D :D

 
Nahoru Odpovědět  +1 26.8.2013 7:17
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Michael Olšavský
Daniel Vítek:26.8.2013 7:20

bude to tím rozlišením, mám skoro stejný problémy jako Jiří Gracík :)

 
Nahoru Odpovědět 26.8.2013 7:20
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Daniel Vítek
Jiří Gracík:26.8.2013 9:23

A dělá ti to to samý?

Editováno 26.8.2013 9:23
Nahoru Odpovědět 26.8.2013 9:23
Creating websites is awesome till you see the result in another browser ...
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Jiří Gracík
Daniel Vítek:26.8.2013 10:05

Tohle ne :D
Dělá to toto:

 
Nahoru Odpovědět 26.8.2013 10:05
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Daniel Vítek
Jiří Gracík:26.8.2013 10:09

Tak já nevím :D to g+ mi vylezlo stejně, jinak ty kachličky vidím prostě postiženě :D

Nahoru Odpovědět 26.8.2013 10:09
Creating websites is awesome till you see the result in another browser ...
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Jiří Gracík
Daniel Vítek:26.8.2013 10:51

Vyfoť chrome://version

 
Nahoru Odpovědět 26.8.2013 10:51
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Jiří Gracík
Honza Bittner:26.8.2013 15:41

vidim to stejně jako ty ...

Nahoru Odpovědět 26.8.2013 15:41
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Ex_0
Člen
Avatar
Ex_0:26.8.2013 18:19

vyriesilo by sa to keby nastavil minimalnu sirku stranky nie?

alebo to ma byt resposivny design tak sa tam nemoze nastavit ta sirka?
ked hej tak to daj prec, na ziadnom portfoliu som zatial toto nevidel a ani sa to tam nehodi, mozno do paticky by to slo ale do menu fakt ne

peace

 
Nahoru Odpovědět 26.8.2013 18:19
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 43 zpráv z 43.