Skip to the main content

Tag: 'html5'

[] Srijeda, 29. lipnja

Mergetin game

Mergetin je web igra koja je nešto između igara Bejeweled, Tetris i 2048. Potrebno je spajati tri ili više istih brojeva u redove i stupce i tako otvarati prostor za nove brojeve. I izdržati čim duže. Na početku igre idu upute nakon čega sve treba biti jasno.

Nastavak

[] Četvrtak, 2. lipnja

Lava and Aqua

Lava i voda (Lava and Aqua) osvježavajuća je logička web igra. Cilj je stići do izlaza bez da vas takne lava. I tako kroz 24 razine dok se težina lagano povećava. Mi smo stali na broju 15. Igra se tipkama: strelice = kretanje, Z = poništavanje zadnjeg poteza, R = restart razine, ESC = glavni meni.

Nastavak

[] Ponedjeljak, 23. svibnja

Animirana CSS podmornica napravljena je bez JavaScripta i slika. Čisti CSS (SCSS) i malo HTML-a. Simpatična animacija koja ima pregledan kod. Nedostaje jedino poneka riba. Autor: Alberto Jerez, CodePen

Nastavak

[] Nedjelja, 24. travnja

Can I include?

Web alat Can include odgovara na pitanja smije li element X ići unutar elementa Y pri čemu su elementi HTML oznake (tagovi), a mjerodavnost HTML standard. Primjerice, SPAN može biti unutar DIV-a, ali ne i obratno.

Uz postojeće Can I use te Can I email, vrlo koristan "Može li..." alat.

Nastavak

Web Almanac 2021

Web almanah 2021 rezultat je opsežnog istraživanja o stanju weba (više s tehničke strane). Izdaje ga HTTP Arhiv evo već treću godnu zaredom. Ovogodišnje izdanje sastoji se od 24 poglavlja: CSS, JS, markup, WebAssemly, SEO, privatnost, sigurnost, mobilni web, CMS itd. Ima se što čitati, ali prolistajte bar. PDF verzija je preko 30MB.

Nastavak

[] 7. XI. 2021.

Checkbox Doom

Web varijanta igre Doom crtana pomoću checkboxa (onih kvadratića s kvačicama). Za usporedbu se iznad prikaza nalazi i originalni, grafički. Jako smanjeno, probajte zoom u plus te minus. Koristi se WebAssembly, naravno. Tipke sa strelicama, kontrola i razmak, a enter za start. Pročitajte i zapis o tome kako je stvar napravljena.

Nastavak

Button Cheat Sheet

Kako napraviti gumb u HTML-u? U ovom šalabahteru za HTML gumb (Button cheat sheet) možemo vidjeti koje su nam opcije na raspolaganju te, sažeto, prednosti i mane svake od njih. Obavezno za početnike, ponavljanje gradiva za napredne.

Nastavak

[] 7. rujna 2021.

Slantris, diagonal Tetris

Slantris je dijagonalna varijanta igre Tetris u kojoj su kvadrati koji sačinjavaju ploču za igru zarotirani za 45 stupnjeva, a linije se popunjavaju ne horizontalno, već dijagonalno. Obje dijagonale. Tipke su strelice lijevo, desno i dolje za kretanje, strelica gore za rotiranje, a razmaknica za ispuštanje. Izvorni kod priložen (elm). Koliko linija ćete popuniti?

Nastavak

[] 31. VIII. 2021.

Just Slide

Poboljšano izdanje web igre Just Slide (Samo pomakni - pr. a.) najnoviji je, a vjerojatno i zadnji nastavak serijala. Košara puna fino usklađenih razina, vesela glazbena podloga i visoka zaraznost (bili ste upozoreni). Cilj je i dalje obojati sve pločice. Može miš ili tipkovnica, ali preporučam tipke zbog preciznosti. Pazite da vam lik ne izleti s otvorenih staza prerano. Ako ne ide dalje tu je tipka R za restart razine. Kongregate

Prethodni nastavci:

- Web igra: Just Slide 2
- Web igra: Just slide

Nastavak

[] 22. VIII. 2021.

Empty character

Web stranica posvećena praznim znakovima, tj. onima koji ne ispisuju ništa, ali imaju svoju funkcionalnost. Razmak (space - ono što daje najveća tipka na tipkovnici) je očit primjer, ali ima i drugih praznih znakova i različitih su širina. Pogledajte tablicu te primjere - kako ih kopirati.

Nastavak

1 2 3 ... 11 ››