Skip to the main content
Tag: 'programiranje'
[] 1. veljače 2011.

CSS problem: zaglavlje (header) i podnožje (footer) su uvijek iste (fixed) visine dok se sadržaj koji se nalazi u središnjem dijelu stranice razvlači i skuplja i dobiva traku za pomicanje (scrollbar) po potrebi.

Header and footer static

Stvar se može nabiti u par linija čistokrvnog CSSa koji je toliko jednostavan i očigledan da ćete se pitati zašto vam ovo rješenje nije odmah palo na pamet.

Nastavak

[] 18. studenog 2010.

Na dnu stranice je footer (podnožje) omanjeg sadržaja. Stvar super izgleda kad je ukupan sadržaj VIŠI od visine prozora preglednika (tj. postoji scrollbar s desne strane), ali nije naj kad je sadržaj NIŽI od visine prozora (npr. kontakt stranica).

U tom slučaju želimo da footer bude na dnu prozora - nabijen na donji rub browsera.

Nastavak

[] 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. kolovoza 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. kolovoza 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

‹‹ 1 ... 24 25 26 27 28 29 30 ››