Solarized: una palette di colori per chi scrive codice
Venerdì 8 Aprile 2011 - 10:57
di napolux
Solarized è una palette di colori specificatamente pensata per chi scrive codice: lo scopo, secondo l’autore è quello di rilassare la vista e permettere una leggibilità al top.
Continua a leggere Solarized: una palette di colori per chi scrive codice
Categoria: Grafica, Lavoro | Permalink | Commenti (3)
Atlante anatomico in HTML5 e WebGL da Google
Lunedì 17 Gennaio 2011 - 09:42
di napolux
Spettacolare il bodybrowser creato da Google in HTML5 e WebGL, tecnologia che fornisce un’interfaccia di programmazione per la grafica 3D usando l’oggetto <canvas> di HTML.
Si tratta di un atlante anatomico 3D consultabile da browser compatibili. Dategli un’occhiata.
Categoria: Grafica | Permalink | Commenti (1)
Un Web designer deve conoscere HTML e CSS?
Venerdì 5 Novembre 2010 - 08:50
di napolux
La domanda del titolo vale anche come sondaggio nei vostri confronti. Un Web designer che si rispetti deve conoscere HTML e i CSS? La risposta può anche sembrare banale, ma non sempre è scontata: chi scrive infatti lavora da anni con un ottimo designer che (ahinoi) non sa scrivere codice HTML/CSS, se non basandosi su esempi e/o tutorial.
Secondo un sondaggio lanciato da Sitepoint il 70% dei lettori dice che sì, è assolutamente necessario che un Web designer sappia trasformare in codice quel che “disegna”.
Continua a leggere Un Web designer deve conoscere HTML e CSS?
Categoria: Grafica, Lavoro | Permalink | Commenti (37)
Sencha Animator, creare animazioni HTML5/CSS3
Venerdì 29 Ottobre 2010 - 10:55
di napolux
Avevamo già parlato di pubblicità, banner e animazioni HTML5/CSS3, ma Sencha (i creatori di Ext.js e Sencha Touch) questa volta alza i toni della sfida a Flash e lancia Sencha Animator.
Di cosa si tratta? Sencha Animator è un tool che permette di creare animazioni in HTML5/CSS3 utilizzando una logica “Flash”. Sulla timeline potrete disporre i vostri effetti ed elementi, muoverli e gestirne eventi e proprietà.
Continua a leggere Sencha Animator, creare animazioni HTML5/CSS3
Categoria: CSS, Grafica | Permalink | Commenti (6)
Sfondi stretch con jQuery
Giovedì 22 Luglio 2010 - 12:46
di napolux
Backstretch è un semplicissimo plugin jQuery che vi permetterà di aggiungere alle vostre pagine web un background a resize dinamico: l’immagine di sfondo scelta verrà ridimensionata in base alle dimensioni della finestra del browser, il tutto in una singola riga di codice:
$.backstretch("http://tuosito.it/immagine.jpg");
Con l’avvento di monitor ad alta risoluzione la possibilità di “riempire” tutto lo schermo con una singola immagine (di solito una fotografia) indipendentemente dalla dimensione della finestra è assolutamente irrinunciabile per tutti quei siti web che puntano sempre e comunque sull’alto impatto grafico, BackStretch risolve elegantemente e semplicemente questo problema.
Categoria: Scripting, Grafica | Permalink | Commenti (12)
La qualità delle immagini ridimensionate con HTML
Venerdì 9 Luglio 2010 - 10:31
di Cesare Lamanna
Ridimensionare un’immagine facendo ricorso ad HTML e ad attributi come width ed height non è magari una pratica da consigliare, ma ci sono situazioni in cui può essere necessario. A quel punto si pone il problema della qualità della grafica così trattata, un problema che su IE (sul quale il degrado è particolarmente evidente nelle versioni 6/7) si può risolvere utilizzando nei CSS questa regola:
img { -ms-interpolation-mode: bicubic; }
Come si vede, non si fa che adottare, preceduto dal prefisso -ms-, uno dei tanti filtri proprietari di Microsoft.
Se problemi analoghi si dovessero riscontrare su Firefox, Mozilla prevede invece l’uso della proprietà image-rendering. Per aggiustare le cose su entrambi i browser la regola potrebbe essere così definita:
img {
image-rendering: optimizeQuality; /* Firefox 3.6+; default behavior is identical, no need to specify */
-ms-interpolation-mode: bicubic; /* Internet Explorer 7.0; default in IE8+ */
}
Il codice è ripreso da questa pagina del Mozilla Developer Center che spiega nei dettagli i termini della questione e tutte le possibili alternative.
Categoria: CSS, Grafica | Permalink | Commenti (9)
Smush it! Ottimizzazione immagini da Yahoo!
Giovedì 20 Maggio 2010 - 07:04
di napolux
Ottimizzare le immagini per il web è un’arte. Difficile spesso ottenere una buona resa associata a dimensioni accettabili per il download.
Yahoo! ha da un po’ messo a disposizione dei suoi utenti Smush It, un tool che permette di ottimizzare per il web un’immagine qualsiasi pescata direttamente dall’url di origine.
Ad ottimizzazione avvenuta Smush It presenterà una piccola preview, l’url per il download dell’immagine ottimizzata e un rapporto sullo spazio “guadagnato”.
Categoria: Grafica | Permalink | Commenti (2)
Open Flash Chart 2
Lunedì 10 Maggio 2010 - 10:11
di napolux
Open Flash Chart 2 è la nuova versione di un componente Flash che permette di creare facilmente grafici interattivi nelle nostre pagine web basati su oggetti JSON.
Come funziona? Basta inserire il file SWF del componente all’interno della nostra pagina web e passare come parametro GET alla pagina il file JSON contenente i dati e la configurazione del nostro grafico.
Continua a leggere Open Flash Chart 2
Categoria: Grafica, Adobe World | Permalink | Commenta
Di PNG, JPEG e compromessi
Mercoledì 28 Aprile 2010 - 14:50
di Cesare Lamanna
Nei giorni scorsi, quando Google ha annunciato che la velocità di caricamento delle pagine è ufficialmente un fattore che influisce sul PageRank, in molti hanno fatto notare un paradosso: l’intervento di Big G arriva in un momento in cui la tendenza prevalente va nella direzione opposta a quella sintetizzabile nel binomio leggerezza/velocità. Data per scontata la disponibilità di connessioni veloci e banda larga o larghissima, molti sembrano aver di fatto dimenticato certe pratiche come quella dell’ottimizzazione della grafica, per esempio.
Così Jeffrey Zeldman:
Invece di immagini JPEG di media qualità con i loro dettagli meno importanti spazzati via per risparmiare una manciata di KB, abbiamo iniziato a usare immagini PNG di alta qualità sui nostri siti.
Con tutte le conseguenze che ne derivano rispetto al peso delle pagine.
Continua a leggere Di PNG, JPEG e compromessi
Categoria: Grafica | Permalink | Commenti (7)
Presentata Adobe Creative Suite 5 a Milano
Martedì 13 Aprile 2010 - 10:09
di napolux
Ieri sera (12 Aprile) si è tenuta a Milano la presentazione italiana della nuova Adobe Creative Suite 5. Potevamo mancare? Certo che no!
Ovviamente gli occhi (e le domande) dei presenti erano tutte per la diatriba Apple VS Adobe, che abbiamo approfondito in un altro post: vi basti sapere che Enrique Duvos (presente in qualità di Group Manager of Flash Platform Evangelism per l’area EMEA), sollecitato dai presenti ha detto chiaramente che Adobe includerà comunque il supporto ad iPhone nella suite, poi starà ad Apple fare quel che vuole della propria piattaforma.
Continua a leggere Presentata Adobe Creative Suite 5 a Milano
Categoria: Grafica, Adobe World, Web Design | Permalink | Commenta