Skip to the main content
Tag: 'programiranje'
[] 9. rujna 2010.

Kao i kod mnogih drugih web divota transparentnost u CSSu je još uvijek zbrkana i čeka se CSS3 koji će stvari, nadajmo se, dovesti u red.

Kobasica koja definira prozirnu klasu je standardne dužine:

div.transparent
{
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            filter:alpha(opacity=50);
}

0.5 znači 50% prozirnosti. Za veću prozirnost staviti manji broj i obratno. Svugdje, naravno, iste brojke (osim za filter koji ide od 0 do 100, a ne od 0.0 do 1.0).

Nastavak

Nekoliko JavaScript trikova; možda ih ne znate sve.

1. Broj parametara funkcije

Zasigurno vam je poznat objekt arguments koji u sebi sadrži sve parametre koji su poslani funkciji:

for(i = 0; i < arguments.length; i++) alert(arguments[i])

no možda ne znate da postoji jednostavan način za provjeriti koliko parametara funkcija očekuje:

funkcija.length

gdje je funkcija konkretni naziv funkcije. Tako dakle možete napraviti nešto poput ovog:

if(arguments.length != funkcija.length)
{
    alert('Wrong number of parameters!')
}

...

Nastavak

[] 16. VIII. 2010.

Imaš primjerice neki omanji sadržaj tipa "Stranica je u izradi" i želiš ga fino pozicionirati u centar stranice, da bude u središtu web stranice i horizontalno i vertikalno.

To 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.

Nastavak

[] 10. VIII. 2010.

Power webaši, preskočite ovaj post.

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.

Nastavak

LinksTrikovi 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:

Internet Explorer Firefox Safari Chrome Opera

1. Internet Explorer (verzije 6, 7 i 8)
2. Firefox (verzije 1.x , 2.x i 3.x)
3. Safari te Chrome
4. Opera

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):

selektor { atribut: vrijednost }

Jasnije? Ok. Idemo dalje.

Nastavak

[] 27. siječnja 2010.

FirefoxGreasemonkey 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.

Nastavak

[] 18. siječnja 2010.

IENaletio 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. Blogopod 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?

<input type crash>

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:

<style>*{position:relative}</style><table><input></table>

Pogledajte i još neke metode za rušenje tog starca od skoro 10 godina.

Nastavak

[] 5. svibnja 2009.

TwitterBilo 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).

Nastavak

[] 20. travnja 2009.

Sun Microsystems logoOracle 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.)

Nastavak

Hex Dump 2Deprecated 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.)

Nastavak

‹‹ 1 ... 26 27 28 29 30 31 32 ››