Che sia un blog, una vetrina aziendale o un ecommerce, è possibile tracciare alcune regole generali per la realizzazione di un sito che incideranno notevolmente sul suo successo. Quali sono, perchè sono importanti e come fare per rispettarle?
Volete creare una pagina web, un sito o un layout digitale ma nn riuscite a trovare uno spunto per organizzare il vostro foglio di lavoro in Photoshop? Ecco qui alcuni veloci consigli che vi potrebbero aiutare a creare un layout pulito ed ordinato.
Qualcosa sul Blog di Artera è cambiato: nuova grafica, nuovo layout, tutto più chiaro e di facile lettura: i post più recenti in evidenza assieme alle immagini. Alla tua destra puoi ricercare i tuoi contenuti molto più facilmente grazie alle categorie, ai tag e alla ricerca.
Nello sviluppo di un sito a volte è necessario dover ridimensionare una serie di immagini da un formato all’altro: per una gallery, per una serie di banner, o anche solo per archivio. Automatizziamo la procedura con Photoshop.
L’Html 5 è il nuovo standard che presto o tardi permetterà un salto di qualità nello sviluppo di siti e applicazioni web. Il linguaggio introduce un serie di nuove funzionalità e tag che permettono la realizzazione di effetti grafici e non solo molto interessanti ed avanzati.
Sul nostro blog abbiamo approfondito in più occasioni i diversi aspetti di questo nuovo linguaggio. Iniziando dalle basi ci siamo spinti fino alla realizzazione di script più complessi cercando di capirne e sfruttarne al massimo le potenzialità. Di seguito ripercorriamo tutti i tutorial dedicati a questo nuovo standard partendo dall’analisi delle relative specifiche e delle principali novità.
Ritorniamo a parlare di conversione di una proposta grafica in una pagina HTML + CSS funzionale. Di tempo ne è passato, in questo anno tanti strumenti sono cambiati e sono emersi diversi modi di affrontare il flusso di lavoro per ottenere risultati differenti. Sono tuttavia convinto che il metodo di approccio che abbiamo visto nei post precedenti sia ancora un buon inizio per prendere confidenza con gli strumenti.
Oggi vorrei fare un po’ di pratica e qualche esperimento riguardante background-image e la sua applicazione con immagini multiple.
In particolare mi piacerebbe avere un elemento che possa essere allungato e allargato nel suo contenuto senza accrocchi particolari o limitazioni, senza scomodare Javascript.
Nell’ultimo post ho avuto modo di giocare con le trasformazioni del canvas. Mi è venuto in mente che potesse essere utile avere una classe in mootools che prendesse un’immagine presente nella pagina e mi desse la possibilità di fare un flip orizzontale (o verticale della stessa) per ogni evenienza.
Nello scorso articolo abbiamo parlato dei vantaggi e degli svantaggi di usare un approccio ai CSS3 rispetto ad un approccio classico ed abbiamo infine vestito l’header della nostra pagina di esempio. Oggi completiamo la parte mancante dell’header della nostra pagina utilizzando di nuovo alcune proprietà CSS3 senza ripeterci sui problemi di compatibilità ma confidando che questi nel lungo periodo diventino lo standard.
Ci siamo lasciati molto tempo fa con un articolo della serie riguardante la strada dalla proposta grafica alla pagina finita. Eravamo arrivati a strutturare la pagina web completa senza immagini di sfondo applicate.
Definiti gli elementi HTML, ora però dobbiamo vestirli: vediamo come.
Fino ad oggi ho basato la struttura della pagina web tipo su una griglia con larghezza di 960px divisa in 12 o 16 colonne a seconda dell’esigenza del sito e con un gutter (la divisione tra due colonne) di 20px. Quando si tratta di un sito o un’interfaccia con contenuti limitati questa divisione degli spazi rappresenta un buon compromesso per comodità/versatilità della struttura.
WordPress 3.0 (al giorno 11/10/2010 alla versione 3.0.1), nome in codice Thelonious“, è l’ultima ed acclamata versione del noto CMS per creare blog.Le caratteristiche che il prodotto mette in mostra sono essenzialmente 3: leggerezza e pulizia del codice, facile gestione, potenza della piattaforma. Analizziamole meglio.
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 è: …
