Archivio tag: css

Webkit custom scrollbar iOs style

I wanted to reproduce the look and feel of the ios scrollbar, so I played with the
::-webkit-scrollbar property.

Check out the demo, here

Here the code:

::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 30px;
display: block;
background-color: transparent;
}
::-webkit-scrollbar-track-piece {
background-color: #E9E9E9;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #999;
border: 1px solid #eee;
-webkit-border-radius: 6px;
}

Introduzione ai CSS

Un saluto a tutti gli amici di Tecnocrazia, oggi ci accingeremo ad affrontare un nuovo argomento, i CSS.
Cosa sono questi sconosciuti? Che significato ha suddetta parola? Bene, inizieremo il nostro studio partendo proprio dal significato di suddetta parola.
CSS, o meglio conosciuti come Cascade Style Sheet (Fogli di Stile a Cascata) o semplicemente fogli di stile. Vengono utilizzati per definire le rappresentazioni dei documenti HTML, XHTML e XML. Per utilizzare i CSS (d’ora in poi utilizzeremo questa sigla per riferirci ai fogli di stile) bisogna attenersi a delle regole che sono contenute in un insieme di direttive emanate dalla W3C. L’introduzione hai CSS è stata resa necessaria per esigenze di sintattico-grafico, cioè per dare la possibilità di rendere la formattazione più chiara e con la possibilità di separare i contenuti dei documenti, così da rendere la programmazione più chiara sia per i programmatori che per gli utenti.

Continua a leggere