Evo danas sam se malo zezao pa napravih Greasemonkey skriptu za Tviter, koja umesto klasičnih sličica korisnika na Tviteru (u timeline-u) prikazuje AVrAmTAR avatar ukoliko su Tviter i Avramtar povezani. A da biste ih povezali dovoljno je da u custom URL na Avramtaru upišete vaše Tviter korisničko ime.

Pogledajte kako to izgleda u praksi:

Click here to view the embedded video.

Skriptu možete naći ovde: http://userscripts.org/scripts/show/56918

P.S. Ne očekujem da će iko ovo koristiti, ali eto čisto vežbam JS A možete i da probate da biste videli kako izgleda, neće vam škoditi

Posle par meseci izašla je public final verzija AVrAmTAR plugina za WordPress 2.0.2+ (kompatibilno sa WP 2.5). Napokon sam skontao kako se koristi SVN i plugin se sada hostuje na WordPress.org sajtu, odakle ga možete i skinuti.

Ukoliko već imate instaliran stari AVrAmTAR plugin, čak iako verzija možda kaže da je on noviji od ovog “oficijalnog,” – NIJE! Moguće je da je kod vas instalirana verzija 0.3, ali to je stara numeracija verziranja, trenutno najnovija verzija je 0.1.5 i nalazi se na WordPress.org, gde će se od sada objavljivati nove verzije. Da biste reinstalirali ovaj plugin potrebno je uraditi sledeće:

1. Deaktivirajte ga
2. Obrišite folder wp-content/plugins/avramtar_wp/
3. Skinite novi plugin odavde
4. Raspakujte arhivu u wp-content/plugins/
5. Plugin je sada u folderu wp-content/plugins/avramtar/
6. Ponovo aktivirajte plugin iz admin panela

U principu ništa u pluginu nije menjano od poslednje verzije, sem što se promenio folder u kom se isti nalazi, ali svejedno preporučujem da reinstalirate plugin kako bi vas WordPress.org obaveštavao o novim verzijama plugina.

p.s. Krčka se još jedan plugin za WP u mojoj maloj laboratoriji. Ništa vezano za AVrAmTAR, već za nešto što možete videti na ovoj stranici. Neću još otkriti šta je to, samo sam hteo malo da vam zagolicam maštu

Ceo dan sam danas proveo radeći na ovome, i evo ga! Novi dizajn sajta www.avramtar.com! Pravi Web 2.0 dizajn. Hehe, štagod to značilo

Kompletno tableless odrađen (čist CSS), krupni fontovi, shiny logo, Web2.0 badge (“beta”), “stripes” pozadina, rounded corners… to je ono što ga sačinjava. Preovlađuju nijanse žute boje iii… ma šta više pričam, evo pa pogledajte:

_{sl. 1. Novi dizajn AVrAmTARa}

Jel’ da da je lep?

Od danas na mom blogu pored svakog komentara stoji AVrAmTAR.com avatar autora poruke, ukoliko je isti registrovan na www.avramtar.com (a ko nije odma’ trk da se registruje ). Ukoliko niste registrovani na avramtar.com prikazaće se default “?” avatar.

_{sl. 1. AVrAmTAR WordPress plugin u akciji
(klik za uvećanje)}

Ceo dan sedim ispred računara čitajući WordPress Codex i evo sada je gotov, a uskoro će biti objavljen i na blogu avramtara, samo da ga malo istestiram i da mi odobre prikazivanje plugina na sajtu WordPress-a.

Plugin se sastoji iz tri dela, a to su PHP skripta, CSS fajl i malo JavaScript koda: PHP skripta je tu da kod svakog komentara dovlači avatar sa avramtar.com sajta, kao i da se integriše automatski u vašu WP temu. CSS fajl se sastoji samo iz jednog stila (“.avramtar”) sa dva atributa koji služe da pozicioniraju avramtar desno od komentara. I na kraju, malena Javaskripta koja dinamički menja veličinu avatarima, tako da se lepo vide i da svi budu iste širine (a mogu i iste visine). Razlog zašto se avatari risajzuju na klijentskoj strani je to što bi mi menjanje veličine animiranih gifova (kojih i te kako ima, a imaće ih još dosta ako servis postane iole poznat) na strani servera oduzimalo mnogo resursa koji su ionako dosta ograničeni na mom VPS-u, dok JS to odradi “in no time,” a verujem da je procenat ljudi kojima je JS isključen mnogo manji od 1% tako da mogu sebi to da priuštim

Kako su kod mene na temi komentari organizovani u jednoj unordered listi (UL tag), a ne u tabeli, dešavalo se da mi avatar bude veći od teksta (kad je komentar jako kratak) pa je sve bilo sjebano. Onda sam dodao još jednu stavku u CSS fajl koja svim elementima sa IDom “avramtarized_comment” (a to su svi komentari kad ih obradi AVrAmTAR plugin) postavlja min-height svojstvo na 80px što osigurava da visina svakog komentara bude sasvim dovoljna i da avatar ne prelazi u sledeći komentar, a i ako se to desi, desiće se u jako malom broju slučajeva, a i tad se min-height može povećati. Ovo je sve super radilo u Firefoxu, ali zato u IE6 – užas. Neki avatari se nisu videli, neki su prelazili u drugi komentar ispod njih. Ukratko – blagi užas. Iako je IE7 već zaživeo, IE6 se može naći i dalje na ogromnom broju računara (možda čak više od 50% računara gde je instaliran Windows) pa sam morao i to da sredim. Kako? Lako, pronašao sam nešto što se zove “IE7 { css2: auto; },” a što sa samo jednom linijom koda popravlja bugove u IE6, tj. omogućava korišćenje CSS2 u IE6. Ovo nije standardni deo AVrAmTAR plugina, ali svakako ću ga linkovati u dokumentaciji, jer spašava blogere mnogo muka.

Svi koji su bar jednom pročešljali moj sajt od kad sam ga postavio, mogli su da vide omalenu php skriptu nazvanu AVrAmTAR. Dosta ljudi ju je skinulo, i pohvalilo, i skoro svi su se divili ideji da na jednom URL-u ima više slika. Međutim, nemaju svi web sajt koji pokreće Apache web server, pa još i sa podrškom za PHP i za mod_rewrite, koji je neophodan za lažiranje URL-a (korisnici vide URL do avatar.gif slike, a server svaki zahtev za avatar.gif prevodi u index.php koji servira nasumično izabranu sliku); a ja jednostavno nisam hteo da svakom drugaru dozvolim da drži gomilu avatara na mom sajtu, jer sam nekolicini njih to dozvolio i onda je počelo besomučno cimanje tipa: “ubaci ovaj avatar, izbaci onaj avatar.”

Onda sam došao na ideju da, prvenstveno za te drugare, a onda i za sve ostale, napravim sajt koji će raditi isto što i gore pomenuta skripta. Drugar je registrovao domen www.avramtar.com a ja sam u prethodnih 4-5 dana, u slobodno vreme (na pauzama između predavanja uglavnom) kuckao kod za sajt. U principu, glavni deo sam imao, ono što sam ja odradio je registracija korisnika (i sve što ide uz to: login, reset šifre, …) i razvrstavanje avatara po korisnicima.

Pa… šta čekate? Ja svoj avramtar već imam (osvežite stranu za sledeći avatar):