NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Kritika webu www.codemaxx.eu/danielzabojnik

Jak se ti líbí web?
7 hlasů
Přejít na web:
http://www.codemaxx.eu/danielzabojnik

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Matúš Petrofčík:13.1.2015 14:11

:D príde mi to ako taká prvá verzia stránky www.honzabittner.cz

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

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
13.1.2015 14:13
Avatar
Ondrca
Tvůrce
Avatar
Ondrca:13.1.2015 14:14

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

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

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
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Matúš Petrofčík:13.1.2015 14:31 
<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
13.1.2015 14:31
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Matúš Petrofčík:13.1.2015 14:40

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
13.1.2015 14:40
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Matúš Petrofčík:13.1.2015 14:44

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
Daniel Zábojník
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:13.1.2015 14:45

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

 
Nahoru Odpovědět
13.1.2015 14:45
Avatar
Daniel Zábojník
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:13.1.2015 14:46

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
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Odpovídá na Daniel Zábojník
Matúš Petrofčík:13.1.2015 14:48

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
13.1.2015 14:48
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Honza Bittner:13.1.2015 15:20

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
13.1.2015 15:20
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Daniel Zábojník
Tvůrce
Avatar
Daniel Zábojník:13.1.2015 17:26

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
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Odpovídá na Daniel Zábojník
Matúš Petrofčík:13.1.2015 18:55

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
13.1.2015 18:55
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Daniel Zábojník
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:13.1.2015 19:00

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
Avatar
Štefan Pružinský
Tvůrce
Avatar
Štefan Pružinský:13.1.2015 21:18

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
13.1.2015 21:18
Najefektívnejším spôsobom debuggingu je modlitba. :)
Avatar
Štefan Pružinský
Tvůrce
Avatar
Štefan Pružinský:13.1.2015 21:27

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
Tvůrce
Avatar
Daniel Zábojník:14.1.2015 14:37

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
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Odpovídá na Daniel Zábojník
Matúš Petrofčík:14.1.2015 14:57

Aká je tá oficiálna doména? :)

Nahoru Odpovědět
14.1.2015 14:57
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Daniel Zábojník
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Daniel Zábojník:14.1.2015 15:11

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
14.1.2015 15:11
Avatar
Daniel Zábojník
Tvůrce
Avatar
Daniel Zábojník:15.1.2015 17:34

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

 
Nahoru Odpovědět
15.1.2015 17:34
Avatar
Josef Kuchař - Pepa489
Tvůrce
Avatar
Josef Kuchař - Pepa489:15.1.2015 20:09

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

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

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
15.1.2015 20:16
Avatar
Josef Kuchař - Pepa489
Tvůrce
Avatar
Odpovídá na Daniel Zábojník
Josef Kuchař - Pepa489:15.1.2015 20:34

A co ta responzivnost? :)

Nahoru Odpovědět
15.1.2015 20:34
2x piš, jednou debuguj
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Josef Kuchař - Pepa489
Neaktivní uživatel:15.1.2015 20:36

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

Nahoru Odpovědět
15.1.2015 20:36
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Daniel Zábojník
Neaktivní uživatel:15.1.2015 20:37

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
15.1.2015 20:37
Neaktivní uživatelský účet
Avatar
Daniel Zábojník
Tvůrce
Avatar
Odpovídá na Josef Kuchař - Pepa489
Daniel Zábojník:16.1.2015 14:07

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
16.1.2015 14:07
Avatar
Josef Kuchař - Pepa489
Tvůrce
Avatar
Odpovídá na Daniel Zábojník
Josef Kuchař - Pepa489:16.1.2015 19:45

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
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 27 zpráv z 27.