Posts tagged flash
Orice font in web design – sIFR
Jul 30th
Ca dezvoltator web sigur ai auzit de sIFR. De ce este atat de cunoscut ? Noi raspundem la cateva din intrebarile pe care ti le-ai pus in legatura cu aceasta “tehnologie”.
Ce este sIFR ?
sIFR (Scalabile Inman Flash Replacement) este o tehnologie care permite utilizarea oricarui font in web design, site-ul fiind in continuare SEO-friendly. sIFR este o combinatie de Flash, JavaScript si bineinteles putina imaginatie din partea designer-ului care doreste sa schimbe putin aspectul unui site folosind arta tipografiei.
Modul de functionare este extrem de simplu: sIFR cauta anumite elemente in pagină pentru le înlocui cu Flash rezultand, acelaşi text, dar cu alt font. Din experienta noastra si a altora care folosesc sIFR am ajuns la urmatoarele concluzii:
Exista cateva dezavantaje importante
- Deşi accesibilitate este conservata cu ajutorul acestei tehnici, sIFR afectează considerabil timpul de incarcare al paginii.
- Se foloseste pentru inlocuirea unor pasaje scurte, de obicei titluri.
Avantajele sunt destul de evidente
- Orice font poate fi utilizat
- Nu mai este nevoie de crearea imaginilor pentru substituirea titlurilor in cazul in care acestea trebuie sa aiba un font care nu este web-safe
- Un design mai atragator
- SEO-friendly – la indexare zonele inlocuite prin sIFR contin textul propriu-zis, asadar sunt indexate
Cum functioneaza sIFR
- In cazul în care browser-ul nu are instalat plugin-ul pentru Flash, pagina este afisata normal.
- JavaScript parcurge documentul şi găseşte toate elementele care urmează sa fie înlocuite.
- Odată găsit, un element este înlocuit cu Flash de aceleaşi dimensiuni.Pin intermediul JavaScript-ului este preluat text-ul , apoi este inlocuit cu un element Flash ce contine un text de dimensiune foarte mare initial (96pt) care este redus pana se incadreaza in dimensiunile textului initial.
Prin urmare sIFR merita folosit avand in vedere ca nu exista o alta metoda la fel de buna, insa doar pentru titluri ori pasaje scurte, nu pentru continutul unui articol.
10 greseli in Web Design
Jun 21st
10. Un scop clar
Orice site trebuie sa fie clar asupra scopului sau si sa includa o pagina “Despre noi” ori o scurta astfel de descriere pe pagina principala pentru a lamuri vizitatorii.
9. Alt-uri si Title-uri
Una din greselile majore facute de web designerii fara experienta este aceea de a pune accent pe design, ignorand codul propriu-zis. Alt-urile sunt folosite pentru imagini iar title-urile pentru link-uri Alt-urile si title-urile reprezinta informatii importante pentru motoarele de cautare, fara ele practic site-ul va arata la fel, insa sunt necesare pentru validarea XHTML si au rol de a spori accesibilitatea. In general sunt doar 2-3 cuvinte scurte si “la obiect”.
8. Pagini aglomerate
Cea mai simpla rezolvare consta in realizarea inca de la inceput a unei structuri clare si impartirea informatiei in asa fel incat sa se evite paginile foarte aglomerate. O alta optiune ar fi – si aici ma refer doar in cazul in care pagina contine numai text – utilizarea unui carousel sau a oricarui alte metode de dynamic-content – o varianta de a aduce in fata cititorului doar informatiile necesare.
7. Imagini, imagini, imagini
In primul rand scopul site-ului ramane acela de a oferi informatii clientului/vizitatorului – din nou amintim de motoarele de cautare care gasesc mai importanta informatia decat imaginile. Un site flash sau unul realizat cu multe imagini este de obicei un site care nu are nevoie de optimizare fiind cunoscut si accesat direct de vizitatori prin intermediul URL-ului.
6. Thumbnail-uri
Thumbnail-urile sunt acele imagini mici care apar intr-o galerie foto pentru a va face o idee asupra imaginii mari pe care o veti vedea daca apasati click. Problema e ca unii web designeri folosesc imaginea propriu-zisa pe care o micsoreaza la scara necesara. Browser-ul incarca de fapt imaginea mare pe care o redimensioneaza, ceea ce este gresit din punct de vedere al web design-ului deoarece pagina va necesita un timp foarrte mare sa se incarce.
5. Titlul paginii
Desi are legatura cu subpunctul 2 fiindca titlul paginii este de asemenea important pentru optimizare SEO – am ales sa il pun separat dintr-un singur motiv: titlul paginii, spre deosebire de alt-uri si title-uri trebuie sa fie unic. De multe ori titlul paginilor ramane acelasi. Titlul identifica fiecare pagina in parte a site-ului. El trebuie sa fie scurt si succint.
4. Link-uri care se deschide intr-un nou window
Este o metoda enervanta de a pastra utilizatorului deschise mai multe pagini asadar mai multe optiuni de a continua navigarea prin acel site.De obicei se intampla pentru unele link-uri considerate mai importante in site.
3. Ads
O metoda de a deruta vizitatorul in ceea ce priveste motivul vizitarii acelui site. De obicei spatiile publicitare – prin natura lor – atrag atentia derutand astfel de la informatia propriu zisa a paginii.
2. Intro
Un “Intro” este o pagina introductiva – de cele mai multe ori in Flash avand un buton mic si semitransparent “Skip Intro” – cu rolul de a prezenta pe scurt si intr-un mod cat mai placut site-ul. Un vizitator trebuie sa “scaneze” continutul unui site imediat dupa incarcarea acestuia si sa decida daca merita sau nu sa continuie, nicidecum sa caute un link pentru a trece la pagina urmatoare – lucru care il poate determina sa paraseasca site-ul.
1. (Greseala mea favorita) Acelasi banner in Flash pe toate paginile
Este absolut plictisitor. Motivul: lipsa de imaginatie sau poate nu este atat de important spatiul destinat banner-ului – primul lucru observat de vizitator la incarcarea paginii.
