Padroni degli strumenti di Photoshop visti nel precedente post apriamo il nostro file e visualizziamo le guide e tutti gli elementi di aiuto o chiarimento che il designer ci ha lasciato. Se ci sono livelli nascosti vediamo cosa contengono e controlliamo che non ci siano stranezze o incomprensioni da chiarire. Fatto questo iniziamo.
Oggi voglio introdurre una proprietà CSS offerta dai browser con engine Webkit. Si tratta di una proprietà non compresa nelle specifiche ufficiali del CSS3 ma che su browser con motore webkit funziona ed è molto interessante.
Come abbiamo visto nel post precedente, una volta identificata la struttura HTML, possiamo cominciare a lavorare sul CSS. Per farlo cominciamo con aprire il file PSD in Photoshop e a raccapezzarci nel mondo del programma che ha rivoluzionato il mondo dell’immagine digitale.
In molti si chiedevano quando sarebbe arrivato questo momento e possiamo dire con certezza che ora ci siamo davvero. La tecnologia negli ultimi anni ha fatto passi da giganti e all’interno del mercato sono stati presentati gli e-book, i libri virtuali del futuro che le persone possono leggere direttamente su dispositivi portatili come l’ iPad di Apple per esempio.
Wordpress è considerato da tutti come il miglior sistema di gestione contenuti (CMS) per blog, è anche vero che vi sono delle valide alternative, alternative capaci di farci gestire al meglio i nostri progetti editoriali.
Qualche anno fa Safari aveva già introdotto la feature gradient offerta da CSS3. Ora finalmente possiamo creare i gradienti per i nostri siti internet, senza dover ricorrere a immagini, adattando il nostro codice per poter risultare cross-browser (anche per IE).
Come sicuramente già sai, le specifiche CSS3 sono ancora in bozza di definizione, quindi alcune proprietà possono avere sintassi differenti tra i vari browser. Gradient è una di queste proprietà.
Da quando esiste internet, le animazioni degli elementi sulle pagine web sono sempre state gestite da script creati in Flash o Javascript.
Ora che i browser stanno evolvendo sempre più è possibile fare animazioni molto più leggere direttamente con i CSS. In questo post ne vedremo un paio realizzate con le proprietà CSS Transition.
Adobe Flex è un framework open-source e gratuito per la creazione di applicazioni web interattive (RIA – Rich Internet Applications). Flex è uno dei componenti della Piattaforma Flash di Adobe, un insieme di prodotti e tecnologie utili alla creazione ed alla distribuzione di contenuti digitali interattivi.
Continua il percorso per arrivare dalla grafica statica alla pagina web. Oggi parliamo di come derivare la struttura HTML dall’immagine proposta dal grafico. Una volta ottenuto il file a livelli per prima cosa dobbiamo cercare di individuare dal mockup quali sono gli elementi strutturali della pagina per organizzare il codice.
Ci sono principalmente due diverse scuole di pensiero sul workflow di progettazione di una proposta grafica: il primo, il più “antico e arcano” è quello di creare una proposta grafica come immagine, un mockup grafico, la seconda è quella di creare un mockup HTML studiando la grafica direttamente sulla struttura HTML.
Se vogliamo permettere ai nostri visitatori di condividere un nostro contenuto nel loro profilo di Facebook, tra le tante opzioni forniteci dal social network possiamo aggiungere alla nostra pagina un bottone “Share on Facebook” che permetta al visitatore di linkare il nostro contenuto con un commento o perlomeno delle informazioni che riguardano la pagina.
Dario propone in una lucida analisi la sua diagnosi sulla crisi che ha colpito digg, il noto sito di social news. Che i ‘retweet‘ e i ‘mi piace‘ possano essere una valida alternativa in fatto di sistemi di rating delle notizie, è tutto da dimostrare.
A company of:
©2002-2024 | ARTERA è un marchio di DHH Switzerland SA – Via Motta 18, CH-6830 Chiasso – Switzerland
info@artera.net – +41 091 682 972 7 – +39 031 391500 –
IVA: CHE-227.758.591
Il tuo indirizzo IP è: …
