Bogdan Pârcălab, personal website

Cea mai buna explicatie la intrebarea “Ce inseamna display: block?” este aici: http://www.quirksmode.org/css/display.html

Sa presupunem ca lucrezi de ceva timp la cel mai tare proiect al tau si esti la 99%, ai facut si validarea de cod css si xhtml. Totul merge si arata struna. Mai ramane sa pui codul de la Google Analytics, trafic.ro si/sau alte site-uri de monitorizare. Ca si facut in 2 minute ai terminat poti sa renunti la cafea, totul a fost aranjat. Stop! Nu e chiar asa deoarece spre surprinderea ta vei avea cateva erori.

De exemplu…

zelist.ro – codul lor arata cam asa:
<a href="http://www.zelist.ro/bloguriw/pixiemag.com" target="_blank"><img border="0" src="http://www.zelist.ro/widget-small/pixiemag.com"></a>

Fara suparare baieti, codul ar trebui sa arate asa:

<a href="http://www.zelist.ro/bloguriw/pixiemag.com" target="_blank"><img border="0" src="http://www.zelist.ro/widget-small/pixiemag.com" /></a>

Sper ca nu e cu suparare… dar trebuie sa folosim cod valid. zelist.ro, sper sa nu va suparati pe mine si sa ma includeti in lista voastra. Apropo felicitari, imi place ce faceti.

Un alt cod care l-am inclus pe site-ul meu este cel de al baietilor de la jobber.ro. Tot respectul si pentru voi si ceea ce faceti, dar aveti erori:

<script src="http://www.jobber.ro/api/api.php?action=getJobs&type=0&category=0&count=10&random=1&days_behind=7&response=js" type="text/javascript"></script>

Codul corect ar trebui sa arate in felul urmator:

<script src="http://www.jobber.ro/api/api.php?action=getJobs&amp;type=0&amp;category=0&amp;count=10&amp;random=1&amp;days_behind=7&amp;response=js" type="text/javascript"></script>

Traiasca, codul valid… si spor la treaba.

Here is a usefull tool: Typetester

Have fun!

Start you CSS file with:
* {
font-size: 62.5%; /*Sets all fonts to 10px*/
}

Then all you have to do is use em’s to get exact pixel sizes. For example:
1.1em = 11px
1.5em = 15px
2em = 20px
This way makes it a little easier to quickly calculate font sizes.

As a web designer/developer you must continue to find ways to reduce the time it takes to design/develop websites. This is very important to improve your productivity and to maximize your profits…

More…