Skip to the main content
Tag: 'javascript'
[] 1. travnja 2016.

JavaScript comparison table

Ako ste se do sad susreli s uspoređivanjem dviju vrijednosti u JavaScriptu znate da se tu krije nekoliko problema, pogotovo kad se uspoređuju različiti tipovi. Ova stranica krije fine pregledne tablice različitih usporedbi u JavaScriptu, jednu za == uspoređivanje, a drugu za ===.

Preporučamo, naravno, verziju s tri znaka.

Nastavak

[] 31. ožujka 2014.

JavaScript Comparison Table

Da je uspoređivanje u JavaScriptu pomoću dvostrukog znaka jednakosti (za razliku od trostrukog) jedna velika zbrka znaju i oni koji se nisu nekoliko puta opekli u vlastitom kodu. Jedan kome je bilo dosta je napravio lijepu tablicu jednakosti te nejednakosti različitih uspoređivanja. Pritisnite CTRL + D i ubacite u bookmark jer će zatrebati.

UPDATE: Netko je napravio pregledniju varijantu grupiranjem jednakih vrijednosti.

Nastavak

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

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

‹‹ 1 ... 11 12 13 14 ››