Mikuláš je tady! Získej 90 % extra kreditů ZDARMA s promo kódem CERTIK90 při nákupu od 1199 kreditů. Pouze do neděle 7. 12. 2025! Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:
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
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
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
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
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
Matúš Petrofčík
Tvůrce
Avatar
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
Matúš Petrofčík
Tvůrce
Avatar
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
Nahoru Odpovědět
13.1.2015 18:55
obsah kocky = r^2 ... a preto vlak drnká
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
Matúš Petrofčík
Tvůrce
Avatar
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
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
Josef Kuchař - Pepa489
Tvůrce
Avatar
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
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
Josef Kuchař - Pepa489
Tvůrce
Avatar
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 16 zpráv z 16.