Dithering, Overflow, Colors i Posicionament CSS: Guia Essencial

Dithering: Simulació de Colors en Imatges

El dithering simula una zona d’un color que no tenim a la paleta (de 256 colors) intercalant píxels amb colors de la paleta. D’aquesta forma, l'ull humà interpola (suma) els colors al color desitjat, produint un efecte visual en el qual l'ull pot percebre més colors dels que en realitat hi ha.

• S'usa principalment en imatges amb paleta de 256 colors, com ara les imatges .gif.
• L'ús del dithering permet comprimir la imatge, fent que ocupi menys memòria.

Propietat CSS Overflow: Gestió de Contingut

Les divisions amb una amplada i alçada determinada poden mostrar tot el contingut si tenen suficient espai. La propietat overflow ens permet definir el comportament que es donarà quan no es pugui veure tot el contingut perquè la capa no és suficientment gran.

Hi ha quatre possibilitats:

1. Per defecte (no definida): El contingut fora de les dimensions de la capa es mostra fora de les dimensions de la capa, solapant-se amb altres continguts.
2. overflow: hidden;: El contingut fora de les dimensions de la capa no es pot veure.
3. overflow: scroll;: El contingut fora de les dimensions de la capa es pot veure perquè apareixen unes barres de desplaçament (scroll) horitzontal i vertical que permeten convertir la capa en una finestra.
4. overflow: auto;: El contingut fora de les dimensions de la capa es pot veure perquè apareixen les barres de desplaçament (scroll) horitzontal i/o vertical si calen.

Models de Color Essencials

Model RGB (Additiu)

El color s'obté per la suma dels colors de fonts emissores de llum (vermell, verd i blau).

Model CMYK (Substractiu)

El color s'obté barrejant pigments que absorbeixen (resten) freqüències de l’espectre visible (cian, magenta, groc i negre).

Models HSL i HSV

Basats en les característiques pròpies del color: Hue (to), Saturation (saturació) i Value (valor) o Lightness (lluminositat).

Imatges de Mapa de Bits (Bitmap)

Les imatges de "mapa de bits" són les imatges fotogràfiques. Cada píxel té un color, i per tant, genera una quadrícula amb els diferents colors dels quals se n'extreu la paleta corresponent.

Profunditat de Color

La profunditat de color és el nombre de bits necessaris per codificar un píxel (nombre de colors) per generar el color d’un píxel.

• 24 bits (RGB): Permet 16,7 milions de colors diferents (considerat "color real").

Colors Web Safe 216

Hi ha 216 colors diferents que són considerats "web safe". Els altres 40 colors són els colors propis que usa el sistema operatiu per al sistema de finestres.

Propietat CSS Position: Tipus de Posicionament

La propietat position de CSS defineix com un element es posiciona en el document.

position: static;

És el valor per defecte. La posició la determina el flux normal del codi HTML de la pàgina. Les propietats top, bottom, left i right són ignorades.

position: relative;

Els valors de top, bottom, left i right modifiquen la posició que li pertocaria com a static, respecte a la seva posició original.

position: absolute;

Els valors de top, bottom, left i right fan referència a la posició respecte a la primera capa pare que té una posició determinada (fixed, relative o absolute).

position: fixed;

Els valors de top, bottom, left i right fan referència a la posició respecte al viewport (la finestra del navegador). La capa fixa no canvia de posició encara que es faci scroll a la pàgina.