Articoli con attributo ‘Webdesign’
Risoluzione video e siti Web
Scritto da Alex il 5 maggio 2010 – 1:42 pmNel 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: google, Internet, Webdesign
Pubblicato in Internet, Webdesign | Nessun commento »
Generatore di progressbar animate in formato GIF
Scritto da Alex il 23 dicembre 2009 – 12:00 am
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: Internet, sviluppo, Webdesign
Pubblicato in Internet, programmazione | Nessun commento »
Cymbolism – associazione di parole e colori
Scritto da Alex il 4 ottobre 2008 – 12:17 pmSe doveste progettare un sito che dia la sensazione di “felicità ” a prima vista, che colori scegliereste ?

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: siti web, Webdesign
Pubblicato in Internet, programmazione, Webdesign | Nessun commento »
HTML e caratteri speciali
Scritto da Alex il 24 giugno 2008 – 4:28 pmI 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: Webdesign
Pubblicato in Webdesign | 1 commento »








