KomentariTo je najlakše napraviti pomoću tablice, ali ne smiješ ni pod razno, jer tablice su odavno izašle iz mode i mogao bi ti se smijat netko tko slučajno zaviri u HTML kod.
Raznih JavaScript te CSS rješenja ima za olimpijski bazen napuniti, no ovdje ću navesti jedno krajnje jednostavno rješenje koje koristi poneki CSS trik.
Prije nekoliko godina zaobljeni rubovi (pravokutni komad web stranice koji nema oštre rubove) bili su tema za pričat tjedan+ dana: mnogo je različitih rješenja napravljeno da bi se oni postigli.
Vidi npr.:
Kako danas CSS s verzijom 3 ide dalje ili bar pojedini proizvođači web preglednika imaju svoje prefikse nije problem napraviti jednostavno i kratko rješenje za postizanje istih.
Trikovi sa CSS atributima i selektorima za "gađanje" određenih (verzija) browsera.CSS targeting je pojam koji označava korištenje CSS trikova koji mijenjaju stvari u određenom pregledniku, skupu preglednika ili određenoj verziji preglednika.
Preglednici koje će obuhvatiti primjeri u nastavku teksta su:
CSS targetiranje može ići preko atributa ili selektora. Preko čega? Dobro, za one koji su zbunjeni evo ovako (selektor je zapravo naziv stila):
Jasnije? Ok. Idemo dalje.
Greasemonkey je plugin za Firefox koji omogućava korisnicima da instaliraju skripte koje automatski prepravljaju web stranice nakon što se one učitaju u preglednik.(Primjeri takvih skripata bili bi sakrivanje određenih reklama na stranici, pretvaranje neklikabilnih linkova u prave linkove, povećavanje presitnog fonta itd.)
Kako su Greasemonkey skripte zapravo JavaScript, za izradu istih potrebno vam je malo bolje poznavanje spomenutog jezika te bar osnovna upućenost u DOM.
U nastavku ću opisati kako se radi jednostavna GM skripta koja radi u Firefoxu te Operi.
Naletio sam na štos kako srušiti zadnju verziju Microsoftovog preglednika, pa da na brzinu rezimiramo kako se (programski) mogu srušiti verzije 6, 7 te 8.NAPOMENA: Kako niže navedeni primjeri te linkovi ruše web preglednike preporučam da pohranite tabove i adrese prije nego što ih isprobavate. Lion's Fart se odriče svake odgovornosti zbog eventualnog psovanja tijekom korištenja istih. Nisam ja kriv, navukli su me. :)
Internet Explorer 6
Sjećate li se onog kratkog buga koji je rušio IE6?
Internet Explorer je odavno zapatchan tako da ga ovo više ne ruši, ali (malo prije sam probao) onaj noviji bug još uvijek ruši IE6:
Pogledajte i još neke metode za rušenje tog starca od skoro 10 godina.
Bilo bi lijepo te korisno da svaki put kad napišeš novi post na blogu on automatski javi ekipi (followerima) na Twitter da na blogu ima nečeg novog, a ne da moraš ići na lice mjesta i to pisati sam.Stvar se, jasno, može vrlo lako napraviti jer je Twitter odavno otvorio API preko kojeg se mogu stvarati čuda preko običnog HTTP zahtjeva (requesta).
Za Wordpress i slične sustave već postoje pluginovi koji to rade, a Internet je prepun alata koji koriste Twitter na razne načine. (Ovo je primjerice neloša ideja: RSS to Twitter - Twitter (kao da) čita RSS feeed vašeg bloga i objavljuje nove stvari.)
U ovom postu opisat ću kako se to radi ručno, iz PHPa, koristeći oldschool tehniku (bez upotrebe CURL biblioteke koja vrlo uljepšava stvar, samo što nije raspoloživa svugdje).
Oracle je na službenom mjestu objavio da je ušao u pregovore za kupnju Suna.(Na gornji link trenutno ne možete jer je srušen od velike navale. Još jedan dokaz da i "veliki" padaju kad im pola neta navali na web.)
Na Sunovim stranicama također vijest. (Nije srušena - valjda Sunovci znaju programirati u Javi.)
Deprecated HTML tagovi, novi i dolazeći HTML tagovi, tagovi koji se odjednom drugačije koriste, novi CANVAS element koji tristo čuda nekih ima, atributi koji idu ovako ili onako ovisno o kojem se HTML standardu radi...CSS trikovi za različite preglednike, conditional komentari za razne verzije Internet Explorera, CSS sprajtovi, zaobljeni rubovi, JavaScript fiksanje zajebanog CSSa, CSS za printanje, za različite vrste izlaza, CSS3...
(Osjećam lagani dolazak adrenalina. Lagani, tek sam počeo.)
Na vrhu stranice u najvećem headingu (H1) imaš naslov sajta.
I to dobro funkcionira tako dugo dok je samo tekst u pitanju. Ali kada ti netko sklepa super seksi logo (najbolji komentar do sad je da ovaj gore lijevo podsjeća na strip club) trebaš zamijeniti tekst sa slikom.
Ovo je ok za posjetitelja stranice (a i prikazuje tekst ako isključiš CSS u pregledniku), ali ne valja zbog SEO razloga, tj. tražilice te manje vole.
(Hello, StumbleUpon readers. This post in CROATIAN language is about old JavaScript tricks rarely used today or not used anymore.)
Javascript se tokom zadnjih godina promijenio, ne u smislu sintakse jezika nego načina na koji se on primjenjuje. Objektno programiranje, nekoliko dobrih frameworkova koji vas oslobađaju gomile posla, napredak u preglednicima koji sve više toga kuže i tako to.
Nekada se JS programirao sasvim drugačije. Da se neke stvari ne zaborave evo jednog posta o starim dobrim trikovima koji se rijetko ili više ne koriste.
Dakle, 10 primjera Javascript programiranja na način kako se to radilo prije nekoliko godina.
(Pola ovoga neće raditi u današnjim browserima, ali ilustracije radi...)
Dnevni linkovi