Blog ITopia › Adaugam o intreaga lume dupa www…

O nouă modalitate de a opri spam-ul – MotionCAPTCHA

Wednesday, August 24, 2011

MotionCAPTCHA este un plugin jQuery de CAPTCHA, bazat pe instrumentul de desen Harmony Canvas din HTML5, care cere utilizatorilor să schiţeze forma pe care o văd în imagine, în scopul de a trimite un formular.

În momentul de faţă, este doar o demonstratie a conceptului – foloseste numai recunoaştere a gesturilor client-side, şi nu are suport IE – dar următoarele versiuni vor cuprinde îmbunătăţiri progresive şi capacitatea de a folosi acest lucru în medii de producţie ca o alternativa CAPTCHA viabila.

Categorie Webprogramming | Etichetat ca CAPTCHA, HTML5, jQuery, SPAM | Comments (0)

Minunatele cai ale lui CSS3

Monday, July 11, 2011

True-type fonts

Orice font True-type poate fi folosit astfel :

@font-face {
    font-family: 'JournalRegular';
    src: url('css/journal-webfont.eot?') format('eot'),
         url('css/journal-webfont.woff') format('woff'),
         url('css/journal-webfont.ttf') format('truetype'),
         url('css/journal-webfont.svg#webfontGhV9TBys') format('svg');
    }

Kit generator : Font Squirell ; Convertoare de fonturi : ttf – eot, va urma…

COMPLETARE : Si-a facut si Google colectie de fonturi web la google.com/webfonts

Rounded corners :

#example1 {
 -moz-border-radius: 15px;
 border-radius: 15px;
 }

#example2 {
 height: 5em;
 width: 12em;
 -moz-border-radius: 1em 4em 1em 4em;
 border-radius: 1em 4em 1em 4em;
 }

#example3 {
 height: 65px;
 width:160px;
 -moz-border-radius: 25px 10px / 10px 25px;
 border-radius: 25px 10px / 10px 25px;
 }

Gradients

background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.02, rgb(165,166,158)),
 color-stop(0.51, rgb(163,199,0)),
 color-stop(0.76, rgb(219,242,137))
);
background-image: -moz-linear-gradient(
 center bottom,
 rgb(165,166,158) 2%,
 rgb(163,199,0) 51%,
 rgb(219,242,137) 76%
);

Generator aici

Border image

border-width: 27px;
-moz-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;
-webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;
-o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;
border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;

Generator : border-image

Si mai sunt multe altele, cel mai bun si mai complet generator testat de noi e facut de Randy Jensen si il gasiti aici. Altele sunt : CSS3-Me, css3please, CSS3 Maker (arata si compatibilitatile cu diverse browsere), css3playground, CSS3 Click Chart

Categorie Webdesign | Etichetat ca Design | Comments (0)

Cum afecteaza culoarea vanzarile

Wednesday, March 30, 2011

Pentru vânzătorii cu amănuntul, vanzarile sunt arta convingerii. Deşi există mulţi factori care influenţează modul în care consumatorii aleg ceea ce cumpără. Cu toate acestea, o mare parte este decisă de către indicii vizuale, culoarea fiind cea mai puternică şi mai convingătoare.

Când se comercializeaza produse noi este esenţial să se ia in considerare că consumatorii pun aspectul vizual şi culoarea pe un loc superior altor factori atunci când cumpără.

85% din cumparatorii pun culoarea ca fiind motiv principal in deciderea achizitiei unui anumit produs.

Culoare creşte recunoaşterea brandului cu 80%. Recunoaşterea brandului este legata direct de încrederea consumatorilor.

Culoarea este una dintre metodele cele mai puternice de design. Cu toate acestea, nu este universala. Culori care atrag în America de Nord sunt diferite de cele care atrage în India sau Europa.

GALBEN
Optimist si tineresc, adesea folosita pentru a atrage atentia cumpărătorilor din vitrine.

ROSU
Energie, creste rata batailor inimii, creează urgenta, des intalnita in lichidari de stocuri

ALBASTRU
Creaza senzatia de siguranta si incredere. Folosita des la banci sau afaceri.

VERDE
Asociata cu bogatia. Cea mai simplă culoare pentru ochi de procesat. Folosita pentru relaxare.

PORTOCALIU
Agresiva, creează un apel la acţiune: “Aboneaza-te, cumpara, sau vinde !”

ROZ
Romantica şi feminina, utilizata pentru a comercializa produse pentru femei sau fete tinere.

NEGRU
Puternica si eleganta, utilizata pentru comercializarea produselor de lux.

VIOLET
Se utilizeaza pentru a calma, adesea vazuta la produsele de frumusete sau anti-imbatranire.

Culoarea nu este singurul element care influenţează comportamentul consumatorilor. Pentru cumpărătorii online designul, cuvinte “Buzz” şi comoditatea afectează nevoia lor de a cumpara.

Pentru multi cumparatori online, navigarea deferctuoasa pe site şi designul general slab sunt motivele pentru care aleg să nu achiziţioneze de la un anumit site Web.

Viteza, eficienta si comoditatea sunt unele din multe motivele pentru care cumpărătorii se îndreaptă către comercianţii cu amănuntul de internet. Avand un site web care ruleaza chiar si cu cinci secunde mai lent decât concurenţii dumneavoastră ar putea însemna o mare pierdere economică.

Comercianţii cu amănuntul se bazează pe capacitatea cuvintelor pentru a evoca emoţii în rândul consumatorilor. Cuvintele corecte ar putea face diferenţa pentru un consumator in a cumpăra un articol identic de la un magazin de vânzare cu amănuntul faţă de celălalt.

Categorie Webdesign | Etichetat ca Comert, Culoare, Design | Comments (0)