 |
 |
 |
 |
 |
 |
 |
 |
 |
Archives for : Vizuale
Scriam acum ceva vreme despre posibilitatea de a crea butoane bogate grafic dar editabile ca text.
Prima problema cu abordarea respectiva era una de optimizare: pentru acelasi buton trebuiau folosite 2 imagini, deci 2 requesturi diferite pe server. In timp, si pe un server mai aglomerat, orice problema de genul asta incepe sa se faca simtita si sa se ceara optimizata.
A doua problema: pe langa asta, m-am mai lovit de o problema: lipsa unui efect la roll-over.
Treaba asta m-a facut sa re-gandesc un pic abordarea intregii chestii, in felul urmator:
1. Inainte foloseam 2 tag-uri, unul in altul, sub forma:
A) <li> <a>buton aici</a> </li>
Noua abordare foloseste tot 2 tag-uri, doar ca de data asta un pic diferit:
B) <a>buton aici<div class=end></div></a>
Noul DIV, marcat cu clasa “end”, are rolul de a defini, grafic, partea din dreapta a butonului. O sa introduc aici o schema explicativa, dupa care o sa continui cu explicatiile mai jos:
Dupa cum se vede in imaginea de mai sus, in loc sa folosim mai multe imagini, vom folosi o singura imagine, suficient de lunga incat sa acopere orice scenariu* si avand inaltimea dubla: un rand pentru starea normala si unul pentru starea de “over”.
later edit: am, in sfarsit, pozele pe pereti (dupa oarece peripetii cu geamuri sparte si inlocuite etc.):
am cumparat niste rame dragutze (din ikea, evident 😛 ) si-am reusit sa fac o mica selectie de poze care-mi plac suficient de mult cat sa le vreau pe peretii biroului meu.
problema e ca am rame doar pentru 6 poze (3 mari si 3 mici) si-mi e greu sa ma decid pe care sa le dau la printat 😀 .
asa ca da si tu un ochi, vezi ce-ti place, si lasa-mi un comment cu preferintele tale. eu o sa tin postul asta updatat cu scorurile stranse, iar la sfarsitul saptamanii sper sa pot pune online poze cu biroul meu proaspat impodobit 😉
 umbrela |
 formula 3 |
 lebada |
 saritura |
 gerbera |
 floarea soarelui |
 scoica 1 |
 scoica 2 |
 buturuga |
 pasarea |
 roibul |
 rasina |
Punctaje:
(am pre-populat deja optiunile offline ale catorva prieteni)
| poza: | voturi initiale | voturi in comentarii | voturi offline | total |
| umbrela: | * | * | ||
| formula 3: | ** | * | *** | |
| lebada: | ** | *** | ***** | |
| saritura: | *** | **** | ** | ********* |
| gerbera: | *** | * | ** | ****** |
| floarea soarelui: | ** | ** | *** | ******* |
| scoica 1: | * | * | ||
| scoica 2: | ** | ** | *** | ******* |
| buturuga: | ** | ** | ||
| pasarea: | * | * | ** | **** |
| roibul: | ** | *** | ** | ******* |
| rasina: | * | ** | *** |
(nu, nu e trucaj, am un burst de poze ca dovada 😀 )
S-au gandit baietii de la Adobe ce sa mai inventeze… Si le-a venit idea sa “vada” lumea prin ochii unei insecte. De ce? pentru ca esenta viziunii spatiale sta in posibilitatea de a vedea o imagine din cel putin 2 puncte diferite. Si, cum ochiul compus al unei insecte vede aceeasi imagine din n unghiuri, efectul de vedere spatiala rezultat este cu atat mai complet. Asa ca s-au pus oamenii pe treaba si uite cam ce le-a iesit (in faza de proiect, deocamdata) (pagina cu articolul original, aici)
Update: cum pagina originala a cam disparut, am gasit o alta versiune, aici.
citesc la kit pe blog despre o noua tehnologie, extrem de inovativa ca si concept, si foarte utila in anumite contexte. Este vorba de un tip special de resize pentru imagini, bazat pe ideea de a sterge/adauga zone de imagine, in loc de clasicul “stretch/crop”.
n-am mai pus demult video pe-aici… pun acum unul, super – m-a trecut, printre altele, prin niste ani mai tineri si prin amintiri 🙂
Din seria “it masturbin love”, aflu de aici despre rasterbator.
Ce e rasterbatorul?
E o mica utilitate care (nice one) merge inclusiv online, in care incarci ce poza vrei tu (max. 10Mb in versiunea online) si pe care, in 2-3 pasi simpli, o primesti inapoi ca un PDF plin de foi pe care, daca le tiparesti si le lipesti cap la cap, obtii un mega-poster.
Super-dragutza ideea.
(Rich, baga si tu un ochi 😉 )
Cu ocazia trambitzarii pe bloaga a faptului ca mi-am indeplinit in sfarsit un vis din copilarie (mi-am luat aparat de pozat), unul din cetitorii mei (da, pare incredibil, dar se pare ca exista vreo 2) – Adrian, m-a “convocat” la un mic photo-challenge, pe tema “cladiri/urban“.
Deadline-ul pentru afisare era maine (sambata, 19 mai hihi), iar Adrian si-a pus deja contributia online, aici.
Cum si eu am vrut sa ma tin de program si de promisiune, azi mi-am facut vreo 2 ore libere, mi-am luat catrafusele in carca, si-am dat o fugutza pe Lipscani, unde am prins in cadru diverse ruine, dupa care, in drumul inapoi spre casa, am profitat sa mai trag cateva cadre si prin zona marelui raliu de formula “zi 33” din jurul casei celor 322. Adriane, uite raspunsul meu, mai jos, usor comentat pe alocuri (atentie, 1.5MB de imagini…)
(poza din dreapta > mi-a placut genul asta de vitrina pe verticala, cu cate-o mireasa la fiecare etaj 😉 )
(chiar la intrarea pe Lipscani)
din seria “how sick/retarded is that”: ultimul fetish, fratilor! 😀 m-a dat pe spate, am ras ca prostu’ de unu’ singur f’o juma de ora p’aici…
