Lucrand la fatzada - Part I

:) see update at the bottom :) Sunt cam nemultumit de cum se prezinta acest site. Evident, continutul este primordial, totusi nu este sau nu ar trebui sa fie imposibil sa imbunatatim prezentarea in paralel cu dezvoltarea continutului.

Acest articol este primul in seria lucrand la fatzada (llf), unde prezint modificari si imbunatatiri ale "stratului de prezentare" (presentation layer, sau front-end, cum i se spune p-aici). Desi conditia primara a unui blog de calitate este continutul, branza buna in burduf de caine nu s-a vandut niciodata bine. Este important pentru ca cititorul sa se reintoarca sa nu fie stresat sau neplacut impresionat de ce vede sau de un site nefunctional sau incomplet. Si cum acest blog este departe de a fi asa cum vreau eu, pe masura ce-l modific si-l imbunatatesc, voi prezenta aceste modificari sub forma de tutorial / howto in categoria llf. De asemenea, daca pornesc un blog de la capat, voi putea gasi usor modificarile pe care le am de facut. Desi beneficiarii primari ai acestei serii sunt blogger-ii Blogspot, voi incerca in masura posibilitatilor sa includ informatii si pentru cei de pe Wordpress.

Prima la ordinea la zi este rezolvarea clutter-ului de pe front page, unde toate articolele sunt scuipate integral, unul dupa altul. Ideal ar fi sa avem numai primele cateva randuri dintr-un articol, urmate de un "Citeste mai departe..." link, sau, hack of template sa overflow cu scroll bars. In cazul variantei a 2-a, ar fi necesar ca acest overflow sa se intample numai pe prima pagina, si sa nu se produca in cazul vizionarii unor articole separat (singur pe pagina). O alta problema potentiala cu solutia a 2-a este flash problems. Sunt browsers care au probleme cu flash display in special inauntrul scrollbars. Ramane sa testam. Dar pana rezolvam chestiunea cu "Read more.." si 3-column layout, hai sa aruncam o privire la ce-am facut pan-acum. Asta este nu numai "for the record", dar si pentru oricine este interesat in a face la fel. WARNING: restul articolului este si mai tehnic decat pan-acum!

1. Scripts & Widgets

a) ghidoo.ro

Site-ul asta este cel mai aproape de un digg sau social news romanesc. Singurul care se apropie, dar de foarte departe, este kontrib.com. Kontrib insa ia submiteri in engleza si le traduce automat in romana. Traducerile automate sunt de obicei un mare rahat, dar cea la care m-am uitat eu era OK, ceea ce sugereaza ca au un roman in staff care atunci cand ceri pagina de pe server, ia creionu' rosu si o corecteaza rapid inainte sa-i dea drumul pe cablu. Revenind la ghidoo, ei nu ofera decat un plugin pentru wordpress, no blogger.com widget. Am facut un hack pentru template-ul meu, dar ma gandesc sa fac un widget. Stay tuned.

b) snapshots

In dreptul fiecarui link extern apare un mic sfarc. Daca zabovesti cu mouse-ul deasupra lui, apare o fereastra ca in cartile de benzi animate care-ti arata ceva despre link-ul ala, fie o poza, fie feeds, fie wikipedia explicatie. Am facut-o sa nu apara pentru intregul link, findca ar putea fii enervant, ci numai deasupra simbolului cu pricina. Mai mult, daca nu-ti place, poti s-o opresti complet (optiunile sunt in partea de sus a ferestrei care se deschide). Uite ce ma sfatuiesc ei sa zic, in limba lor:

I just installed a nice little tool on this site called Snap Shots that enhances links with visual previews of the destination site, interactive excerpts of Wikipedia articles, MySpace profiles, IMDb profiles and Amazon products, display inline videos, RSS, MP3s, photos, stock charts and more. Sometimes Snap Shots bring you the information you need, without your having to leave the site, while other times it lets you "look ahead," before deciding if you want to follow a link or not. Should you decide this is not for you, just click the Options icon in the upper right corner of the Snap Shot and opt-out.

c) outbrain

Asta-i chestia galbena de sub fiecare articol care-ti permite sa dai un rating fiecarui articol. Ia-o de la outbrain.com

2. I follow

Am scos "nofollow" de la comentarii. Asta inseamna ca daca lasi un comentariu in care pui un link la blog/site-ul tau, Google il va indexa, si blogurile noastre vor creste impreuna, crescandu-le pagerank (PR) si Technorati authority. Alte bloguri romanesti care-au facut asta:

• Aadryanaa
• Andrei Serdeliuc
• blogu’ lu’ skreach
• Eugen - blog inutil
• Razvan Blog
• Situatii in Blogosfera
• dojoblog.info
• danyblog.com
• bobbyvoicu.ro
• pestenoapte.blogspot.com
• bogdan.agnita.ro
• scribu.net
• aiurea.eu
• asa.zamo.ca - (adica io)
• www.aaaod.com

3. Blogbrowsing

Despre asta s-a scris indelung(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 13, 14, 15, 16, 47 sic!, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47). Problemele cu blogbrowsing sunt multiple. In unele cazuri, iti publica banner-ul tau mult mai putin decat il publici tu altora. Pentru blogul meu, uite aici un grafic:Linia galbena reprezinta diferenta dintre Afisari si Bloguri Afisate. Daca la primul sampling era 21, la ultimul este 97, ceea ce inseamna ca diferenta intre afisari si afisate creste incet, dar sigur, din cauza celor care au scos codul de pe site-ul propriu fara a dezactiva inregistrarea. Asta n-ar fi sfarsitul lumii, dar algoritmul lor ar trebui sa scoata din listare blogurile care au renuntat sa mai arate peeling corner. Nu este usor sa gaseasca cei care au !commented out codul, dar n-ar fi nici imposibil. Aceste bloguri sunt freeloaders, intrucat primesc vizitatori de la altii, dar nu trimit vizitatori nimanui. Asta nu este singura problema, nu demult ei zbatandu-se cu timpul mult prea mare introdus la incarcarea paginii. A scazut intre timp, dar iata cat de prost mergea la un moment dat: O intarziere de 10s in incarcarea paginii de care numai bbr era responsabil nu este acceptabila. Situatia s-a imbunatatit, dureaza max 2s acum. E o decizie foarte dificila daca sa pastrez contul cu ei sau nu. In primul rand, in curand vor baga anunturi publicitare, si asta s-ar putea sa nu-mi placa; va depinde de detalii. Pot sa mai astept o luna.

4. Last.fm (profilu' meu)

Asta-i cea mai tare statie radio pe care-ai ascultat-o vreodata. Eu obisnuiam sa ascult SomaFM pana sa descopar Last.fm. De ce-i asa nemaipomenita? Pentru ca te ajuta sa descoperi muzica noua care-ti place. Poti cauta pe site-ul lor cantecele care-ti plac, le adaugi in PlayList (sau lasi WMP+plugin s-o construiasca pentru tine), si apoi le poti asculta oriunde pe Internet (MP3.com a incercat asta acum multi ani, dar RIAA a inchis-o). Si daca vrei sa asculti "altceva", asculti "Neighbourhood" radio, care canta muzica asemanatoare cu ce-i in playlist, dar diferita. Partea cea mai faina este ca poti sa-ti faci un widget sa-l pui pe website. Pana nu demult am avut pe site chiar playlist-u' meu, dar cauza excessive CPU load, asa ca l-am inlocuit cu neighbourhood playlist, care loveste mai putin in CPU. Full Playlist widget poate fi gasit in continuare la Overheard In Hogtown (unde poti vedea ce vreau sa spun cu CPU).

5. Modificat faviconu'

Asta tre' facut dupa chestia cu "read more" si celelalte, nu e o prioritate, dar vreau sa pun un Z peste poza lu Zamolxis, ca tot nu se-ntelege cine-i si ce vrea.

6. Navbar hiding

Tot la capitolu' to do, ar mai fi sa fac Navbaru' sa dispara. Dar mai fain ar fi s-o fac sa culiseze si sa reapara cand hover cu mouse-ul deasupra ei. Deocamdata nu prea se poate, posibil din cauza codului blogbrowsing. (#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} before /head)

20090810 UPDATE: Vrei mai multe articole tehnice pentru Blogger / Blogspot? Este modificarea de aici curenta, sau am facut una noua, cu acelasi efect, dar mai buna? Toate modificarile aduse de mine acestui sablon (template) pot fi gasite in Zamolxis ChangeLog. Seria lucrand la fatada va gazdui de-acu’ incolo articole despre PR, media persuasion si eventual imaginea Romaniei.

UPDATE

(....)Am terminat cu a 3-a coloana + read more, 20070106. Au mai ramas cateva chestii de curatat, dar by and large things are ok, nu ma mai zgaraie pe ochi. Mi-ar place un clean look, dar asta nu s-ar potrivi, dat fiind ca este vorba de Also Sprach Zamolxis, nu Also Sprach Xenu, Xenu fiind ala mai SF :) Ce-ar mai fi de facut, in ordinea prioritatilor:

1. Top banner cu mirror effect in loc de text
2. Adaugat scrolling bars style
3. Elucidat enigma wordpress: de ce folosesc oamenii si altceva in afara de Blogger (my guess: din acelasi motiv pentru care folosesc unii Joomla in loc de Drupal - convenience vs. power).
4. In afara blogului - inregistrat tm + concurs + schimbat template CCO
5. Creat feeds pentru "wefollow" blogs - probabil va fi WeFollow + widget + (eventual) wordpress plugin; deocamdata se afla in coltul din dreapta jos. Il voi invita pe Cristi sa colaboreze
6. Noua distractie: jucat cu plasamentul adsense banners pe pagina / vazut ce iese. Uite ce-a iesit din ultimul: Un bun venit calduros advertiserilor scandinavi si tutulor riskhunterilor :)

Surse

Primul articol tehnic despre acest blog - alsosprachzamolxis

Modificari

20070102, 20070105 LLF: sau llf