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, Webdesign, programmazione | 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 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 | < | < | < | < |
| greater-than | > | > | > | > |
| vertical bar | | | | | (n/a) | (n/a) |
| function | ƒ | Æ’ | (n/a) | (n/a) |
| double comma | „ | „ | (n/a) | (n/a) |
| elipses | … | … | (n/a) | (n/a) |
| dagger | † | †| (n/a) | (n/a) |
| double dagger | ‡ | ‡ | (n/a) | (n/a) |
| circumflex | ˆ | ˆ | (n/a) | (n/a) |
| percentage | ‰ | ‰ | (n/a) | (n/a) |
| Capital S hot check | Š | Å | (n/a) | (n/a) |
| opening quimet | ‹ | ‹ | (n/a) | (n/a) |
| Capital O-E ligature | Œ | Å’ | Œ | Å’ |
| (n/a) |  |  | (n/a) | (n/a) |
| open single quote | ‘ | ‘ | (n/a) | (n/a) |
| close single quote | ’ | ’ | (n/a) | (n/a) |
| open double quotes | “ | “ | (n/a) | (n/a) |
| close double quotes | ” | †| (n/a) | (n/a) |
| bullet | • | • | • | • |
| en dash | – | – | (n/a) | (n/a) |
| em dash | — | — | (n/a) | (n/a) |
| tilde | ˜ | Ëœ | ˜ | Ëœ |
| trade mark | ™ | â„¢ | ™ | â„¢ |
| small s hot check | š | Å¡ | (n/a) | (n/a) |
| closing quimet | › | › | (n/a) | (n/a) |
| small o-e ligature | œ | Å“ | œ | Å“ |
| Capital Y umlat | Ÿ | Ÿ | Ÿ | Ÿ |
| non-breaking space |   | Â | | Â |
| inverted exclamation | ¡ | ¡ | ¡ | ¡ |
| cent | ¢ | ¢ | ¢ | ¢ |
| pound sterling | £ | £ | £ | £ |
| currency | ¤ | ¤ | ¤ | ¤ |
| yen | ¥ | Â¥ | ¥ | Â¥ |
| broken bar | ¦ | ¦ | &brkbar; | &brkbar; |
| section | § | § | § | § |
| umlaut (diaeresis) | ¨ | ¨ | ¨ | ¨ |
| copyright | © | © | © | © |
| feminine ordinal | ª | ª | ª | ª |
| left angle quote (guillemotleft) | « | « | « | « |
| not sign | ¬ | ¬ | ¬ | ¬ |
| soft hyphen | ­ | Â | ­ | Â |
| registered | ® | ® | ® | ® |
| macron | ¯ | ¯ | &hibar; | &hibar; |
| degree | ° | ° | ° | ° |
| plus-minus | ± | ± | ± | ± |
| superscript 2 | ² | ² | ² | ² |
| superscript 3 | ³ | ³ | ³ | ³ |
| acute accent | ´ | ´ | ´ | ´ |
| micro | µ | µ | µ | µ |
| pilcrow | ¶ | ¶ | ¶ | ¶ |
| middle dot | · | · | · | · |
| cedilla | ¸ | ¸ | ¸ | ¸ |
| superscript 1 | ¹ | ¹ | ¹ | ¹ |
| masculine ordinal | º | º | º | º |
| right angle quote (guillemotright) | » | » | » | » |
| one quarter | ¼ | ¼ | ¼ | ¼ |
| one half | ½ | ½ | ½ | ½ |
| three quarters | ¾ | ¾ | ¾ | ¾ |
| inverted question mark | ¿ | ¿ | ¿ | ¿ |
| Capital A grave | À | À | À | À |
| Capital A acute | Á | Ã | Á | Ã |
| Capital A circumflex |  | Â |  | Â |
| Capital A tilde | à | Ã | à | Ã |
| Capital A umlaut | Ä | Ä | Ä | Ä |
| Capital A ring | Å | Ã… | Å | Ã… |
| Capital A-E ligature | Æ | Æ | Æ | Æ |
| Capital C cedilla | Ç | Ç | Ç | Ç |
| Capital E grave | È | È | È | È |
| Capital E acute | É | É | É | É |
| Capital E circumflex | Ê | Ê | Ê | Ê |
| Capital E umlaut | Ë | Ë | Ë | Ë |
| Capital I grave | Ì | ÃŒ | Ì | ÃŒ |
| Capital I acute | Í | Ã | Í | Ã |
| Capital I circumflex | Î | ÃŽ | Î | ÃŽ |
| Capital I umlaut | Ï | Ã | Ï | Ã |
| Capital ETH Icelandic | Ð | Ã | Ð | Ã |
| Capital N tilde | Ñ | Ñ | Ñ | Ñ |
| Upercase O grave | Ò | Ã’ | Ò | Ã’ |
| Capital O acute | Ó | Ó | Ó | Ó |
| Capital O circumflex | Ô | Ô | Û | Û |
| Capital O tilde | Õ | Õ | Õ | Õ |
| Capital O umlaut | Ö | Ö | Ö | Ö |
| Capital O slash |
Ø | Ø | Ø | Ø |
| Capital U grave | ٠| Ù | ٠| Ù |
| Capital U acute | Ú | Ú | à | Ã |
| Capital U circumflex | Û | Û | à | Ã |
| Capital U umlaut | Ü | Ü | Ü | Ü |
| Capital Y acute | Ý | Ã | Ý | Ã |
| Capital Thorn Icelandic |
Þ | Þ | Þ | Þ |
| small sharp s German |
ß | ß | ß | ß |
| small a grave | à | Ã | à | Ã |
| small a acute | á | á | á | á |
| small a circumflex | â | â | â | â |
| small a tilde | ã | ã | ã | ã |
| small a umlaut | ä | ä | ä | ä |
| small a ring | å | Ã¥ | å | Ã¥ |
| small a-e ligature | æ | æ | æ | æ |
| small c cedilla | ç | ç | ç | ç |
| small e grave | è | è | è | è |
| small e acute | é | é | é | é |
| small e circumflex | ê | ê | ê | ê |
| small e umlaut | ë | ë | ë | ë |
| small i grave | ì | ì | ì | ì |
| small i acute | í | Ã | í | Ã |
| small i circumflex | î | î | î | î |
| small i umlaut | ï | ï | ï | ï |
| small eth Icelandic | ð | ð | ð | ð |
| small n tilde | ñ | ñ | ñ | ñ |
| small o grave | ò | ò | ò | ò |
| small o acute | ó | ó | ó | ó |
| small o circumflex | ô | ;ô | ô | ô |
| small o tilde | õ | õ | õ | õ |
| small o umlaut | ö | ö | ö | ö |
| division | ÷ | ÷ | ÷ | ÷ |
| multiplication | × | × | × | × |
| small o slash | ø | ø | ø | ø |
| small u grave | ù | ù | ù | ù |
| small u acute | ú | ú | ú | ú |
| small u circumflex | û | û | û | û |
| small u umlaut | ü | ü | ü | ü |
| small y acute | ý | ý | ý | ý |
| small thorn Icelandic | þ | þ | þ | þ |
| small y umlaut | ÿ | ÿ | ÿ | ÿ |
Tag: Webdesign
Pubblicato in Webdesign | Nessun commento »









