Do nového roku jako lepší programátoři? Znovu otevíráme večerní školu programování. Nette framework, návrhové vzory, testování nebo vůbec poprvé kurzy ASP.NET dostupné odkudkoli v republice.

Kritika webu www.codemaxx.eu/danielzabojnik

HTML a CSS Kritika webů - ukažte se! www.codemaxx.eu/danielzabojnik American English version English version

Jak se ti líbí web?
Celkové hodnocení (8 hlasů):
2.252.252.252.252.25
Přejít na web:
http://www.codemaxx.eu/danielzabojnik
Avatar
Daniel Zábojník:

Dobrý den, vytvořil jsem si své osobní portfolio. Zde je výsledek validace HTML5: http://bit.ly/1KFrVfU a zde CSS3: http://bit.ly/1Bieyyi . Do webu jsme chtěl dát to, čemu rozumím, umím s tím a zároveň jsem se snažil použít moderní design. Vás by jsem chtěl poprosit o kritiku vzhledu a tak nějak celkového dojmu. Předem vám moc děkuji :)

Odpovědět  +1 13.1.2015 14:03
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Nahoru Odpovědět  +2 13.1.2015 14:11
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:

Ahoj, musím říct, že Honza Bittner to má mnohem promakanější něž já. Takže to moc podobný není teda.. A těchto typů webu je hodně v tom máš pravdu..

Nahoru Odpovědět  +1 13.1.2015 14:13
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na Daniel Zábojník
Ondrca:

Ten font mi nějak blbne s češtinou

Nahoru Odpovědět  +1 13.1.2015 14:14
Zase jsem o něco chytřejší
Avatar
Odpovídá na Ondrca
Daniel Zábojník:

Tak o tom nevím, testoval jsem to na více zařízení a vše mi šlo.. Kouknu na to každopádně díky :)

Nahoru Odpovědět 13.1.2015 14:23
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Odpovídá na Daniel Zábojník
Matúš Petrofčík:
<meta name="description" content="OSOBNÍ PORTFOLIO"/>

podľa mňa popis nie je dostačujúci, mala by to byť jedna alebo dve súvislé vety, do cca 150 znakov (? nepamútám koľko to bolo v googli napísané), dosť často sa to zobrazuje v popisu stránky vo vyhľadávači.

<div id="menu">

si nemusel použiť, pretože ti rovno obaľuje element <nav> a nič viac, takže si daný štýl mohol dať rovno na element <nav>

nie som si istý, ale nemá byť element <article> a až ten obsahovať elementy <section>? to sa skôr pýtam lebo si nie som istý

alt="html"

pri obrázkoch síce máš alternatívne názvy, ale podľa mňa nič vypovedajúce o obrázku. Lepšie by bolo napr "Logo HTML", "Logo CSS", a podobne

<div id="vertical-one">
<div id="vertical-two">

by som skôr rozdelil na

<div class="vertical one">
<div class="vertical two">
.vertical {}
.one {}
.two {}

ale to neni chyba, to len aby si spojil spoločný css kód oboch "verticalov" v jednu triedu a to v čom sa líšia v dalších špecifickejších triedach (ale tie triedy u teba aj tak sú rovnaké)

niekomu možno blbne font pretože v linku na font namiesto znaku & používaš : (nepridal som veľkosti!)

<link href='http://fonts.googleapis.com/css?family=Open+Sans:subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
Editováno 13.1.2015 14:33
Nahoru Odpovědět  +1 13.1.2015 14:31
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Odpovídá na Matúš Petrofčík
Matúš Petrofčík:

Dokonca som teraz prečítal že & sa môže aj v linkoch písať ako entita, takže to písmo môžeš zadať aj ako

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>

a už ti to nevypíše žiadnu chybu s ampersandom vo validátore

ešte som si všimol že raz uzatváraš nepárove tagy ako > a inokedy />, čo síce nie je chyba, ale je dobré si vybrať jeden z týchto dvoch spôsobov a používať len ten jeden, mne sa viac páči />

taktiež raz používaš apostrofy ' a inokedy úvodzovky ", ja všade používam len úvodzovky " :D ale to nie sú chyby

Editováno 13.1.2015 14:42
Nahoru Odpovědět  +1 13.1.2015 14:40
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Odpovídá na Daniel Zábojník
Matúš Petrofčík:

A prečo si si na stránke neurobil kontaktný formulár? :) Možno by ti ľudia skôr napísali než otvoriť emailového klienta/stránku, skopírovať tvoj email, nahradiť (zavináč) za znak zavináča...

Nahoru Odpovědět 13.1.2015 14:44
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:

Dobře, díky moc. Já to pak vše projedu a poopravím :)

Nahoru Odpovědět  +1 13.1.2015 14:45
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:

No já ty formuláře moc nemusím. Já jsem zastánce toho napsat mail adresu, předmět, obsah a odeslat :)

Nahoru Odpovědět 13.1.2015 14:46
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Odpovídá na Daniel Zábojník
Matúš Petrofčík:

Nie každému vyhovuje to čo tebe. Musíš sa zamyslieť nad tým, komu je ta stránka určená. Ak má zaujať prípadného zákazníka, tak prečo mu to zťažovať? :D

Nahoru Odpovědět  ±0 13.1.2015 14:48
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Matúš Petrofčík
Honza Bittner:

Jen doplním, že úprava tohoto

<div id="vertical-one">
<div id="vertical-two">

na toto

<div class="vertical one">
<div class="vertical two">

Je koncepce OOCSS - tedy objektové CSSko. :)

http://www.vzhurudolu.cz/prirucka/oocss

Nahoru Odpovědět  +1 13.1.2015 15:20
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Daniel Zábojník:

Dobře, tyto věci opravím co nejdříve.. Ale rád bych jestli by jste web zhodnotili celkově třeba zde pomocí hvězdiček. Děkuji

Nahoru Odpovědět 13.1.2015 17:26
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Odpovídá na Daniel Zábojník
Matúš Petrofčík:

Tie hviezdičky majú takmer nulovú výpovednú hodnotu. To je ako keď z testu z českého jazyka dostaneš 5-ku a tým to končí. Vieš že si dostal 5-ku, ale bez slovného hodnotenia sa nikam nepohneš, nebudeš vedieť na čom zamakať, čo si robil zle, a podobne. Takto ti malá známka môže znížiť sebavedomie, vytvoriť odpor k hodinám, k učeniu, a podobne. Veľa hviezdičiek len zvýšiť ego aký si super, ale stále to nie je také ako keď ti učiteľ povie že prečo ti dal takú dobrú známku. :D
U hodnotení webov hviezdičkami bez komentára je to podľa mňa rovnaké. :)

Ďaľším príkladom je, keď ti niekto dá 15 mínusiek ku komentáru, ale už sa k tomu nevyjadrí, neodôvodni, a ty nevieš ako sa zlepšiť, poprípade čo si spravil/napísal/pocho­pil zle. Ale tu na itnetworku to ešte chápem ako súhlas/nesúhlas s komentárom :D

PS: dal som ti 3 ;)

//edit: sry ale učím sa na štátnice z pedagogiky a už mi z toho hrabe :D

Editováno 13.1.2015 18:57
Nahoru Odpovědět  +2 13.1.2015 18:55
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:

Díky, ten komentář měl cíl aby měl web alespoň nějaké hodnocení..

Nahoru Odpovědět 13.1.2015 19:00
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Štefan Pružinský:

V tom menu, by tomu prospel nejaký smooth scroll. Zrob si nový .js súbor(napr.: smtscroll.js) a hoď tam tento kód:

$(document).ready(function(){
        $('a[href^="#"]').on('click',function (e) {
            e.preventDefault();

            var target = this.hash,
            $target = $(target);

            $('html, body').stop().animate({
                'scrollTop': $target.offset().top
            }, 900, 'swing', function () {
                window.location.hash = target;
            });
        });
});

Do hlavičky potom stačí dať:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="http://www.codemaxx.eu/danielzabojnik/smtscroll.js"></script>

Tadadadá...

Nahoru Odpovědět  ±0 13.1.2015 21:18
Najefektívnejším spôsobom debuggingu je modlitba. :)
Avatar
Štefan Pružinský:

Vyzerá to napr. takto: www.arbs.kx.cz

Nahoru Odpovědět 13.1.2015 21:27
Najefektívnejším spôsobom debuggingu je modlitba. :)
Avatar
Daniel Zábojník:

Děkuji všem za kritiku, některé změny co jste mi doporučili určitě provedu :). Web přesouvám na oficiální doménu, takže už ho nemusíte zkoušet zobrazovat. A ještě jednou děkuji :)

Nahoru Odpovědět 14.1.2015 14:37
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Nahoru Odpovědět 14.1.2015 14:57
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:

Ahoj, před chvilkou jsem si ji objednal. Až ji zaplatím a nahraji web určitě ji sem ještě dodám :)

Nahoru Odpovědět  +1 14.1.2015 15:11
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Daniel Zábojník:

Jak jsem slíbil, zde je nová adresa k webu: www.danielzabojnik.cz .

Nahoru Odpovědět  +1 15.1.2015 17:34
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Odpovídá na Daniel Zábojník
Josef Kuchař (Pepa489):

Je to šablona, není tam smooth scroll a není to responzivní, ke kódu se radši vyjadřovat nebudu :`

Nahoru Odpovědět  -5 15.1.2015 20:09
2x piš, jednou debuguj
Avatar
Odpovídá na Josef Kuchař (Pepa489)
Daniel Zábojník:

Ahoj, tak za 1. šablona to není, 2 smooth scroll tam není protože ho tam nechci. A kód si myslím, že je v pořádku. Ty se nauč dělat weby a nezáviď. :)

Nahoru Odpovědět  +1 15.1.2015 20:16
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Nahoru Odpovědět 15.1.2015 20:34
2x piš, jednou debuguj
Avatar
Odpovídá na Josef Kuchař (Pepa489)
Neaktivní uživatel:

Za smooth scroll by jsi měl hořet v pekle dokud úplně neshoříš a pak ještě chvíli.

Nahoru Odpovědět  +2 15.1.2015 20:36
Neaktivní uživatelský účet
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Daniel Zábojník
Jiří Gracík:

Taky se vyjádřím k Pepovým připomínkám:

  1. Nedokážu si představit, že by toto někdo publikoval jako šablonu
  2. Scroll nemá smysl vůbec, ať už smooth nebo ten co tam je. Ta stránka zabírá mojí obrazovku a cca 150px!
  3. Nezkoušel jsem, jestli je kód validní, ale vůbec se nedrží zádných syntaktických konvencí a guideline. Ať už se to týče odsazení, stylování elementů, chybějící metatagy

Kdybych chtěl fakt rýpat, tak nemáš doplněné různě veliké favicony (a v různých formátech), máš tam drobné gramatick chyby a v css zapisuješ barvy zbytečně v 24bitové podobě :D

Nahoru Odpovědět  -1 15.1.2015 20:37
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Josef Kuchař (Pepa489)
Daniel Zábojník:

No tak na té ještě pracuji. Ale rozhodně je to víc responzivní jak ten web co jsi dělal pro ten MC server. Od všech ty komentáře beru, ale od tebe moc ne, víš měl by jsi začínat u sebe a potom kritizovat druhé:)

Nahoru Odpovědět  ±0 16.1.2015 14:07
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Odpovídá na Daniel Zábojník
Josef Kuchař (Pepa489):

Víc responzivní, děláš si srandu ten MC byl responzivní do 300px a ten tvůj jen do 970px, jestli tomu říkáš responzivní, tak nevím kde to žiješ :D

Nahoru Odpovědět  ±0 16.1.2015 19:45
2x piš, jednou debuguj
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 28 zpráv z 28.