“Tips de CSS para mejorar la usabilidad de tu sitio”

1º paso:
En Firefox, Safari y Opera puedes cambiar el aburrido color por default por otro más acorde con los colores de tu sitio, que destaque más y ayude a la visualización:

a) ::selection   { background:#c3effd; color:#000; /* Safari y Opera */ }

b) ::-moz-selection { background:#c3effd; color:#000; /* Firefox */ }
2º paso:
Firefox tiene el hábito de mostrar y ocultar la barra de scroll vertical según si el contenido de una página sobrepasa o no el alto de la ventana (el “fold”). En sitios interactivos con contenido dinámico que pueda cambiar una y otra vez, este efecto provoca un salto desagradable. De la siguiente manera podemos prevenirlo:
html { overflow-y:scroll; }
3º paso:
Aplicar esquinas redondeadas a los contenedore además de ser un cambio agradable en Firefox y Safari, también ayuda a identificar mejor los elementos.

input { -moz-border-radius:10px; -webkit-border-radius:10px; }

  • Share/Bookmark

Leave a Reply