Archives for : February2007

< a > vs < li >

M-a intrebat Andrei de ce lumea prefera sa foloseasca < li > – uri in loc de < a > – uri cand are de construit cate-un meniu CSS.

La intrebarea lui Andrei raspunsurile mele ar fi cam doua:

1. Pentru Google. LI = list item… adica niste A-uri in LI-uri intr-un UL il “fac” pe Google sa priceapa ca exista anumite relatii intre A-urile alea – lucru bun pentru relevantza.

2. Pentru ca deobicei pentru a defini un buton mai bogat grafic dar editabil ca text ai nevoie de cel putin 2 tag-uri unul in altul… or, cand folosesti un < A > intr-un < LI >, obtii exact asta, fara sa mai scrii
< div class= “menu” > < div class = “item” > < a href=”#” > menuitem < /a > < / div > < / div>

Impusti asa doi iepuri dintr-un foc: obtii cod mai STRUCTURAT si mai CURAT.

Iar pentru puristii care sunt atenti la orice bit optimizabil, LI e un cuvant mai scurt decat DIV, iar definirea clasei unui UL face ca definirea stilurilor elementelor din el sa devina redundanta in cod – deci o noua economie.

Exemplificare:

< div class = "menu" >
  < div class = "item" > < a href="#" >menu item 1< / a > < / div >
  < div class = "item" > < a href="#" >menu item 2< / a > < / div >
  < div class = "item" > < a href="#" >menu item 3< / a > < / div >
< / div>

vs

< ul class = "menu" >
  < li >< a href="#" >menu item 1< / a >< / li >
  < li >< a href="#" >menu item 2< / a >< / li >
  < li >< a href="#" >menu item 3< / a >< / li >
< / ul>

CSS – Introducere

(Pentru cine se bate deja pe burta cu CSS-ul, acest prim articol este bun de sarit. Nu zic nimic nou aici. Fac doar o mica introducere pentru cei care inca nu au avut onoarea de-a se bate pe burta cu dansul.)

De ceva ani buni web-ul s-a mai imbogatit cu o bijuterie de tehnologie: CSS (Cascading Style Sheets).
Pe Romaneste, CSS-ul este varianta pentru Web a Stilurilor pre-definite din batranul Word (chestiile alea ciudate pe care nu le-ai folosit niciodata: Normal, Paragraph, Heading etc.). Totally useless in Word.

De ce e bun CSS-ul pe web, atunci? Pentru ca toti parametrii de design ai unui site pot fi scrisi intr-un fisier CSS extern, incarcabil apoi din cache-ul browserului. Iar mai apoi, modificand un parametru in acel fisier css extern, modificarea se propaga in tot site-ul. Folosit corect, te ajuta sa eviti sa mai modifici un site pagina cu pagina, atunci cand clientul vine cu idei de genul “vreau si eu fontul un pic mai mic, daca se poate”.

Daca suna prea frumos ca sa fie adevarat, atunci asa si e. Ce e rau la CSS? Rau e ca fiecare browser s-a dus la alta scoala, fiecare “citeste” aceleasi reguli CSS in mod diferit. Daca nu esti atent, te poti foarte usor trezi cu un site splendid intr-un browser si varza cu carne in altul.

De-asta o sa incerc sa deschid aici o serie de mici articole / tutoriale / tips-tricks care sa te ajute sa intelegi mai bine si sa te descurci mai usor prin hatisul de reguli exceptii si hackuri CSS. Stay tuned!

Apropo de Web 2.0

– web2.0
– branding
– corporate
– wow-design
– eye-candy
….

web2.0. E ultimul buzz-word. Dac-as vrea sa vand castraveti mai bine in piata, as scrie mare pe taraba “www.castravetiWeb20.com“. As da spargere!!! Ce se ascunde in spatele acronimului? Orice scuza sferto-semi-auto-docta merge, dragilor. Puteti sa spuneti orice, prostimea pune botul. De ce? Pentru ca e mult mai bine sa aprobi decat sa pari prost.

Ce e un buzz-word? Poi as zice ca un buzz-word e orice entitate fonetica si a-semantica atat de la moda incat a nu o folosi excesiv te face sa pari neanderthalian in ochii societatii.
(pentru cine nu a inteles ce-am scris in bold mai sus: nu va obositi sa ma intrebati, articolul asta oricum nu e pentru voi. E de bine, puteti dormi linistiti.)

Sa facem un pic de istorie:

Mai an, buzz-word-ul era “Branding“. Nu erai om serios daca nu il turnai pe nerasuflate la orice coltz de covrigarie sau sales-pitch. Orice avea legatura cu designul nu mai era “la corent” daca nu se chema branding. S-a umplut peste noapte lumea de experti in branding. “www.castra-branding.com“!!!!… Am prieteni buni care s-au raliat la trendul asta trendy, unii mai rezerevati de bunul simt si de cei sapte ani de-acasa, altii mai orbeste, dar prieteneste, amical.

Inainte de asta buzz-word-ul a fost “Corporate“. Pai frate, daca nu erai in stare sa torni un “concept” suficient de “corporate”, nu erai pe nicaieri! Nu conteaza ca in Romania poti numara Corporatiile pe degetele de la maini si picioare (o persoana, va rog). TOT clientul s-a vrut “corporate”. Atunci mergea sa trantesc un “www.castraveticorporate.com“!… acum ar suna atat de fumat, zau…

Hai sa mai derulam un pic… WOW!!! Nu, nu e reactia mea. E buzz-wordul de dinainte de “corporatii”. Te duceai, acum ceva ani buni, la client, si il intrebai ce vrea de la sufletul tau de designer. Si ti-o trantea, inevitabil: un WOW-DESIGN!!! Ha? Ce-i aia neicushorule? Prutene, ne auzi? Zi-mi dom’le pe romaneste ce vrei… Daca vrei sa faci WOW, du-te matalutza la balci si casca ochii la Femeia cu Mustatza si la Omul-Shoparla… poi oameni suntem, sau fiare de calcat?

Nu mai tin minte ce a fost inainte de asta… Eram poate prea la inceputuri, si eu, ocupat sa invatz cat mai multe de la cine chiar shtia ce e de shtiut. Tin minte de mania (mult mai generala) a lui DECI… La fel de cretinoid folosit, la fel de vindecat acum…

Care mai stiti buzz-words din lumea designului, varsati aici… poate trantim de-un time-line haios 🙂 .

Later edit: cum am putut sa uit de AJAX?… mare rusine… Sau de Usability (atat de necesara, ca si concept, atat de pe nedrept data la cosul uitarii)

Cine l-a ucis pe Web-master?

Noua tehnologie? Economia in plonjon? Caraghiosul de Web 2.0?

Baietii de la rightbrainnetworks au scris un articol foarte interesant pe tema asta… Bine, interesant pentru geeks ca mine care mai dau doi bani pe ce se intampla online. De cetit…

Noi vrem egalitate, dar nu pentru catzei!

Adica:

Premisa 1: Un soldat american omoara un artist Roman. Legea internationala (HA!) zice ca America isi ia copilul acasa sa-l judece ea (ca doar rufele murdare se spala in famelie, nu? la Nufarul le ducem doar pe-alea curate)

Premisa 2: Doi Romani sunt arestati de americani in Irak, pe motiv c-au facut inmiit mai putin decat ororile pe care le fac americanii acolo: au facut doar niste amarate de poze (nu discut vinovatia sau nevinovatia lor, ca asta e discutabila). Aceeasi lege internationala zice ca America ne da cu UE si nu ne lasa nici macar la nivel diplomatic sa avem contact cu copilul NOSTRU.

Concluzia: Legea e lege pentru cine are brandu’ mai mare.

Adica, ca ce chestie americanii aresteaza un roman pe teritoriu irakian?!? Hai frate si noi in China sa arestam bulgari, ce, nu se poate? E, cum sa nu se poata? Aaaa nu suntem americani! SHIT! Uitasem: indiferent cine si ce prostii face, americanu’ e mare si tare, romanu isi suge mucu’. Noah, tot e bine, ca suntem in NATO! Vreau si eu un Colebil, va rog…

LATER EDIT:

1. Legea invocata de americani (Conventia de la Geneva privind Statutul Personalului Civil pe Timp de Razboi) era complet neaplicabila la data arestarilor oamenilor nostri, pentru ca, cu jumatate de an inainte, americanii declarasera inchis razboiul in Irak, prezenta lor acolo continuand in ideea de sprijin logistic pentru noul Guvern.

2. Cam ce fac americanii acum in Orientul Mijlociu faceau si germanii inaintea razboaielor mondiale pe la inceputul secolului trecut… ocupau teritoriu dupa teritoriu, sub pretexte cretinoide si sub privirile nesimtit-indiferente ale slabelor puteri ale timpului. Unde s-a ajuns atunci? Acolo unde sper sa nu se ajunga in curand…

Problemele zilei – Baneasa la Kilogram

In ultimii ani (si Becali poate baga mana-n foc c-asa e) Bucurestiul s-a umflat, malign, spre Nord. Rau, dar bine. Atat de bolnavicios, incat la un moment-dat gurile rele dar clar intentionate incepusera sa prezinte fantasme cretinoide despre extinderea Bucurestiului spre sud, doar-doar si-o lua vulgul ochii de la Nord, ca sa lase Nordul liber pentru “cine trebuie”. (pentru simplul motiv ca un club invadat de vulg numai privat si exclusivist-elitist nu mai e).

Oricum, manevra n-a prea tinut, si cum -VILANUL nordic era deja cam ocupat si fara perspective de terenuri noi de “jucat”, cam venise timpul pentru o noua manevra. Care? Poi simplu, eliberarea si scoaterea pe piatza a terenurilor publice. DA, stiu ca e fumata, de cand terenurile de interes tehnic de sub aeroportul Otopeni au fost cumparate cu japca. Dar cum Romanul uita repede, hai sa-i mai dam odata pe la spate, ca e loc.

Asa ca ce s-a gandit un creier “luminat”: de ce sa nu mutam Gradina Zoologica din Baneasa, cu cativa (cateva zeci de) Km mai in extra-vilan? Miscarea asta ar genera vreo 6 hectare noi de terra-nova. Plus fondur nerambursabile de la UE pentru asta. Recapitulam: teren nou de “produs”, plus fonduri pentru astupat gura vulgului. Not bad, avand in vedere ca pe-acolo pamantul se vinde deja la centimetru…

Mai conteaza ca Bucurestiul ramane fara o gradina zoologica? (mutarea ei in Corbeanca poate fi la fel de buna ca mutarea in Ploiesti sau la Cluj… se cheama ca Bucurestiul TOT FARA ramane).

Pentru “cine trebuie”, nu mai conteaza. Pentru restul vulgului poate ar mai conta, dar de cand vulgul conteaza? (nota: vulg = prostime = contribuabilul de rand)