În urmă cu câteva zile am primit un task de la un client: vreau un template pentru myspace. Uh… wtf? Cât de greu poate fi? Well… Greu nu e. Doar idiot

• cea mai enervată şi idioată treabă este că nu poţi folosi #. Adică nici la id-urile din css şi nici la culori. Culorile le setezi folosind color:FFFFFF. Nu merge shorthand (doar 3 caractere) şi nici # în faţă. Probabil să fie siguri că nu le sunt ascunse chestiile din pagină. Kinda lame că în primele 2 minute am ascuns headerul
• Următoarea prostie este că bagi codul html în box-urile pentru descriere & craps like that. Asta înseamnă cod inline în prostie…
• La ei pe site scrie: You may enter HTML/DHTML or CSS in any text field. Javascript is not allowed. Adică un fel de… WTF?! Păi ori este voie ori nu cu js? Pentru că DHTML este o combinaţie de html, css şi… JAVASCRIPT!
• Tot codul este o amestecătură de tabele şi DIV-uri

Per total a ieşit rezonabil (ce a iesit până acum). În mai puţin de o oră am reuşit să pun alt header, alt background şi să fac un meniu. Mă oftic rău de tot că nu pot să fac layout-ul aşa cum era el în psd (şi chiar dacă este FOARTE mac-ish, arată bine). Se pare că sistemul de template-uri de la blogger nu e suficient de bun…

Între timp s-a răzgândit clientul şi a zis că schimbă designul (renunţă la o grămadă de rounded corners & gradients - my love). Aşteptăm şi… vedem ce o ieşi

Dacă eşti curios să-mi vezi myspace skillz : www.myspace.com/iamntz . În momentul de faţă este prima versiune (cea lăsată baltă după o oră). Sper doar că următoarea versiune trimisă este mai… do-able iar în viitor voi pune un tutorial pentru myspace

Azi mi-am omorât timpul codând încă o temă pentru Wordpress. Caracteristici:

• îmi place cum arată. Mai mult decât tema anterioară;
• deja e folosită de Roxana (adică în loc de demo);
• două coloane;
• widgets;
• SEO friendly;
• simplă. Da’ simplă rău de tot;
• validă xhtml 1.1 & css 2.1;
• trackbacks sunt separate de comentarii.

Download aici.

Aştept critici (dacă vrei să spui să mă las… încearcă să găseşti un mod original, deja am auzit cam toate variantele posibile ), laude, backlinks, etc.

Dacă ai nevoie de o temă custom, nu ezita să mă contactezi.

Şi un screenshot:

Nimic mai adevărat. Tocmai am aflat că Internet Explorer + position:relative + padding nu prea se împacă cu eventul mouseover din javascript sau cu pseudo-clasa :hover din CSS (valabil doar pentru IE7).

Codul iniţial era următorul:

1
2
3
4
5

<dd>
	<h2><a href="tooltip.cfm?id=#id#&amp;section=#section#" class="jTip">#title#</a></h2>
	<p>in <a href="##">#location_name#</a> of <strong>#apt_no#</strong> of <strong>#property_name#</strong></p>
	<span class="control"><a href="ticket_edit.cfm?id=#id#" class="edit"></a></span>
</dd>

DD era pozitionat relativ iar span class="control" era poziţionat absolut şi afişat doar la mouseover (făcut cu javascript din considerente de compatibilitate cu IE6, altă pocnitoare). Well… După o sesiune de vreo 10 minute de înjurături la adresa neamului lui William Henry Gates al III-lea, mi-a venit ideea salvatoare să aşez tot conţinutul DD într-un DIV:

1
2
3
4
5
6
7

<dd>
<div class="cnt">
	<h2><a href="tooltip.cfm?id=#id#&amp;section=#section#" class="jTip">#title#</a></h2>
	<p>in <a href="##">#location_name#</a> of <strong>#apt_no#</strong> of <strong>#property_name#</strong></p>
	<span class="control"><a href="ticket_edit.cfm?id=#id#" class="edit"></a></span>
</div> 
</dd>

Am transferat toate proprietăţile DD către div class="cnt" iar eventul l-am lăsat în continuare pe DD. Merge minunat

EDIT:

Este prima mea întâlnire cu Cold Fusion. Pare interesant, dar… Nu-i de mine

Am tot văzut disperaţi după un site valid W3C. O grămadă. MARE! Intră în aceeaşi grămadă cu ăia care vor site-uri în care nu există tabele deloc. Problema cea mai mare este nu că sunt obsedaţi după validare. E frumos din partea lor, n-am ce zice. Este o problemă mai mare când încerci să le explici că cel mai important e să păstrezi o semantică corectă. Orice limbaj are o gramatică. Respect-o!

Desigur, poţi face un site folosind numai tag-ul SPAN. Dar… DE CE? Toate tag-urile au rostul lor, inclusiv tabelele. Nu îmi spune mie că nu sunt bun deoarece am folosit tabele la un site ce afişa date tabulare

Comentarii?

Iaca tutorialul AICI. Azi am avut o zi un pic mai liberă şi m-am apucat frumuşel să fac primul meu video tutorial. Cât de bun sau de rău este, nu am de unde să ştiu iar în funcţie de răspunsurile/vizitele primite voi mai face alte tutoriale sau nu.