Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
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
Patrik Smělý
Tvůrce
Avatar
Patrik Smělý:14.1.2015 15:34

Dobrý den, rád bych abyste zhodnotily můj nový osobní web, použil jsem technologie jako html, css, js(+jQuery), php. Web je plně responzivní. Snažil jsem udělat nějaký zajímavý a moderní design, děkuji za objektivní kritiku SogoCZE :).

 
Odpovědět
14.1.2015 15:34
Avatar
Adam Ježek
Tvůrce
Avatar
Adam Ježek:14.1.2015 16:15

Ze stránky designu pěkné, validátorem prošel, na mobilu taky použitelnej a dokonce i v IE 6
Ale...

  1. Scroll bar mi připadá moc tenký, toho že tam je jsem si všim, až když jsem sjel dolu jinak.

2)

<meta name="description" content="Dobrý den moje jméno je Patrik Smělý, jsem taky známí jako SogoCZE což je moje přezdívka. Zajímám se o programování, a celkově o celé IT zaměření."/>

Myslím, že by mělo být "známý"

  1. Nějak se mi nezdá část
<div class="podnadpisi">
                                <h1 class="podnadpis">Patrik „SogoCZE“ Smělý</h1><br/>
                                <h1 class="podnadpis"></h1><br/>
                                <h1 class="podnadpis">Kóder, Programátor, Student</h1><br/>
                                <h1 class="podnadpis"></h1><br/>
                                <h1 class="podnadpis"></h1><br/>
                        </div>

Jaký je smysl těch 3 prázdných nadpisů?

  1. Na mobilu se mi moc nelíbí to menu jak kousek přesahuje po otevření do bílá části, možná by nebylo špatné udělat pruh s menu fixní, alespoň na počítači, ale to je věc názoru
  2. Domovská stránka mi příde moc složitá, třeba bych tam napsal jen pár vět a tu slohovku dal jinam, třeba pod reference, nebo založil stránku "dovednosti" nebo ňák tak (ale zase věc názoru)

Když to shrnu, tak bych jen rozšířil scroll bar aby byl lépe vidět a občas se tam objeví gramatická chybička ( a i v názvu css tříd, třeba podnadpisi), jinak v pohodě

Nahoru Odpovědět
14.1.2015 16:15
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Patrik Smělý
Tvůrce
Avatar
Odpovídá na Adam Ježek
Patrik Smělý:14.1.2015 16:41

Děkuji za kritiku, ano o tich chybách vím jsem bohužel dyslektik :D takže se mám na co vymluvit, no ty nadpisy původně jsem chtěl dát to programátor, studen, atd každé jako samostatný nadpis. Ale pak jsem to dal pryč a zapomněl je dát pryč. Ten scrollbar upravím.

 
Nahoru Odpovědět
14.1.2015 16:41
Avatar
Odpovídá na Patrik Smělý
Matúš Petrofčík:14.1.2015 16:48

Mne príde divná celá táto časť :D

        <nav>
                <div class="wrapper">
                        <h1 class="nadpis">Patrik Smělý</h1>
                        <button class="navigace" id="navigace-menu" onclick="navigace()"><i class="fa fa-bars"></i></button>
                        <ul class="navigace-telefon-hide">
                                <li id="domu"><a href="/"><i class="fa fa-home"></i> Domů</a></li>
                                <li id="kontakt"><a href="/kontakt/"><i class="fa fa-phone-square"></i> Kontakt</a></li>
                                <li id="blog"><a href="/blog/"><i class="fa fa-newspaper-o"></i> Blog</a></li>
                                <li id="reference"><a href="/reference/"><i class="fa fa-archive"></i> Reference</a></li>
                        </ul>
                        <div class="clear"></div>
                </div>
        </nav>
        <header>
                <div class="wrapper">
                        <div class="podnadpisi">
                                <h1 class="podnadpis">Patrik „SogoCZE“ Smělý</h1><br/>
                                <h1 class="podnadpis"></h1><br/>
                                <h1 class="podnadpis">Kóder, Programátor, Student</h1><br/>
                                <h1 class="podnadpis"></h1><br/>
                                <h1 class="podnadpis"></h1><br/>
                        </div>
                </div>
        </header>
        <section class="wrapper">
        <main>
                <article>
        <h2 class="nadpis-article">Vítej na úvodní stránce</h2>
.........
Editováno 14.1.2015 16:48
Nahoru Odpovědět
14.1.2015 16:48
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Patrik Smělý
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Patrik Smělý:14.1.2015 16:56

Jestli myslíš zarovnání, tak některé věci generuje php. Jiné věci co by na tomto codu mělo být špatně jsem si nevšiml. To s nadpisy, jsem už opravil.

Editováno 14.1.2015 16:57
 
Nahoru Odpovědět
14.1.2015 16:56
Avatar
Odpovídá na Patrik Smělý
Matúš Petrofčík:14.1.2015 17:06

Ale kdeže zarovnanie kódu, to je úplne jedno.
Skôr tie h1 nadpisy, prečo máš <nav> a v nom další div s triedou wrapper, tak isto header a v nom dalsí div, potom ide <section> ale ten zázračne další div nepotrebuje :D

Nahoru Odpovědět
14.1.2015 17:06
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Patrik Smělý
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Patrik Smělý:14.1.2015 17:09

Protože wrapper to dává na střed, a nav je přes celé a nastylované to samé header :).

Editováno 14.1.2015 17:10
 
Nahoru Odpovědět
14.1.2015 17:09
Avatar
Nahoru Odpovědět
14.1.2015 17:12
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Patrik Smělý
Tvůrce
Avatar
Patrik Smělý:14.1.2015 18:07

Dostanu docela kladné hodnocení v komentářích, a pak mi dá někdo 1 hvězdu.... No to je jedno..

 
Nahoru Odpovědět
14.1.2015 18:07
Avatar
Nahoru Odpovědět
14.1.2015 18:13
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Martin Konečný (pavelco1998):14.1.2015 18:22

Jednoduchý web, ale mně se docela líbí. Jen nemusím ten hover efekt u odkazů nahoře, ale to je jen můj vkus :D
Možná bych dal malý top-margin nadpisům.

Mimo to, nepíše se kodér místo kóder? Jen taková drobnost, nejsem si jistý.

Editováno 14.1.2015 18:24
Nahoru Odpovědět
14.1.2015 18:22
Aktuálně připravuji browser RPG, FB stránka - https://www.facebook.com/AlteiraCZ
Avatar
Neaktivní uživatel:14.1.2015 18:36

Vidím jistou podobnost mezi nadpisem mého a tvého portfolia :D

Trochu mi tam nesedí to podtržení u kontaktního formuláře.

Jinak vypadá dobře :)

Nahoru Odpovědět
14.1.2015 18:36
Neaktivní uživatelský účet
Avatar
Patrik Smělý
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Patrik Smělý:14.1.2015 18:42

Ty nadpisy :D no je pravda, že jsem se trochu inspiroval. Protože když jsem to začínal dělat všiml jsem si tvého webu na kritice, tak jsem si řekl že ty nadpisy, se hodí i ke mně. Původně tak mělo být i hráč. Ale to jsem pak vypustil..

 
Nahoru Odpovědět
14.1.2015 18:42
Avatar
Odpovídá na Patrik Smělý
Tomáš Maňhal:14.1.2015 18:45

Dysleksie by neměla být prostředek výmluvy, ale motivací :-)

 
Nahoru Odpovědět
14.1.2015 18:45
Avatar
Jan Lupčík
Tvůrce
Avatar
Jan Lupčík:14.1.2015 20:07

Mně přijdou divné ty nadpisy. Zprvu jsem myslel, že se jedná o odkazy, až pak jsem zjistil, že jsou to pouhé nadpisy. :)
Ještě bych trochu zkritizoval to u toho kontaktu, kde máš malinké chyby (Váše jméno, zpráva). Vzhled je jednoduchý a moderní.
Jinak web je pěkný, hlavně se mi líbí ty informace u toho kontaktu. :)

Nahoru Odpovědět
14.1.2015 20:07
TruckersMP vývojář
Avatar
TomasGlawaty
Člen
Avatar
TomasGlawaty:14.1.2015 20:59

Web se mi líbí, je pěkný a moderní :) , ale mám pocit, že by nemělo být více nadpisů H1 pod sebou.
tzn. maximálně jeden H1 v každém <headeru>, jeden v každé <section> atd...

Editováno 14.1.2015 20:59
 
Nahoru Odpovědět
14.1.2015 20:59
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na TomasGlawaty
Ondrca:14.1.2015 21:30

Maximálně jeden nadpis h1 v dokumentu ne v header, section, article atd...

Nahoru Odpovědět
14.1.2015 21:30
Zase jsem o něco chytřejší
Avatar
Patrik Smělý
Tvůrce
Avatar
Odpovídá na TomasGlawaty
Patrik Smělý:14.1.2015 21:48

Opraveno, počet h1 tagů byl redukován na jeden h1 tag, a to nadpis, moje jméno.

Editováno 14.1.2015 21:49
 
Nahoru Odpovědět
14.1.2015 21:48
Avatar
sahlepik
Člen
Avatar
sahlepik:14.1.2015 21:51

Jen doplním předchozí komentáře, nechci totiž vše opakovat. Design je jednoduchý, ale dle mého názoru až moc, ale očím příjemný. Možná by ho mohl osvěžit nějaký obrázek.
I když tvrdíš, že jsi dyslektik (dyslexie se týká poruchy čtení), přesto, pokud u tebe dochází k problému s psaným textem, existuje např. Internetová jazyková příručka (http://prirucka.ujc.cas.cz). A pokud si dáš delší čas, můžeš mít textový obsah bezchybný, jako u profi webů. Upřímně se zamysli, jestli bys nakoupil např. v eshopu, kde jsou popisky zboží a veškeré informace pro zákazníky zatíženy velkým množstvím gramatických chyb.
Nadpisy bych asi nepodtrhával, přeci jen podtržení evokuje odkaz, na který lze kliknout.
Celkově - povedený, na oko celkem příjemný web s drobnostmi viz výše :)

Editováno 14.1.2015 21:53
 
Nahoru Odpovědět
14.1.2015 21:51
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Ondrca
Honza Bittner:14.1.2015 21:53

Noup, HTML5 podporuje, a v některých případech přímo upřednostňuje, multiple <h1>.

Detailní popis najdeš na http://goo.gl/hAIJOR

Editováno 14.1.2015 21:54
Nahoru Odpovědět
14.1.2015 21:53
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Patrik Smělý
Tvůrce
Avatar
Odpovídá na sahlepik
Patrik Smělý:14.1.2015 22:12

Děkuji za povedenou kritiku, s chyba se pokusím něco udělat.

 
Nahoru Odpovědět
14.1.2015 22:12
Avatar
Odpovídá na Honza Bittner
Neaktivní uživatel:14.1.2015 23:24

Sorry ujel mi touchpad, chtěl jsem dát +1

K webu:
Nějak se mi v headu nehodí ten font.

A otázka mimo: Od kdy se v kritice označují "Odpovědi"? Když se tu nedá odpovědět + nebyla ani položená otázka(a ani snad nemůže být)? :D

Editováno 14.1.2015 23:26
Nahoru Odpovědět
14.1.2015 23:24
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Matúš Petrofčík:14.1.2015 23:33

Ako som písal na svojej stene, pluskovanie a mínuskovanie sa prejaví na tvojej aure, nie na aure toho koho plusuješ/mínusuješ. Takže kľud, Hobimu si neublížil :D

btw dobrá otázka na to označovanie správnych odpovedí. Na druhú stranu adam sa dosť rozpísal, tak si to z nás všetkých asi zaslúži najviac :D

Editováno 14.1.2015 23:34
Nahoru Odpovědět
14.1.2015 23:33
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Patrik Smělý
Tvůrce
Avatar
Patrik Smělý:15.1.2015 8:49

No tím, že mi Adamova kritika, přišla jako nejlepší a nejobsáhlejší tak jsem jej označil.

 
Nahoru Odpovědět
15.1.2015 8:49
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Honza Bittner
Ondrca:15.1.2015 10:23

Sorry, o tom jsem nevěděl, díky za opravu

Nahoru Odpovědět
15.1.2015 10:23
Zase jsem o něco chytřejší
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 26 zpráv z 26.