Observa la estructura CSS de un sitio web con CSS Evolve
CSS Evolve te deja jugar con todas las propiedades de cualquier sitio web: el color de la plantilla, bordes, fuentes y mucho más. Como su nombre lo indica, CSS Evolve es un proceso de evolución simulada que nos permitirá seleccionar las características que más te gusten de tu sitio y poder perfeccionarlas. Es una herramienta … Lee más!
Facilitar la comprobación cross-browser
Casi siempre que diseñamos un proyecto debemos ir comprobando navegador por navegador para ver si la maquetación es correcta en todos ellos, no hay fallos en el diseño, imágenes malformadas, etc. Esto a la larga puede ser demasiado duro ya que nos terminamos cansando. Se denomina cross-browser cuando un diseño se ve exactamente igual en … Lee más!
Columnas con la misma altura mediante CSS
Siempre queremos que el diseño de nuestro sitio web tengamos una tendencia absoluta a la perfección, hay a veces que no es posible (no me refiero a la sintáxis del código fuente) y, por ejemplo, las columnas de contenido no quedan a la misma altura, quedando un diseño horrible. Esto se puede arreglar con Javascript, … Lee más!
Guía sobre los frameworks CSS
Leyendo un artículo interesante sobre cuando usar un framework CSS me ha gustado y he querido compartirlo con vosotros. ¿Qué es un framework CSS? Es una librería pensada para poder estandarizar nuestras páginas más comodamente y de forma sencilla. Con el uso de frameworks podemos conseguir soluciones para estandarizar nuestras páginas y conseguir el mismo … Lee más!
Guía sobre el uso de las fuentes en la Web
La fuente juega un papel fundamental en el diseño de nuestro sitio web, ya sea su diseño interior o exterior. Esto es así porque de ella dependerá que un lector abandone la página por culpa de la ceguera de esta, o siga leyendo. (Esto se conoce como percepción del observador). En esta entrada se resumen … Lee más!
Lista de trucos con CSS3
Ya anunciamos hace poco otra lista de trucos con CSS3 en donde se aprendía a crear degradados, aplicar sombra cualquier texto, bordes redondeados…, pero en esta entrada se aplican algunos más. Aquí aprenderemos a redimensionar elementos, aplicar sombra y cambiar la transparencia con CSS3.
Prevenir doble margin y padding en IE 6 cuando usamos CSS Float
IE 6 crea un doble margin y padding cuando usamos dicha propiedad en dos divs flotantes que caen al lado del otro. El problema En este código IE 6 lo leerá incorrectamente y creará doble margin y padding en nuestro elemento: #global-column-1 { margin:0 0 0 33px; padding:0 20px 0 0; width:255px; float:left; } #global-column-2 … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
