Software »
SoftLinks »
Frasi famose »

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, programmazione, Webdesign | 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 converte nell’entity corrispondente.

 

Caratteri speciali in HTML:

Carattere Entity Decimal Hex Rendering nel browser
Entity Decimal Hex
no-break space = non-breaking space      
inverted exclamation mark ¡ ¡ ¡ ¡ ¡ ¡
cent sign ¢ ¢ ¢ ¢ ¢ ¢
pound sign £ £ £ £ £ £
currency sign ¤ ¤ ¤ ¤ ¤ ¤
yen sign = yuan sign ¥ ¥ ¥ ¥ ¥ ¥
broken bar = broken vertical bar ¦ ¦ ¦ ¦ ¦ ¦
section sign § § § § § §
diaeresis = spacing diaeresis ¨ ¨ ¨ ¨ ¨ ¨
copyright sign © © © © © ©
feminine ordinal indicator ª ª ª ª ª ª
left-pointing double angle quotation mark = left pointing guillemet « « « « « «
not sign ¬ ¬ ¬ ¬ ¬ ¬
soft hyphen = discretionary hyphen ­ ­ ­ ­ ­ ­
registered sign = registered trade mark sign ® ® ® ® ® ®
macron = spacing macron = overline = APL overbar ¯ ¯ ¯ ¯ ¯ ¯
degree sign ° ° ° ° ° °
plus-minus sign = plus-or-minus sign ± ± ± ± ± ±
superscript two = superscript digit two = squared ² ² ² ² ² ²
superscript three = superscript digit three = cubed ³ ³ ³ ³ ³ ³
acute accent = spacing acute ´ ´ ´ ´ ´ ´
micro sign µ µ µ µ µ µ
pilcrow sign = paragraph sign ¶ ¶ ¶
middle dot = Georgian comma = Greek middle dot · · · · · ·
cedilla = spacing cedilla ¸ ¸ ¸ ¸ ¸ ¸
superscript one = superscript digit one ¹ ¹ ¹ ¹ ¹ ¹
masculine ordinal indicator º º º º º º
right-pointing double angle quotation mark = right pointing guillemet » » » » » »
vulgar fraction one quarter = fraction one quarter ¼ ¼ ¼ ¼ ¼ ¼
vulgar fraction one half = fraction one half ½ ½ ½ ½ ½ ½
vulgar fraction three quarters = fraction three quarters ¾ ¾ ¾ ¾ ¾ ¾
inverted question mark = turned question mark ¿ ¿ ¿ ¿ ¿ ¿
Latin capital letter A with grave = Latin capital letter A grave À À À À À À
Latin capital letter A with acute Á Á Á Á Á Á
Latin capital letter A with circumflex      Â
Latin capital letter A with tilde à à à à à Ã
Latin capital letter A with diaeresis Ä Ä Ä Ä Ä Ä
Latin capital letter A with ring above = Latin capital letter A ring Å Å Å Å Å Å
Latin capital letter AE = Latin capital ligature AE Æ Æ Æ Æ Æ Æ
Latin capital letter C with cedilla Ç Ç Ç Ç Ç Ç
Latin capital letter E with grave È È È È È È
Latin capital letter E with acute É É É É É É
Latin capital letter E with circumflex Ê Ê Ê Ê Ê Ê
Latin capital letter E with diaeresis Ë Ë Ë Ë Ë Ë
Latin capital letter I with grave Ì Ì Ì Ì Ì Ì
Latin capital letter I with acute Í Í Í Í Í Í
Latin capital letter I with circumflex Î Î Î Î Î Î
Latin capital letter I with diaeresis Ï Ï Ï Ï Ï Ï
Latin capital letter ETH Ð Ð Ð Ð Ð Ð
Latin capital letter N with tilde Ñ Ñ Ñ Ñ Ñ Ñ
Latin capital letter O with grave Ò Ò Ò Ò Ò Ò
Latin capital letter O with acute Ó Ó Ó Ó Ó Ó
Latin capital letter O with circumflex Ô Ô Ô Ô Ô Ô
Latin capital letter O with tilde Õ Õ Õ Õ Õ Õ
Latin capital letter O with diaeresis Ö Ö Ö Ö Ö Ö
multiplication sign × × × × × ×
Latin capital letter O with stroke = Latin capital letter O slash Ø Ø Ø Ø Ø Ø
Latin capital letter U with grave Ù Ù Ù Ù Ù Ù
Latin capital letter U with acute Ú Ú Ú Ú Ú Ú
Latin capital letter U with circumflex Û Û Û Û Û Û
Latin capital letter U with diaeresis Ü Ü Ü Ü Ü Ü
Latin capital letter Y with acute Ý Ý Ý Ý Ý Ý
Latin capital letter THORN Þ Þ Þ Þ Þ Þ
Latin small letter sharp s = ess-zed ß ß ß ß ß ß
Latin small letter a with grave = Latin small letter a grave à à à à à à
Latin small letter a with acute á á á á á á
Latin small letter a with circumflex â â â â â â
Latin small letter a with tilde ã ã ã ã ã ã
Latin small letter a with diaeresis ä ä ä ä ä ä
Latin small letter a with ring above = Latin small letter a ring å å å å å å
Latin small letter ae = Latin small ligature ae æ æ æ æ æ æ
Latin small letter c with cedilla ç ç ç ç ç ç
Latin small letter e with grave è è è è è è
Latin small letter e with acute é é é é é é
Latin small letter e with circumflex ê ê ê ê ê ê
Latin small letter e with diaeresis ë ë ë ë ë ë
Latin small letter i with grave ì ì ì ì ì ì
Latin small letter i with acute í í í í í í
Latin small letter i with circumflex î î î î î î
Latin small letter i with diaeresis ï ï ï ï ï ï
Latin small letter eth ð ð ð ð ð ð
Latin small letter n with tilde ñ ñ ñ ñ ñ ñ
Latin small letter o with grave ò ò ò ò ò ò
Latin small letter o with acute ó ó ó ó ó ó
Latin small letter o with circumflex ô ô ô ô ô ô
Latin small letter o with tilde õ õ õ õ õ õ
Latin small letter o with diaeresis ö ö ö ö ö ö
division sign ÷ ÷ ÷ ÷ ÷ ÷
Latin small letter o with stroke = Latin small letter o slash ø ø ø ø ø ø
Latin small letter u with grave ù ù ù ù ù ù
Latin small letter u with acute ú ú ú ú ú ú
Latin small letter u with circumflex û û û û û û
Latin small letter u with diaeresis ü ü ü ü ü ü
Latin small letter y with acute ý ý ý ý ý ý
Latin small letter thorn þ þ þ þ þ þ
Latin small letter y with diaeresis ÿ ÿ ÿ ÿ ÿ ÿ

Tag:
Pubblicato in Webdesign | 1 commento »