Astazi este lansata oficial sectiunea de jocuri JavaScript! Jocurile au fost facute de curand, dupa modelul unor jocuri clasice.

Am inceput primul joc ca sa-i demonstrez unui prieten ca se pot face si astfel de aplicatii in JavaScript. Si pana la urma asta este una dintre ideile principale a le sectiunii: interactivitate in browser folosind doar HTML, CSS si evident JavaScript!

Astazi le fac publice pentru ca este pacat sa nu ofer si altora ocazia sa piarda vremea jucandu-se :).

Jocurile ar trebuie sa functioneze cross-browser, nu au HTML 5 sau alte lucruri care pot duce la incompatibilitate. Trebuie doar sa evidentieze puterea JavaScript, fara alte unelte sofisticate.

Multe dintre jocuri nu sunt bine finisate, dar sper ca in timp voi mai rezolva din problemele lor, voi mai adauga facilitati noi si evident alte jocuri. Daca aveti sugestii sau probleme, va rog trimiteti un mail la claudiu@claudiupersoiu.ro.

Distractie placuta!

Nu este tocmai o problema de programare dar este foarte utila.

Atunci cand se defineste o inaltine (height) in procente, elementul va lua inaltinea elementului care il contine. Cu alte cuvinte pentru a rezolva aceasta problema se poate defini put si simplu inaltinea elementului body si html din CSS.

 1<html>
 2<head>
 3<style type="text/css">
 4html, body {
 5height:100%;
 6}
 7</style>
 8</head>
 9
10<body>
11<table height="100%" width="100%">
12    <tr>
13    	<td valign="middle" align="center">Text in centru</td>
14    </tr>
15</table>
16</body>
17</html>

Textul va fi fix in centrul paginii.

Comprimarea fisierelor .js este o buna practica pentru reducerea transferului de data si ca rezultat o incarcare mai rapida a paginilor. Dupa compresie fisierul poate sa ocupe mai putin de jumatate din spatiul initial.

Compresia consta in reducerea la minim la spatiilor inutile dintre operatii sau elemente, a comentariilor, a liniilor noi si chiar reducerea numelor variabilelor.

In acest sens exista mai multe unelte:

YUI Compressor – dezvoltat de Yahoo!, probabil cea mai interesanta unealta, functioneaza atat pentru fisiere js cat si pentru css. In afara ca acesta comprima fisierele, mai face si operatii de optimizare si chiar subliniaza erori intalnite in fiserele JavaScript. Aplicatia este facuta in Java, cea ce ii permite sa lucreze pe platforme multiple.

JSMin – dezvoltat de Douglas Crockford, este un utilitar ceva mai simplu, nu lucreaza decat cu fisiere js. Sursa pentru algoritmul de compresie este in C++, dar este disponibil si in alte limbaje cum ar fi PHP.

Compresorul lui Dean Edwards – este un copresor foarte interesant care mai are si avantajul ca poate fi rulat on-line. Sursele acestuia sunt disponibile de asemenea si in PHP.

Dojo ShrinkSafe – Disponibile de la Dojo mi se pare ceva mai slabut ca primele mentionate dar demn de luat in calcul.

Favoritul meu este YUI Compressor cu mai multe facilitati, dar pe de alta parte compresorul lui Dean Edwards si JSMInt au sursele disponibile direct in PHP (si alte limbaje), lucru care le face favorite pentru o eventuala automatizare.