CSS & XHTML
Monday, April 20, 2009 12:11 AM
Some weeks ago, I discussed about how to put a backround image in a hr for IE with jQuery.
I used the word "semantic" in not clear way, so I discussed, in the comment, whether HR is a semantic tag or not.
When I designed the code of my blog, I choose some tag instead of others, why?
We usually forget the history of web and HTML language, when websites were only simple white pages with text and images. A lot of time has passed and we got used to complex graphic design.
We put all of our attention in it and when we...
Sunday, February 08, 2009 10:00 PM
In this post I want to share with you a solution I found to workaround a bug/problem that IE has with <hr>: it doesn't render the background image.
For the new skin of my blog I tried to use the "good old" simple tags, which I choose based on the content.
For example I preferred to use semantic tags if they were good for the content I wanted to display, like cite and quote for a citation rather than a using a generic span. This a thing that most web designers forget: there are tons of tags, but most of us...
Monday, February 02, 2009 10:50 PM
In my past article I wrote about CSS framework. I used YUI grid, but I'm not totally satisfied with it, so I'm looking around to find a new CSS Grid to use.
Today I read this post on Noupe and I found something quite interesting:
SenCSs that can give you a basic styling for forms, common classes and typographic standard across browsers, it's very clear and basic and does not have grids;
From the comment that I had read and by what I saw the 960 Grid System and Blueprint are very good and rich...
Sunday, January 04, 2009 8:00 AM
A list apart and Smashing magazine talked about CSS framework, but an article is just words but using it is different.
So, I needed quickly (strange thing.... never happen!) to start working on a grid of a web application: this is the real great help of a framework, it helps a fast start.
In this situation I used the framework inside Dreamweaver CS3 and I chose a grid, I put the bases of my skin and during the development of whole interface I changed step by step the original template. At the end Nothing of the original grid survived.
Why? Because it's not...
Friday, August 22, 2008 10:49 AM
Ammetto che in ansia da ferie mi sono fatta sfuggire questo articolo davvvero interessante e carino sull'uso delle tabelle e il loro corretto mark-up, pubblicato qualche giorno fa su Smashing Magazine.
Sono riportati diversi stili di tabelle per altrettanti stili di proporre dati, con il relativo codice ben formattato e che rispetta gli standard.
Valeva la pena rovistare tra gli articoli dei giorni passati per recuperare questo, che sicuramente potrebbe essere un buon segnalibro da tenere presente per il futuro!
Thursday, July 03, 2008 8:52 PM
Nelle scorse settimane abbiamo analizzato i template messi a disposizione all'interno di Dreamweaver CS3 e dal Developer Network di Yahoo (YUI).
Per ultimare la panoramica dei frameworks disponibili per la costruzione di griglie in XHTML+CSS, consiglio come riferimento un articolo che da un'ampia lista di link a siti che offrono template free o open source.
Anche se quello che offre una varietà maggiore di griglie rimane YUI.
Ma é utile usarli?
La tematica é già stata affrontata su a list apart e su smashing magazine.
Dal mio punto di vista, direi che hanno l'utilità di non gettarci nel panico da foglio bianco (fast start): partire...
Friday, June 06, 2008 5:10 PM
Un paio di settimane fa ho parlato delle librerie di Dreamweaver CS3.
Nel frattempo ho avuto l'occasione di buttare un occhio anche a quelle messe a disposizione nella sezione developer di Yahoo
Non essendo inserite in nessun template legato ad uno specifico programma, è necessario trovare quelle di (X)HTML+CSS all'interno di un più ampio panorama, che comprende librerie javascript, moduli tipo calendari, etc.
Quella che contiene i template per le pagine è grid css.
All'interno della home page della sezione troviamo la presentazione dei servizi principali e a destra l'elenco dei template disponibili e la relativa documentazione.
C'è anche un simpatico tool Grid...
Wednesday, May 14, 2008 10:26 AM
Per prima cosa vorrei ringraziare tutti per il supporto e il caloroso benvenuto!
Dopo un po' che vedo in giro e ne sento parlare ho finalmente avuto l'occasione di utilizzare una libreria CSS, nel mio caso specifico quelle messe a disposizione da Dreamweaver CS3.
Il codice è fatto tutto su div, corretto in XHTML 1.0 transitional. Avevo fretta (una cosa strana!!) e trovarmi la griglia di base già pronta è stato davvero comodo. Poi alla fine, rivedendo con calma il codice, l'ho cambiato talmente tanto che non è rimasta traccia del template originale :)
Comunque vi riporto un esempio della griglia "template 2...
Monday, July 10, 2006 12:49 PM
Ebbene sì! tal Chris Lotter ha escogitato un "accrocchio" per permettere di applicare max-width anche su IE.
Nel post che ha dedicato a questo argomento, ci presenta tre possibili soluzioni di stili, da applicare ad altrettanti layout: quello fisso, quello liquido e quello "elastico".
Per elastico, intende un layout che sia fluido, ma con un limite in larghezza, il max-width.
E la novità?
Sostanzialmente quello che cambia tra i tre stili, sono queste tre righe:
FLUIDO
width: auto;
margin-left: 35px;
margin-right: 35px;
LIQUIDO
width: 1200px;
margin-left: auto;
margin-right: auto;
ELASTICO
margin-left: auto;
margin-right: auto;
max-width:1200px;
width:expression(document.body.clientWidth > 1200? "1200px" : "auto");
Questa ultima riga fa la differenza. E...
Monday, June 12, 2006 2:44 PM
Finalmente l'ho fatto, ho sostituito il doctype di DotNetNuke con quello giusto (ne avevo già parlato un mesetto fa).
Risultato? Non così devastante come paventavano i membri del team di design di DNN: a parte una fastidiosa centratura dei contenuti dell'amministrazione e qualche menù un po' spostato nulla di "inutilizzabile".
Questo con IE.
Con FF purtroppo il menù principale dell'amministrazione non è più utilizzabile, perchè i div dei sottomenù si posizionano tutti nell'angolo in alto a sinistra!
Potrei rimettere tutto come prima, ma credo sia necessario affrontare il fatto che dall'uscita del nuovo Internet Explorer, programmata per primavera 2007, gli hack usati...
Thursday, June 01, 2006 11:35 AM
To Hell with WCAG 2
Ho letto questo articolo alcuni giorni fa, ma essendomi lasciata il link come promemoria meditativo, il mio occhio continua a caderci su, quindi è arrivato il tempo di condividere questo karma :-)
Tutti conosciamo gli ardui percorsi per la validazione delle pagine secondo le regole del WCAG 1, ma qui si prevedono veramente percorsi con ostacoli sempre più insormontabili.
Insomma, ci si destreggia tra grafica, clienti e regole da rispettare, ma soprattutto le reali necessità di coloro per cui sono stati fattti questi standard; ma forse a qualcuno sta sfuggendo la panoramica globale.... beh, magari leggendo questo articolo...
Monday, May 08, 2006 9:34 AM
Certo a tutti sarà capitato di dover affrontare il problema di avere un logo, o una immagine che sostituisce una titolatura, che sia essa un H1 o un H2.
Come farlo in modo responsabile?
Dave Shea, co-autore di "Lo zen e il design CSS", ha tenuto una traccia delle...
Thursday, May 04, 2006 11:33 PM
Problema Doctype, qual'è quello giusto?
Questo problema mi tocca particolarmente, perchè Dnn purtroppo usa una dichiarazione non corretta, e nonostante ci sia la possibilità di inserire quella giusta, non è garantito che l'amministrazione poi funzioni correttamente.
Ma...
Friday, April 21, 2006 8:30 PM
Inauguro il mio blog con un tip di CSS: come si fa per posizionare un div al centro della pagina?
Tutti conoscono la metodologia basata su tabelle al 100% con i contenuti centrati al loro interno.
Ma come si fa per centrare un contenuto usando una struttura a soli ...