Skip to the main content
Tag: 'javascript'
[] 6. studenog 2013.

World - JavaScript animation

Rotacija planeta Zemlje, ASCII animacija napravljena u JavaScriptu. "Vau" trenutak je kad uvidite da je ovo na ekranu istovremeno i izvorni kod. Koji zauzima manje od jednog kilobajta!

Ako ste programer vjerojatno će vam biti žao što se niste prvi toga sjedili. Ali nemate vremena, preokupirani ste izradom sljedeće velike stvari koja će uzdrmati temelje softvera i svijeta kao takvog i... Tup! Ma ništa, ništa. ;)

Nastavak

[] 4. listopada 2013.

JavaScript under pressure

Od autora kviza u kojem se brzo rješavaju matematički zadaci dolazi jedan oveći programerski izazov: JavaScript pod pritiskom. Pet zadataka koje treba riješiti čim prije, pod prijetnjom štoperice koja "viče" na vas i vašu brzinu. Možete li brzo programirati u ovakvim stresnim uvjetima?

Klik na kviz i bez panike! (Uvjet: poznavanje programiranja u JavaScriptu.)


(via)

Nastavak

[] 30. kolovoza 2012.

Pac-Man screenshotStari dobri Pac-Man vjerno prebačen u HTML i JavaScript. Radit će na svim preglednicima koji su implementirali HTML5 canvas element što znači da mora raditi kod vas, jer ne biste posjetili ovaj blog da imate stari browser, zar ne?

Osim originalnog Pac-Mana napravljene su i 3 izvedenice: Ms. Pac-Man, Crazy Otto i Cookie-Man. U njima su neke stvari drugačije. Za usporedbu pogledajte razlike između Pac-Mana i Gospođice Pac-Man na ovoj poveznici.

Upravljate tipkama sa strelicama. Ako trebate pauzu pritisnite ESC ili deaktivirajte prozor. Na mobilnim uređajima upravljate dodirom.

Igra se nalazi OVDJE.

Nastavak

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

‹‹ 1 ... 8 9 10 11 ››