Ravno Mare je tako krivec za prenovljen ŽVPL-ov logotip, ki je namesto strešice dobil rdečo zvezdico.

Trajalo je nekaj mesecev preden so vrle glave takrat še produkcijske skupine Em3r10 (se pravi Gregor, Mare, Matko in jaz) ugotovile, da je treba nadaljevati z začetim procesom (pre)oblikovanja ŽVPL-a, kmalu je nastal naslednji predlog oblikovne predloge, izpeljan iz Maretove osnovne ideje (trije članki v vrsto).

Jeseni smo bili že skoraj zadovoljni! Vstopna stran je začela dobivati svoj (skoraj) končni izgled: tri izpostavljene novice, spodaj dogodki, pa vsepolno nekih vsebin iz raznih rubrik, a vendar smo hoteli imeti na vstopni strani še več vsebine. Nastalo je tole.

Opazili boste, da smo v prvi varianti zgornjih dveh verzij spremenili tri prve članke za enega večjega in štiri tekstovne, vendar smo idejo zavrgli, ker je (bila že takrat) frekvenca člankov cca 3/dan in bi bilo nesmiselno izpostavljati samo enega. Tako je ostalo vse do danes …

Tako, osnove so bile narejene, pljuniti bo treba v roke in začeti pripravljati HTML-je.

Spraševali smo se kaj narediti z izpisom članka in rubrik in za izpis članka uporabili nek poizkus prenove ŽVPL-a, ki je imel zadovoljiv layout članka samega, a oblikovno še ne dodelan. Skupek obeh mockupov je bi zadovoljivo dober (zgoraj).

Oktobra 2003 so bili prvi HTML-ji narejeni, prva stran, izpis članka (z več verzijami izpisa slik, komentarji, osebno izkaznico osebe v članku, … skratka vsem kar paše zraven). Zataknilo se pri izpisu slik, za kar nikakor nismo našli rešitve. Pa smo raje naredili še izpis dogodkov, obenem razširili kategorije in čakali boljše dni.

Boljši dnevi so prišli leta 2005, nekaj mesecev pred 2.velikim ŽVPL-ovim mrkom, ko je 1. neusojeni programer začel programirati novo vrezijo ŽVPL-a (brez imen, da ne bomo komu delali škode), a se na žalost prenova ni zgodila, saj nam je žveplenobna luknja odnesla 1. nesojenega programerja. Vmes smo ugotovili, da je XHTML boljši kot HTML 4 in da je breztabelno spletno oblikovanje boljše kot vsepolno tabel v dokumentih. Rečeno storjeno, kmalu smo HTML prešmelcali v XHTML in bili veseli, ker so bili dokumenti validni.

Decembra 2005 nam je odneslo tudi ŽVPL (po dveh hackerskih napadih je strežnik končno izdihnil press), nekaj mesecev kasneje pa nam je odneslo še programerja (usoda pač), Vmes smo še malo pošmelcali HTML-je ampak večjih vizualnih sprememb ni bilo.

Pa smo čakali. Prišlo je leto 2006 in z njim 2. nesojeni ŽVPL-ov programer, a je tudi njega vzelo morje. Vmes so zrasle resolucije monitorjev in minimum je postala resolucija 1024×768 (juhej) in treba je bilo razmišljati o realignu realigna, čeprav ŽVPL-a že dolgo ni bilo več. Volje pa tudi ne, saj še vedno nismo našli programerja …

V letu 2007 se je pojavil 3. nesojeni ŽVPL-ov programer in volja za nov realign na 960 pixlov, kar se je tudi zgodilo. No, zgodil se je realign grida, ŽVPL pa ne.

Prišlo je leto 2008, leto 10. obletnice ŽVPL-a in spet smo iskali programerja. In obvestilo, da bo ŽVPL POSH. Prišel je tudi 4. nesojeni ŽVPL-ov programer in rahlo “spimpan” ŽVPL. Končno smo pripravili izpis članka kot se šika in izpis velike fotke, na kar smo čakali kar nekaj časa.

Ker pa sovražimo IE6 (in nismo edini) smo se odločili, da se bomo malo pohecali s CSS-jem in naredili verzijo samo in izključno za IE6. Črno, s tako zabavno fleho, ki opozarja uporabnike, da deskajo z jajci.

Kar dobro je kazalo, Had je že celo napovedoval splavitev, kazalo je, da nam bo končno uspelo. No, pa vseeno nismo imeli sreče, malo po žuru ob 10. obletnici ŽVPL-a je Wuxscho-tu odletu disk in z njim že skoraj končan ŽVPL 3.0  (zato vsi developerji: “Backup early, backup often!”)

Po nekaj mesecih se je Vini odločil, da bo programiranje vzel v svoje roke in zgodba o splavitvi se je spet začela. Vsi sledilci ŽVPL-ovega Twitter kanala ste lahko videli nekaj predogledov prihajaočega ŽVPL-a. Dobili smo kar nekaj komentarjev na oblikovne felerje (predvsem barve povezav in barv oken v sidebaru in nekonsistentno širino in jih nekaj tudi upoštevali). ŽVPL je bil splavljen 31. decembra 2008 in je zgledal natančno takole.

To je zgobdba o procesu oblikovanja novega ŽVPL-a, ki pa vsekakor še ni končana. Ker vemo, da je oblikovanje proces in ker je obliko prilagajati funkciji ne obljubimo, da bo vedno tak, najbrž bo iz meseca v mesec lepši, upamo pa tudi boljši!

P.S.: O procesu nastajanja ŽVPL-a boste slišali na 100. Spletnih uricah. Respect!

For the next few years we’ll probably need to continue supporting Internet Explorer 6, but that doesn’t mean we just have to wait for users to find something new. Our goal with this campaign is to rally the development community behind the goal of reducing the number of Internet Explorer 6 browsers in use by urging users to upgrade their browsers without hindering the user experience.

Je že res, da je toliko boljših brskalnikov kot IE6, da bo treba nujno podpret tole!!!

V bistvu je POSH vse, kar spletovalec potrebuje, ko postavlja HTML-je, da so dokumenti: validni, semantični, dostopni in dobro strukturirani. Pa še to: lepa POSH koda vam bodo pomagala tudi pri SEO-tu in pri tem, da boste lahko v nogi napisali, da imate POSH sajt, t’ko kot bo pisalo v nogi novega ŽVPL-a

P.S.: O POSH-u se je razpisal tudi na tem blogu omenjeni Roger Johansson na svojem blogu 456 Berea St. Preberite si njegov prispevek in izvedeli boste tudi nekaj nasvetov za pisanje POSH dokumentov.

Sam sem poimenoval 42 elementov in ker je cifra res kul, tale test delim z vami!

42

P.S.: Obstaja tudi Koliko CSS property-ev lahko našteješ v 7 minutah. Had, zdej ti pa ne bo dolgčas vsaj 12 minut

Poizkusim z istim iskalnim nizom še na Najdi.si in glej ga zlomka! Najdi pravi, da je iskalna poizvedba slabo formatirana …

Hvala Bobu ™, da Najdi priporoča iskalni niz z navednicami: “As ti tud not padu”, kjer je moj zapis “šele” na 7. mestu. Ne šekam sicer, zakaj Najdi ne najde iskalnega niza As ti tud not padu, ker se mi zdi, da je pred prenovo Najdi.si iskano poizvedbo našel brez problema (ali pa sem jaz haluciniral).

Kakorkoli, pozicija na Google odlična, Najdi ima očitno nekaj problemov, odkar je prenovljen, a ni razloga za preplah, fantje že vedo kaj delajo in zagotovo bo kmalu vse v najlepšem redu.

Me je pa strašno zanimalo, komu se moram zahvaliti, da imam tak dobro pozicijo … in po pregledu HTML kode na notpadu.24ur.com ugotovim, da gre moja zahvala oddaji Kmetija:

Ključne besede kot so: “kmetija, špela, Močnik, gospodar, glava, …” niso ravno primerne za urbano odajo, ki se bori za nedeljski prestol. Predlagam ključne besede kot so: “As ti tud not padu, Lado Bizovičar, Jurij Zrnec, oddaja, nedelja, Mario, zabava, skeči, smeh, …” bo bolj zaleglo.

Poleg tega SEO mojstri svetujejo, da so meta tag-i različni: v <meta name="keywords" ... /> naj se vpisujejo ključne besede strani (kot sem že predlagal zgoraj), v <meta name="description" ... /> pa opis strani v smislu: “As ti tud not padu – nova, dinamična, zanimiva, bučna in energična oddaja z Ladom Bizovičarjem in Jurijem Zrnecem.” …

Vsekakor je bolje, da sploh ne bi imeli meta tagov na strani, kot da imajo napačne. Oziroma: za Embrio je očitno bolje, da imajo (še vedno) kmečke ključne besede, ker je zaradi tega pozicija v iskalnikih in posledično tudi obisk na naši strani večji.

Kmečko, al’ ne?

P.S.: Fantje iz MojVideo.com, preberite si tale zapis o embedanju validne YouTube kode, velja tudi za vas, vaš embed je skoraj na dobri poti do validne kode, le z <embed> se ga zasral’. Objekt <embed> v XHTML specifikaciji ni dovoljen, pa <param> bi lahko zaprli z / > …

Vest.si je še včeraj zgledala kot blog, danes pa že kot pravi spletopis*. Oblikovna osvežitev je bila pravzaprav nujna, saj nov dizajn daje že tako dobri vsebini še večjo težo.

Škoda le, da so pri tako ličnem dizajnu pozabili na validacijo XHTML-ja, saj so napake tako banalne kot je pozabljen alt v slikah, podvojen ID v navigaciji (v resnici niti ne bi bil potreben), klasično problematičen embed Google videa (o podobnem problemu, ki ga ima tudi YouTube sem že pisal), zanimiva je tudi uporaba style atributov v dokumentu (zakaj že imamo CSS stile), pa pozabljeno zapiranje le-tega in še in še … Vsekakor nič takega, kar se ne bi dalo rešiti!

Običanjega uporabnika seveda te stvari nikakor ne bodo zmotile, le tisti “iz foha” bomo malce zmajali z glavo, a kljub temu spoštovali vsako vest in vse ljudi.

* spletopis – spletni časopis

P.S.: Še dobro da nobeden od blogerjev, ki so pisali o prenovi Vesti ni pisal o validaciji pejdža.

Odlična rešitev, dela povsod, sem jo že zakopal in posladkal

XHTML column frameworks

Paul Evans je na svojem blogu izračunal koliko sta široka 2, 3, 4, 5, 6 stoplcev pri oblikovanju za različne resolucije (oz. varne robove (eng.: safe margins) različnih resolucij ekranov), in nekaj variacij na temo: 2 stolpca v razmerju 1:2, 1:3, 2:3 in trije stoplci v razmerju 1:2:2 in 1:2:1.

Se sliši zakomplicirano? Spodnji primer bo razbremenil procesor, ne?

Introducing GridMaker

Andrew Ingram je na svojem blogu objavil Photoshop vsadek (eng.: plug-in), s katerim si hitro postavite mrežo. Zelo uporabno, če uporabljate Photoshop (deluje samo na CS2 ali CS3 beta).

Grid systems in Web Design

Zadnji, a ne zadnji zapis o sistemu mrež v spletnem oblikovaju je najbolj obširen in izčrpen (ter seveda ima največ povezav na druge spletne strani, ki govorijo o mreženju). Fantje iz Tutorial Bloga so se res izkazali!

Še enkrat: dobro mrežo