Software »
SoftLinks »
Frasi famose »
La felicità non è avere quello che si desidera, ma desiderare quello che si ha.

Oscar Wilde

Risoluzione video e siti Web

Scritto da Alex il 5 maggio 2010 – 1:42 pm

Nel progettare un sito Web normalmente si pensa all’estetica ed ai contenuti, ma pochi si fermano a pensare quale dimensione dare alla pagina per consentire agli utenti di fruire dei contenuti compiutamente. Può essere allora utile una visita a:

un’interessante applicazione di GoogleLabs che sovrimpone ad un sito una trasparenza che indica le risoluzioni video più comuni e le percentuali corrispondenti di utenti che ne fanno uso.

Si può così apprezzare quanti pochi utenti riusciranno a vedere la zona in cui argutamente abbiamo messo la parte più importante del sito…e capire perché l’angolo superiore sinistro del video è lo spazio premium dello schermo.


Tag: , ,
Pubblicato in Internet, Webdesign | Nessun commento »

Generatore di progressbar animate in formato GIF

Scritto da Alex il 23 dicembre 2009 – 12:00 am

ajaxload.info

Spesso nell’interfaccia di un’applicazione impegnata in attività onerose serve indicare un’operazione in corso, in modo che l’utente non si senta ispirato dallo stress crescente a colpire con una mazza il computer.

Altrettanto spesso si ricorre alle alternative offerte dall’ambiente di sviluppo disponibile, col risultato di sfruttare sempre le stesse soluzioni; un’idea alternativa è ricorrere ad un .GIF animato, possibilmente personalizzato.

Se poi questa soluzione è offerta gratuitamente da un sito benevolo, ancora meglio:


Tag: , ,
Pubblicato in Internet, programmazione | Nessun commento »

Cymbolism – associazione di parole e colori

Scritto da Alex il 4 ottobre 2008 – 12:17 pm

Se doveste progettare un sito che dia la sensazione di “felicità” a prima vista, che colori scegliereste ?

Schemi di colore per i siti Web

Potete consultare Cymbolism – un tentativo di “quantificare l’associazione tra colori e parole, per semplificare ai progettisti la scelta dei colori migliori per ottenere un certo effetto emotivo”.

I lettori possono indicare per ogni colore le parole che gli associano e quindi vedere le combinazioni di colori che fanno pensare in termini di “felice”, “triste”, “assolato” o “geloso” per poi valutare i risultati in prospettiva di scegliere i colori per un certo sito.


Tag: ,
Pubblicato in Internet, Webdesign, programmazione | Nessun commento »

HTML e caratteri speciali

Scritto da Alex il 24 giugno 2008 – 4:28 pm

I caratteri speciali html (entities) sono quei caratteri che non possono essere scritti direttamente con la tastiera, perchè potrebbero influenzare la corretta visualizzazione della pagina.

Come altri linguaggi di programmazione o resa video, html offre una lista di caratteri speciali (parole riservate) con i relativi codici per scriverli a video.

La lista dei caratteri speciali seguenti è una rielaborazione della tabella ISO e mostra nella colonna HTML Entity Code il nome dell’entity e a destra il carattere risultante a video. Si può anche usare la convenzione con il codice ISO. Un’altra soluzione è ricorrere a postable, di Elliot Swan, uno strumento che dato un carattere “anomalo” lo convertete nell’entity corrispondente.

Caratteri speciali in HTML:

Entity Name ISO Code Code Result HTML Entity Code Code Result
space   (n/a) (n/a)
double quotes " "
ampersand & & & &
less-than &#60; < &lt; <
greater-than &#62; > &gt; >
vertical bar &#124; | (n/a) (n/a)
function &#131; Æ’ (n/a) (n/a)
double comma &#132; „ (n/a) (n/a)
elipses &#133; … (n/a) (n/a)
dagger &#134; †(n/a) (n/a)
double dagger &#135; ‡ (n/a) (n/a)
circumflex &#136; ˆ (n/a) (n/a)
percentage &#137; ‰ (n/a) (n/a)
Capital S hot check &#138; Å (n/a) (n/a)
opening quimet &#139; ‹ (n/a) (n/a)
Capital O-E ligature &#140; Å’ &OElig; Å’
(n/a) &#144;  (n/a) (n/a)
open single quote &#145; ‘ (n/a) (n/a)
close single quote &#146; ’ (n/a) (n/a)
open double quotes &#147; “ (n/a) (n/a)
close double quotes &#148; ” (n/a) (n/a)
bullet &#149; • &bull; •
en dash &#150; – (n/a) (n/a)
em dash &#151; — (n/a) (n/a)
tilde &#152; ˜ &tilde; ˜
trade mark &#153; â„¢ &trade; â„¢
small s hot check &#154; Å¡ (n/a) (n/a)
closing quimet &#155; › (n/a) (n/a)
small o-e ligature &#156; Å“ &oelig; Å“
Capital Y umlat &#159; Ÿ &Yuml; Ÿ
non-breaking space &#160; Â &nbsp; Â
inverted exclamation &#161; ¡ &iexcl; ¡
cent &#162; ¢ &cent; ¢
pound sterling &#163; £ &pound; £
currency &#164; ¤ &curren; ¤
yen &#165; ¥ &yen; ¥
broken bar &#166; ¦ &brkbar; &brkbar;
section &#167; § &sect; §
umlaut (diaeresis) &#168; ¨ &uml; ¨
copyright &#169; © &copy; ©
feminine ordinal &#170; ª &ordf; ª
left angle quote (guillemotleft) &#171; « &laquo; «
not sign &#172; ¬ &not; ¬
soft hyphen &#173; ­ &shy; ­
registered &#174; ® &reg; ®
macron &#175; ¯ &hibar; &hibar;
degree &#176; ° &deg; °
plus-minus &#177; ± &plusmn; ±
superscript 2 &#178; ² &sup2; ²
superscript 3 &#179; ³ &sup3; ³
acute accent &#180; ´ &acute; ´
micro &#181; µ &micro; µ
pilcrow &#182; ¶ &para; ¶
middle dot &#183; · &middot; ·
cedilla &#184; ¸ &cedil; ¸
superscript 1 &#185; ¹ &sup1; ¹
masculine ordinal &#186; º &ordm; º
right angle quote (guillemotright) &#187; » &raquo; »
one quarter &#188; ¼ &frac14; ¼
one half &#189; ½ &frac12; ½
three quarters &#190; ¾ &frac34; ¾
inverted question mark &#191; ¿ &iquest; ¿
Capital A grave &#192; À &Agrave; À
Capital A acute &#193; Á &Aacute; Á
Capital A circumflex &#194; Â &Acirc; Â
Capital A tilde &#195; Ã &Atilde; Ã
Capital A umlaut &#196; Ä &Auml; Ä
Capital A ring &#197; Ã… &Aring; Ã…
Capital A-E ligature &#198; Æ &AElig; Æ
Capital C cedilla &#199; Ç &Ccedil; Ç
Capital E grave &#200; È &Egrave; È
Capital E acute &#201; É &Eacute; É
Capital E circumflex &#202; Ê &Ecirc; Ê
Capital E umlaut &#203; Ë &Euml; Ë
Capital I grave &#204; Ì &Igrave; Ì
Capital I acute &#205; Í &Iacute; Í
Capital I circumflex &#206; ÃŽ &Icirc; ÃŽ
Capital I umlaut &#207; Ï &Iuml; Ï
Capital ETH Icelandic &#208; Ð &ETH; Ð
Capital N tilde &#209; Ñ &Ntilde; Ñ
Upercase O grave &#210; Ã’ &Ograve; Ã’
Capital O acute &#211; Ó &Oacute; Ó
Capital O circumflex &#212; Ô &Ucirc; Û
Capital O tilde &#213; Õ &Otilde; Õ
Capital O umlaut &#214; Ö &Ouml; Ö
Capital O
slash
&#216; Ø &Oslash; Ø
Capital U grave &#217; Ù &Ugrave; Ù
Capital U acute &#218; Ú &Atilde; Ã
Capital U circumflex &#219; Û &Atilde; Ã
Capital U umlaut &#220; Ü &Uuml; Ü
Capital Y acute &#221; Ý &Yacute; Ý
Capital Thorn
Icelandic
&#222; Þ &THORN; Þ
small sharp s
German
&#223; ß &szlig; ß
small a grave &#224; Ã &agrave; Ã
small a acute &#225; á &aacute; á
small a circumflex &#226; â &acirc; â
small a tilde &#227; ã &atilde; ã
small a umlaut &#228; ä &auml; ä
small a ring &#229; å &aring; å
small a-e ligature &#230; æ &aelig; æ
small c cedilla &#231; ç &ccedil; ç
small e grave &#232; è &egrave; è
small e acute &#233; é &eacute; é
small e circumflex &#234; ê &ecirc; ê
small e umlaut &#235; ë &euml; ë
small i grave &#236; ì &igrave; ì
small i acute &#237; í &iacute; í
small i circumflex &#238; î &icirc; î
small i umlaut &#239; ï &iuml; ï
small eth Icelandic &#240; ð &eth; ð
small n tilde &#241; ñ &ntilde; ñ
small o grave &#242; ò &ograve; ò
small o acute &#243; ó &oacute; ó
small o circumflex &#244; ;ô &ocirc; ô
small o tilde &#245; õ &otilde; õ
small o umlaut &#246; ö &ouml; ö
division &#247; ÷ &divide; ÷
multiplication &#215; × &times; ×
small o slash &#248; ø &oslash; ø
small u grave &#249; ù &ugrave; ù
small u acute &#250; ú &uacute; ú
small u circumflex &#251; û &ucirc; û
small u umlaut &#252; ü &uuml; ü
small y acute &#253; ý &yacute; ý
small thorn Icelandic &#254; þ &thorn; þ
small y umlaut &#255; ÿ &yuml; ÿ

Tag:
Pubblicato in Webdesign | Nessun commento »

Get Adobe Flash playerPlugin by wpburn.com wordpress themes