webdesign / development + awesome
archivovaný archívny archív
...To Inspire You With Rockstar Ninja Awesomeness. uhm
1. FUCK 2. YOU 3. AND 4. YOUR 5. STUPID 6. LISTS 7. NOBODY 8. GIVES 9. A 10. FUCK!
Alebo skôr nobody should give a fuck. Štatistiky však hovoria, že ľudia give way too much of a fuck. Máte RSS na zopár z tých dizajnoidných stránok? Smashing Network anyone? Pravdepodobne sa denne predierate cez desiatky TOP X listov of ball-kicking epicness. Tie sú možno spočiatku fascinujúce, neskôr akurát tak lezú na nervy.
Problém s twittermi, tumblrmi (uh.. ťažké časy pre písmeno "e"), facebookmi? Človek má pocit, že na internete je 5 ľudí produkujúcich a 5 miliárd linkujúcich (me included). Rovnako tieto listy - dokola narážam na tých istých "najlepších 40 jquery pluginov, ktoré nepoznáte", polovica z ktorých navyše stojí za prd.
Aby sme si to ujasnili - nemám problém so stránkami na smashing networku, píšu pre ne ľudia oveľa šikovnejší a skúsenejší ako som ja. Nemám ani problém s konceptom TOP 10 listov. Len by som bol rád, keby autori nezneužívali našu psychologickú potrebu poznať 7 najužitočnejších whatever čisto na získanie návštevníkov. Kiež by tento fenomén čoskoro pominul a vrátila sa doba, kedy TOP 10 výbery skutočne vyjadrovali názor autora a boli skutočne TOP.
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.
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!
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)
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.
...
by Martin Scorsese
"He can't honor his child without remembering, he can't love his wife without forgetting."
sú slová scenáristky Laety Kalogridis, ktoré vystihujú podstatu tohto psychologického thrilleru s Leonardom DiCapriom v hlavnej úlohe. Leo hrá vyšetrovateľa Teddyho Danielsa, ktorý prichádza na "ostrov" vyriešiť prípad zmiznutej pacientky psychiatrickej liečebne.
...
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; }