ANDREA BACCOLINI
Web designer

CSS Design Award nominated

Archivio categoria "CSS3" - 16 articoli

L’EVENTO CSS CLICK

Autore: Andrea Baccolini

Mag
27
2013
L'evento CSS Click

Traduzione dell’articolo “CSS CLICK EVENTS” del blog “CODROPS“

 
Negli ultimi anni, noi abbiamo assistito alla meravigliosa espansione di lingue per front-end soprattutto HTML, con le specifiche HTML5, e CSS con le specifiche CSS3.
Ora possiamo fare un sacco di cose che non potevamo prima senza JavaScript o immagini, come gli angoli arrotondati, i gradienti, i layout reattivi, griglie, trasparenza nei colori e tanto altro ancora.
Ma una cosa che abbiamo sempre mancante è la possibilità di gestire gli eventi di clic con i CSS.

Continua a leggere »

26.304 visite | Postato in CSS3, Click | 0

COMPRENDERE LA PROPRIETÀ CSS CLIP

Autore: Andrea Baccolini

Mar
20
2013
La propietà css clip

Traduzione dell’articolo “UNDERSTANDING THE CSS CLIP PROPERTY” del blog “CODROPS“

 
Oggi ci accingiamo a fare qualcosa di diverso: scavare in profondità una singola proprietà CSS.
La proprietà è “clip”.
Sono piuttosto sicuro che alcuni di voi non sanno nemmeno che c’è un proprietà CSS chiamato clip dal momento che probabilmente è la proprietà meno usata in tutto il mondo.

Continua a leggere »

26.195 visite | Postato in CSS3, Clip | 0

5 TRUCCHI CSS UTILI PER IL RESPONSIVE DESIGN

Autore: Andrea Baccolini

Ago
18
2012
5 trucchi utili per il responsive design

Progettare un design reattivo, ma mantenendo gli elementi visivi esteticamente equilibrati su tutti i layout breakpoint (lett. punti di interruzione”, passaggi) è un’arte.
Oggi ho intenzione di condividere 5 dei miei CSS tricks comunemente usati insieme a casi di esempio per la codifica di disegni reattivi.
Essi sono semplici proprietà CSS come il min-width, max-width, overflow e relativo valore — ma queste proprietà svolgono un ruolo importante nel design reattivo.

Continua a leggere »

29.567 visite | Postato in CSS3, Responsive | 5

CSS3: GUIDA AI @FONT-FACE

Autore: Andrea Baccolini

Ago
16
2012
@font-face

Sebbene i CSS3 @font-face siano supportati dalla maggior parte dei principali browser (IE, Firefox, Chrome e Safari), non tutti li visualizzano.
Quando ciò non avviene, il tuo font personalizzato potrebbe “rompere” il layout o “uscire dai bordi” con risultati indesiderati.
In questo articolo, vi spiegherò i problemi comuni con l’utilizzo di font personalizzati, come scegliere il web fonts safe fallback  corrispondente e come creare un perfetto stile fallback con Modernizr.

Continua a leggere »

25.115 visite | Postato in CSS3, @font-face, JQuery, Testo | 0

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


Fatal error: Uncaught ArgumentCountError: Too few arguments to function autoptimizeAttributeParser::rebuild(), 1 passed in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php on line 1238 and exactly 2 expected in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeAttributeParser.php:195 Stack trace: #0 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(1238): autoptimizeAttributeParser::rebuild() #1 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(966): autoptimizeImages->maybe_fix_missing_quotes() #2 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(923): autoptimizeImages->add_lazyload() #3 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(353): autoptimizeImages->filter_lazyload_images() #4 /home1/andreaba/public_html/wp-includes/plugin.php(206): WP_Hook->apply_filters() #5 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeMain.php(599): apply_filters() #6 [internal function]: autoptimizeMain->end_buffering() #7 /home1/andreaba/public_html/wp-includes/functions.php(5581): ob_end_flush() #8 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(353): wp_ob_end_flush_all() #9 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(377): WP_Hook->apply_filters() #10 /home1/andreaba/public_html/wp-includes/plugin.php(523): WP_Hook->do_action() #11 /home1/andreaba/public_html/wp-includes/load.php(1308): do_action() #12 [internal function]: shutdown_action_hook() #13 {main} thrown in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeAttributeParser.php on line 195