La realtà riconosciuta del Web 2.0 ha scisso definitivamente la rappresentazione grafica di una pagina dal codice dietro le quinte, un divario ormai necessario data la complessità degli attuali siti, che puntano sempre più sull’interazione con l’utente e sul dinamismo in generale.
La figura del web designer si allontana sempre più da quella del grafico esperto e si avvicina alla natura programmatica del web developer, dovendo anche comprendere le necessità di chi sviluppa, cosa sviluppa e soprattutto per chi.
Il CSS (Cascading Style Sheet), nato come ausilio del grafico per colorare facilmente i testi all’interno delle pagine, si è evoluto in un potente strumento di rendering visuale via codice, semplificando la vita al grafico web, che non è più costretto a limitare la propria creatività dentro gli stretti bordi delle tabelle, e al programmatore, che non deve più preoccuparsi di pericolose modifiche strutturali dovute ad output non precalcolati.
E questa figura di mezzo, un po’ creativa, un po’ sviluppatrice, prende sempre più consistenza e spessore: ecco quindi qualche consiglio sul CSS per i web designer esperti e non.
Leggi il resto di CSS: regole e consigli utili »
Cerca:
CSS,
CSS consigli,
CSS regole,
CSS templateRitieni questo post utile o interessante?
Condividi e Segnala
Leggi anche:
Postato il: July 6th, 2008 | Categoria: CSS e webdesign | 2 Comments »
Il classico problema del webdesigner è mantenere la coerenza del proprio design sulla moltitudine di browser in circolazione: il rendering della pagina viene più che altro influenzato dalle impostazioni di default del programma, per questo è nata l’esigenza della tecnica denominata CSS Reset.
Solitamente basta inserire questa riga al nostro CSS in primissima posizione per risolvere la maggior parte dei problemi:
* {margin: 0;padding: 0;}
basta questa riga per dire al browser di azzerare i valori di margine esterno e interno di tutti gli elementi HTML.
Questa semplice ma radicale soluzione di CSS reset ha comunque qualche effetto collaterale come un discreto peso sull’engine del browser (ma ne terrei conto solo in siti veramente pregni di elementi HTML) e l’eliminazione di ogni stile di default.
Per cui eccovi altre 2 soluzioni più complete ed elaborate.
Leggi il resto di CSS Reset: il tuo stile uguale su tutti i browser »
Cerca:
CSS layout,
CSS reset,
CSS template,
elementi html,
stile CSSRitieni questo post utile o interessante?
Condividi e Segnala
Leggi anche:
Postato il: February 28th, 2008 | Categoria: CSS e webdesign | No Comments »
La noia più grande per un webdesigner patito di CSS è il solito imperituro problema di compatibilità tra i vari browser, cosa che ci costringe a lavorare con ALMENO 2 finestre di anteprima aperte: Firefox e Internet Explorer 7.
Nel mondo dei browser per PC Mozilla si sta facendo strada e supera il browser predefinito di Windows non solo sulle macchine degli sviluppatori ma anche su quelle dei clienti nemmeno troppo smaliziati: la cosa non può che renderci felici data la maggior adesione del programma alle regole di interpretazione standard dettate dal World Wide Web Consortium (W3C).
Con la venuta di IE7 abbiamo comunque tirato un bel sospiro di sollievo nel constatare una certa somiglianza col buon vecchio Firefox nel riconoscere le proprietà del foglio di stile, nonchè per la maggiore sicurezza e stabilità.
Purtroppo però il popolo internauta che ancora usa la vecchia versione 6 di Explorer è dura a morire e la percentuale risulta ancora così alta che un webdesigner non può permettersi di trascurarla.
Com fare quindi per testare le nostre pagine su diverse versioni dello stesso browser made in Microsoft?
Leggi il resto di Come installare più versioni di Internet Explorer sul proprio PC »
Cerca:
CSS layout,
CSS template,
firefox,
IE6,
ie7,
Internet Explorer,
problemi compatibilità,
stile CSSRitieni questo post utile o interessante?
Condividi e Segnala
Leggi anche:
Postato il: February 13th, 2008 | Categoria: CSS e webdesign | No Comments »
Avete le idee e la creatività ma non sapete metterle in pratica?
Conoscete alla perfezione le tecniche del CSS ma non sapete cosa inventarvi?
Ecco una lista esauriente di CSS gallery, siti che espongono opere di giovani artisti del web, in erba e non, siti in produzione o semplici layout di esempio da cui ispirarsi “liberamente”.
Sicuramente molti di voi già conosceranno il famoso CSS Zen Garden, tanti si sono letteralmente innamorati del Cascading Style Sheet dopo la sua scoperta e hanno riscoperto la gioia di creare e colorare il web (io sono uno di quelli :) ) , se non siete tra questi date un’occhiata ai link in basso, potreste rimanere stregati, e se siete tra questi…non si finisce mai di imparare, no?
Tornate spesso a visitare questa pagina, la selezione per le migliori gallery è appena iniziata!
CSS Zen Garden
Il sito più famoso per gli amanti del CSS design e non, e un’idea molto originale e stimolante: lo stesso codice HTML ridisegnato in centinaia di modi diversi, molti i tocchi di classe.
CSS Mania
Una vetrina di oltre 7400 siti, un enorme archivio che va da Marzo 2004 ai giorni nostri..link da e verso tutto il mondo, in costante aggiornamento.
Non solo un vulcano di idee e creatività ma un libro di storia grafica del web trascorsa e attuale.
CSS Import
Altro interessante blog galleria con un archivio che parte da Giugno 2005 di quasi 2000 link, interessani le segnalazioni sulla colonna a destra.
CSS Remix
Ricchissimo portale dedicato al webdesign tramite CSS, una suggestiva vetrina dove poter segnalare e vedere votato il proprio sito, tramite registrazione di account obbligatoria.
CSS Beauty
Una grande community dietro ad un portale ricco e continuamente aggiornato, analizza il metodo CSS non solo dal punto di vista estetico ma anche da quello dell’usabilità, della standardizzazione e della flessibilità.
Tanti tutorial e news per risolvere i piccoli e grandi problemi legati alla costruzione delle nostre pagine.
Cerca:
CSS gallery,
CSS layout,
CSS template,
layout gratis,
stile CSS,
template da scaricare,
webdesign 2Ritieni questo post utile o interessante?
Condividi e Segnala
Leggi anche:
Postato il: June 27th, 2007 | Categoria: SEO, indicizzazione motori di ricerca | No Comments »
Avete le idee e la creatività ma non sapete metterle in pratica?
Conoscete alla perfezione le tecniche del CSS ma non sapete cosa inventarvi?
Ecco una lista esauriente di CSS gallery, siti che espongono opere di giovani artisti del web, in erba e non, siti in produzione o semplici layout di esempio da cui ispirarsi “liberamente”.
Sicuramente molti di voi già conosceranno il famoso CSS Zen Garden, tanti si sono letteralmente innamorati del Cascading Style Sheet dopo la sua scoperta e hanno riscoperto la gioia di creare e colorare il web (io sono uno di quelli :) ) , se non siete tra questi date un’occhiata ai link in basso, potreste rimanere stregati, e se siete tra questi…non si finisce mai di imparare, no?
Clicca sul link del menù CSS Gallery: tornate spesso a visitare questa pagina, la selezione per le migliori gallery è appena iniziata!
Cerca:
CSS gallery,
CSS layout,
CSS template,
CSS webdesignRitieni questo post utile o interessante?
Condividi e Segnala
Leggi anche:
Postato il: June 27th, 2007 | Categoria: CSS e webdesign | No Comments »