Skip to the main content
Tag: 'javascript'
[] 6. VIII. 2012.

Summer Reading

Kako izgleda prikaz knjige o programiranju napravljen u JavaScriptu? Zapravo kombinacija YouTube videa i JS komandne linije - gledate video s uputama i tipkate naredbe.

Naslov knjige o kojoj je riječ je "Close to the Machine: Technophilia and Its Discontents", prvi put je objavljena 1997. godine i ne radi s o vodiču i sličnom, nego se priča o programiranju u smislu kakav je "osjećaj" programirati.

(Summer Reading je (za sada kratka) serija o starim, ali dobrim knjigama.)

Prikaz: klik na gornju sliku ili ovu poveznicu. YouTube video nisam stavio na blog jer ne mogu ukrasti i JS bez koga video nema previše smisla.


(via)

Nastavak

[] 6. travnja 2012.

Autumn Evening

Pobjednik ovogodišnjeg natjecanja u izradi JavaScript aplikacija čija je maksimalna veličina 1 kilobajt (1024 bajtova) je uradak nazvan (u slobodnom prijevodu) "Jesenska večer".

Gornja slika je screenshot iz te animacije. Prije nego što kliknete na nju provjerite da li se nalazite u pregledniku novijeg datuma (Chrome, Firefox, Opera...).

Ako se stvar sporo vrti smanjite veličinu prozora i stisnite refresh (F5).

JavaScript majstorije drugih sudionika natjecanja možete pogledati na ovom linku.

Nastavak

Hex Dump 2Novi program(er)ski zapis. Sretnici, slobodno preskočite.

Dakle, pet Flash/JavaScript biblioteka/widgeta/alata za one koji prave web stranice. Prva čini samo JavaScript, a ostale imaju i Flash tj. ActionScript dio. Plus primjeri.

1. JavaScript Flash Detection Library (Flash Detect)

Flash Detect služi za detekciju Flasha tj. odgovara na pitanje da li je Flash instaliran u vaš web preglednik. Posjeduje nekoliko svojstva (properties) i metoda, npr.:

FlashDetect.installed
FlashDetect.major
FlashDetect.versionAtLeast()
FlashDetect.minorAtLeast()

U praksi ćete od svega toga trebati samo svojstvo FlashDetect.installed u kojem se nalazi true ili false:

if(!FlashDetect.installed)
    alert('Go fetch Adobe Flash!');

...

Nastavak

[] 4. travnja 2011.

Hex Dump 2Ovo je programerski post pa ako imate sreće da niste programer slobodno preskočite.


Raznih se JavaScript funkcija, biblioteka, widgeta itd. može naći na webu, ili googlanjem ili kopanjem po sajtovima čija je namjena pohranjivanje tih skripata, efekata, trikova itd.

Kako je bar ponekad u moru svega toga naći prave stvari, evo jedna moja preporuka pet takvih alata koji su se do sad pokazali VRLO korisnim u razvoju web stranica te se kao takvi ističu u masi:


1. getElementsByClassName()

Dohvaća sve elemente koji imaju određenu CSS klasu ili klase.

Pozivanje:

arr = getElementsByClassName(className, tag, elm)

Primjeri korištenja:

arr = getElementsByClassName('links');
arr = getElementsByClassName('links', 'div', 'footer');
arr = getElementsByClassName('class1 class2');

...

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

[] 21. siječnja 2009.

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

Nastavak

Help KeyNormalno ponašanje preglednika kada opališ po tipki F1 (Help) je otvaranje pomoći ZA BROWSER u kojem to napraviš. I to je okej.

Ali ponekad se javlja potreba da F1 bude nešto drugo, nešto na što ti kao web developer možeš utjecati.

Mnoge se aplikacije danas sele s desktopa na web, sučelje na koje su zaposlenici navikli prebacuje se na online rješenja, i ljudi očekuju isto ponašanje koje se vuče čak (još) iz starih (dobrih) DOS vremena.

I onda dobiju web aplikaciju koja radi skoro čak kao i stara bivša aplikacija na koju se naviklo.

Samo što ne radi F1 koji je onda imao sasvim drugačiju funkcionalnost.

A može se. Samo treba imati noviji browser.

Nastavak

[] 17. srpnja 2008.

Links 2Bookmarkleti su, da se prisjetimo, zateftereni linkovi koji nisu pravi linkovi nego Javascripte koje nešto naprave sa ili na trenutnoj stranici. Namljeo sam o njima više u jednom starom postu pa vidite tamo.

A u ovom postu još 10 bookmarkleta koje sam probrao iz nepregledne mase tih skriptuša na koje naletiš u roku od pet minuta nakon početka klikanja po netu.

Dobro, deset.

Nastavak

[] 25. svibnja 2008.

Wolf5K

Jedna od prvih Javascript majstorija je Wolf5K, igra stara 5 godina. Napravljena je za the 5k natjecanje u kojem si morao napraviti stranicu veličine do 5120 bajtova.

Sad je već toliko stara da nemam ni jedan browser na kojem radi, pa sam morao instalirati drevni Netscape 4.77 da opalim screenshot. (Pošto se taj browser više ne supporta, arhive nema na službenim stranicama, ali stare Netscapeove možete naći na SillyDogu.)

Wolfenstein 3D iz 1992. godine bio je prvi pravi FPS koji je bio temelj tom žanru igara (sve dok nije došao Doom godinu dana kasnije).

Wolf5K je Javascript verzija te igre koja naravno nema svo šarenilo originala, ali ima 3D grafiku, kretanje (KMJL umjesto WSAD) i pucanje na neprijatelja. Majstorski uradak za 2003. godinu.

Nastavak

[] 8. travnja 2008.

Links 2Bookmarklet (ili favelet) se od normalnog bookmarka (ili favorita) razlikuje po tome što to nije link na neku stranicu nego Javascripta koja kad se na nju klikne nešto radi sa stranicom.

Za detaljno objašnjenje i primjere jednostavnih bookmarka pogledajte ovaj post u kojem sam početo piliti o tim stvarima.

Plus ovdje se nalazi opis nekih naprednih bookmarka.

U ovom postu objasnit ću kako se radi bookmarklet na konkretnom primjeru. Potrebno je osnovno poznavanje HTMLa i Javascripta.

Nastavak

‹‹ 1 ... 10 11 12 13 ››