Category: css

Come definire un’area stampabile per una pagina web con i CSS

On 02.06.12, In css, tutorials, by daniele

In questo tutorial vedremo come definire un’area stampabile utilizzando i CSS.

 
<html>
    <head>
<style type="text/css">
        @media print {
            body * {
                visibility:hidden;
            }
            #printable, #printable * {
                visibility:visible;
            }
            #printable { /* aligning the printable area */
                position:absolute;
                left:40;
                top:40;
            }
        }
        </style>
 
    </head>
    <body>
<div id="printable">
            printable area
 
            printable area
 
            printable area
        </div>
<div>
            Curabitur tempus hendrerit semper. Nulla vel felis est. Cras nec mattis mauris.
            Vestibulum volutpat urna viverra mi viverra non ultrices leo semper.
            Maecenas scelerisque, augue quis scelerisque aliquam, magna velit scelerisque urna,
            in aliquet …

Come rimuovere il bagliore blu sulle voci attive su Safari

On 01.29.12, In css, tutorials, by daniele

In questo semplicissimo tutorial vedremo come rimuovere il fastidioso bagliore blu che viene mostrato sulle voci attive su Safari.

 
*:focus {
    outline:none;
}
 …

Opacità Cross Browser con i CSS

On 12.08.11, In css, tutorials, by daniele

…

Hack CSS per l’opacità su IE5-8

On 11.13.11, In css, tutorials, by daniele

…

Effetto rimbalzo con i CSS

On 10.08.11, In css, tutorials, by daniele

…

CSS Prism, un ispettore dei colori CSS!

On 07.01.11, In css, links, utility, by daniele

CSS Prism Ã¨ un ispettore di colore CSS. Il suo funzionamento Ã¨ abbastanza semplice, Ã¨ necessario inserire il percorso del file CSS e il risultato sarÃ una facile scansione di tutti i colori esadecimali dal file.

I colori indesiderati possono essere modificati tramite un selettore in stile Photoshop.
Facendo vari test possiamo affermare che si tratta di un’ottimo tool che ogni webmaster deve avere!

Link: http://www.webappers.com/2011/06/24/css-prism-a-css-color-spectrum-inspector/…

 
@media only screen and (device-width: 768px) {
  /* CSS iPad per layout generale */
}
 
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* CSS iPad layout portrait */
}
 
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* CSS iPad layout landscape */
}
 …