Archivi tag: css3

Le migliori pratiche CSS da seguire e cattive abitudini da evitare

Da un pò di tempo non dedico un pò del mio tempo a scrivere un’articolo del mio Blog, oggi finalmente l’ho trovato e vorrei riprendere il discorso parlando di CSS e la mia sfida di oggi sarà cercare di creare un set di regole CSS seguendo una determinata metodologia.

Attraverso la pratica, si dovrebbe essere in grado di evitare errori CSS. Elencheremo per darvi una mano in tal senso le migliori pratiche CSS seguire, così come le cattive abitudini da evitare.

Le Migliori Pratiche CSS

Usare CSS reset

Il diverso Rendering dei vari browser sul mercato rappresenta uno dei maggiori problemi che attualmente lo sviluppatore front-end deve affrontare quotidianamente. Infatti, Stili come margini, padding, altezze, intestazioni, dimensioni dei caratteri in base al browser utilizzato dall’utente può apparire diverso su diversi browser. L’obiettivo che vogliamo raggiungere con un foglio di stile di reset è quello di ridurre tali incongruenze, fornendo dei stili di carattere generali che possono essere modificati o addirittura estesi.

Un foglio di stile CSS di reset di riferimento uno dei migliori in circolazione è normalize.css, che potete scaricare cliccando dal precedente link. Le uniche operazioni che dovete fare è  includere il file css nella vostra pagina HTML nella sezione Head.

Continua la lettura di Le migliori pratiche CSS da seguire e cattive abitudini da evitare

Responsive Design scegliere tra CSS3 media queries e UI Framework.

Visto che è da un pò di giorni che non scrivo un nuovo articolo, oggi vorrei iniziare un’argomento nuovo che riguarda l’UX Design delle applicazioni web, introducendo un tema molto attuale qual’è il Responsive Design.

Se volete capire di cosa si tratta vi rimando ai link precedenti, per praticità cerco di essere il più semplice possibile, riguarda tecniche di Design e Css che permettono all’interfaccia grafica di adattarsi in modo perfetto sia graficamente che funzionalmente al dispositivo in uso.

Questo risulta essere di fondamentale importanza e attualità, oggi, in un mondo delle telecomunicazioni, nel quale ognuno di noi,  visualizza e usa applicazioni grafiche con numerosi dispositivi.

Attualmente esistono in merito, numerosi UI framework, framework grafici dedicati a redere facile l’approccio a questa complessa problematica, per chi come me, invece non si accontenta e vuole realizzare un suo mini framework  può costruirsene uno personalizzato tramite le cosidette  media queries messe a disposizione dalle nuove specifiche CSS3.

Continua la lettura di Responsive Design scegliere tra CSS3 media queries e UI Framework.