webdesign / development + awesome
FFFUUUU
Grafika
Hry
Hudba
NodeJs
Skriptovanie
thoughts / ideasJediný doctype, ktorý potrebujete
napísal yablko, 5 Oct 2010
je tento <!doctype html>. Štruktúra HTML dokumentu potom vyzerá takto:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
Keď píšete stránku, chcete písať stránku a nie nezmyselné riadky plné divných znakov, u ktorých možno ani neviete, čo znamenajú (a ktoré prehliadače často aj tak ignorujú). Tento doctype je pekný, funkčný, jednoduchý a keď ho použijete, môžete pri <script> a <link> kľudne vynechať style="" atribút, whee! :)
Funny thing - prehliadačom je totálne jedno, aký doctype im podhodíte. Ten je tam aj tak len preto, aby sa neaktivoval quirks mode, čo je zloba, takže <!doctype html> a sme v pohode.
Že sa zbavujeme dodatočných atribútov nás tiež trápiť nemusí, browser to robí na pozadí tak či tak sám. Z <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ho zaujíma iba <meta charset="utf-8"> tak prečo písať viac? Nový doctype je v mnohom len o priblížení sa k tomu, ako prehliadače skutočne fungujú.
pro tip: <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> prinúti IE vždy použiť najnovší renderovací engine alebo Chrome Frame.
5 komentárov
[ 
]
]
Ako NAOZAJ rozbehať zdieľanie súborov v XP
napísal blade, 4 Oct 2010
Zdieľanie je fajn. O to viac zamrdí, že v XP dosť často nejde. Svojho času som čítal strašné množstvo návodov a diskusií na fórach a NIČ nepomáhalo. Nakoniec som ale prišiel na ultimátne riešenie a konečne som sa oň™ rozhodol podeliť so svetom.
V prvom rade vypnite jednoduché zdieľanie (Control Panel » Folder Options » View » Use simple file sharing). Potom stačí dať zdieľať hocijaký adresár (pravý klik » Sharing and security), na druhom počítači napísať do explorera alebo Total Commandera \\[meno prvého počítača] a ... pravdepodobne sa nič nebude diať :) Ale sme na dobrej ceste!
Teraz prichádza ten zapeklitý problém, s ktorým mi nikto nevedel pomôcť. Nestačí povoliť guesta, nestačí si vytvoriť ani odstrániť heslo, nestačí reštartovať systémové služby.. nie, zrada je niekde inde.. Pripravte sa už to ide!
[ 
]
]
Najrýchlejší úvod do vytvárania web stránok
napísal blade, 3 Oct 2010
Tento návod som sa rozhodol napísať, keďže už dosť ľudí po mne chcelo, nech im vysvetlím ako sa dajú tvoriť vlastné web stránky, ako to všetko okolo nich funguje a kde sa to naučiť. Samozrejme, že si môžu nakúpiť knihy, ale tie bývajú spravidla tak rozťahané, že ich veľa ľudí ani nedočíta. Plus zaťažujú množstvom detailov, ktoré na začiatku iba mýlia a zdržujú.
Preto píšem tento návod čo najstručnejšie, aby slúžil ako alternatíva k prehnane ukecaným knihám a aby ste namiesto zbytočného čítania mohli radšej kódiť. :p
Najskôr zbežný prehľad o tom, čo všetko sa deje, keď si v prehliadači otvoríte nejakú stránku. To aby ste vedeli kde sa vlastne používajú všetky tie technológie ako je HTML, CSS, PHP, SQL, JavaScript, jQuery, AJAX a iné.
1) Zadáte URL adresu - to je celý ten text, čo vidíte hore v address bare prehliadača.
2) Na základe názvu stránky (t.j. domény) sa zistí IP adresa servera, na ktorom sa nachádza hľadaná stránka. (Na toto slúži DNS server, ktorého adresu poznáme)
[ 
]
]
Hviezdičkové hodnotenie cez jQuery [video]
napísal yablko, 1 Oct 2010
Kód, resp. jeho tvorba sa zvykne blbo vysvetľovať v textovej podobe, preto sa o to občas pokúsime formou videa. A keďže opakovanie je matka múdrosti, na začiatku videa si vypočujete to, čo ste práve prečítali :)
V tomto prvom brm.sk video tutoriále krok za krokom ukážem, ako pomocou jQuery spraviť hviezdičkové hodnotenie, ktoré sa používa v našich recenziách.
"Pre najlepšiu kvalitu zvoľte fullscreen HD.", odkázal Captain Obvious.
...
[ 
]
]
Click.. me?
napísal yablko, 28 Sep 2010
Je iritujúce keď neviem, na čo môžem na stránke kliknúť. A je mega iritujúce, keď to neviem ani keď som po tom práve prešiel myšou. Looks like a job for Captain Obvious!
Ikonka "ruky" je vcelku jednoznačný indikátor kliknuteľnosti a jedno z riešení ako zabrániť konfúzii je pridať patričným elementom class="click" a potom:
.click { cursor: pointer; }
[ 
]
]
JavaScript - bodkočiarky a iné zrady
napísal yablko, 27 Sep 2010
Ktorý spôsob indentácie (zarovnávania? uhm..) používate?
function meow ($meows) {
// oh noes, god just killed a kitten :(
}
function meow ($meows)
{
// happy kitty, whee
}
Asi je zrejmé, ktorý preferujeme my ;) Douglas Crockford by nám ale jednu vylepil, keby to vidí. Prečo? Hah.. funny story..
[ ]
]
Problém s cache pri uploade obrázkov
napísal yablko, 25 Sep 2010
Ak vaša stránka podporuje (vlastnú implementáciu) ikoniek/avatarov je možné, že ste sa stretli s týmto - po uploade nového obrázku sa stále zobrazuje obrázok starý. Ak sa nový zobrazí po refreshi, samotný upload funguje. Obrázok sa však musí zobraziť hneď, nemôžte od ľudí očakávať zbytočný refresh, navyše je to confusing.
Problém je, že obrázku zrejme zostal rovnaký názov súboru, na čo si prehliadač povie "Heeej, toto som už raz sťahoval! To aby som to radšej vytiahol z cache! Mwahahahaa..", podhodí starú verziu a cíti sa múdro.
Jednoduchý spôsob ako ho oklamať je pridať na koniec názvu náhodne vygenerovaný reťazec znakov. Napr.:
<?php $randstr = base_convert(crc32(mt_rand()), 10, 36); $nazov = "$subor-$randstr.jpg"; ?>
Riešení je kopa, dobré je začať s náhodným číslom (alebo použiť uniqid(), čo vygeneruje reťazec na základe aktuálneho času v mikrosekundách), prehnať to cez nejakú tú hashovaciu funkciu (md5(), sha1()) a na koniec z toho vystrihnúť zopár znakov.
Takže - pridajte niekoľko náhodných znakov do názvu súboru a prinútite browser vyhnúť sa cache pamäti. *lusk*
[ ]
]
