Claudiu Persoiu

Blog-ul lui Claudiu Persoiu


Archive for the ‘CSS’ tag

JavaScript Games

without comments

Today the JavaScript Games section is officially launched! The games have been recently created, after the model of classic games.

I’ve started the first game to show a friend that it is possible to build this kind of apps with JavaScript. And this is one of the main ideas of the section: interactivity in the browser using only HTML, CSS and of course JavaScript!

Today I make them public because is a shame to not give others the chance to waste time playing :).

The games should work cross-browser, they don’t have HTML 5 or other stuff that can lead to incompatibility. They shall prove the power of JavaScript, without any other sophisticated tools.

Many games are not well finished, but I hope that with time I’ll resolve the issues, add new features and of course new games. For suggestions and issues, please send an e-mail to claudiu@claudiupersoiu.ro.

Have fun!

Written by Claudiu Persoiu

2 August 2009 at 7:14 PM

Tabel cu height 100% folosind CSS

without comments

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.

<html>
<head>
<style type="text/css">
html, body {
height:100%;
}
</style>
</head>

<body>
<table height="100%" width="100%">
    <tr>
    	<td valign="middle" align="center">Text in centru</td>
    </tr>
</table>
</body>
</html>

Textul va fi fix in centrul paginii.

Written by Claudiu Persoiu

5 June 2009 at 12:52 PM

Posted in Diverse

Tagged with , ,

JavaScript comprimat

without comments

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.

Written by Claudiu Persoiu

24 April 2009 at 4:02 PM

Posted in Diverse,JavaScript

Tagged with ,