ANDREA BACCOLINI
Web designer

CSS Design Award nominated

Archivio categoria "CSS3" - 16 articoli

* { Box-sizing: Border-box } FTW

Autore: Andrea Baccolini

Feb
17
2014
CSS 3

Traduzione dell’articolo “* { Box-sizing: Border-box } FTW” del blog “Paul Irish I make the www fun.

 
Uno dei miei casi preferiti, almeno su layout con i CSS, è il rapporto tra larghezza e padding.
Ti sei occupato di definire le larghezze da abbinare alla tua griglia o proporzioni generali di colonna, poi si inizia ad aggiungere testo, che richiede la definizione di padding per quei box. E’ ecco, ora stai sottraendo pixel dalla vostra larghezza originale in modo che la larghezza non si espanda.

Continua a leggere »

TECNICHE PER UNA TIPOGRAFIA RESPONSIVE – 2° parte

Autore: Andrea Baccolini

Dic
18
2013
Responsive Typografia

(continua dall’articolo precedente TECNICHE PER UNA TIPOGRAFIA RESPONSIVE 1° parte)

RENDERE IL CORPO DEL TESTO RESPONSIVE

Quando si tratta di fare il corpo del testo reattivo, ci sono alcune note importanti da tenere a mente.
Non solo si deve ridimensionare il testo per adattarlo al suo contenitore, pur mantenendo un’ottima leggibilità e la lunghezza delle linee ragionevoli, ma è necessario ricordarsi di conservare ritmo verticale e interlinea (spazio tra linee) flessibili, assicurarsi che il testo scali bene su schermi ad alta risoluzione, che può essere facilmente modificata dall’utente.

Continua a leggere »

TECNICHE PER UNA TIPOGRAFIA RESPONSIVE – 1° parte

Autore: Andrea Baccolini

Nov
29
2013
Responsive Typografia

Traduzione dell’articolo “TECHNIQUES FOR RESPONSIVE TYPOGRAPHY” del blog “CODROPS

 
Uno degli aspetti più importanti del responsive web design è la tipografia reattiva.
Quando si tratta di tipo reattivo sul web, non c’è solo il ridimensionamento del contenitore del testo ma anche quello del testo al suo interno.
Dalla scelta di un tipo di font e colore, altezze di linea per raggiungere le dimensioni leggibili dei caratteri e lunghezze di linea su diverse dimensioni dello schermo, ci sono diversi modi per il raggiungimento di un testo fluido e veramente reattivo sul web.

Continua a leggere »

USIAMO IL :BEFORE E :AFTER PSEUDO ELEMENTI NEL CSS

Autore: Andrea Baccolini

Set
06
2013
CSS 3

Traduzione dell’articolo “Learning To Use The :before And :after Pseudo-Elements In CSS” del blog “Smashingmagazine

 
Se avete tenuto sotto controllo vari blog di Web design, probabilmente avete notato che gli pseudo-elementi “:before” e “:after” sono stati sempre sempre sotto attenzione nel panorama di sviluppo front-end – e per una buona ragione .
In particolare, gli esperimenti di un blogger – vale a dire, Nicolas Gallagher sviluppatore con sede a Londra – hanno dato agli pseudo-elementi un po’ di risalto in ritardo.

Continua a leggere »

Andrea Baccolini | Web designer Copyright 2012 - 2024 © Responsive design - Seguimi su Facebook - CF:BCCNDR76P08D325K.