Cómo crear un estilo zebra en una tabla o lista

Hay muchos métodos para mostrar un estilo zebra en una tabla, lista o Div que pueden involucrar uso de jQuery, en este caso solamente lo haremos con un pequeño código en PHP. [+]

CSS

Etiquetas: Cebra, CSS, div, HTML, li, lista, php, Zebra

Como redimensionar una imagen proporcionalmente con css y no morir en el intento

Quizas alguno de nosotros en determinado momento, se nos haya ocurrido redimensionar automaticamente alguna imagen para un uso concreto, como por ejemplo, cuando escribimos un post y nuestro ancho maximo es de 650px pero nuestra imagen es de 700px, lo que podemos hacer en nuestro css, es ordenar que el ancho maximo de nuestra imagen sea de 650px, el problema con esto es que nuestra imagen quedara comprimida pero solamente horizontalmente.

[+]

CSS

CSS | 2 formas de hacer CSS Sprites

CSS sprite es una forma de ahorrarnos tiempo de carga y peso en los archivos de imágenes, guardando en una sola imagen, varias. En este caso les mostraremos dos formas de hacer CSS Sprites, los métodos son sencillos de realizar y compatibles con cualquier explorador.

[+]

CSS

Etiquetas: background, CSS, CSS sprites, imagen, margin

Estilos simples en CSS para dar el efecto de relieve

En este artículo busco hacer un breve resumen de algunas técnicas simples que nos sirven para poder dar efecto de relieve o de hundido a las secciones de nuestra página web. Con la mera utilización de códigos CSS, más específicamente, con el atributo border podemos dar un toque diferente a cada div y podemos ayudar a su correcta visualización. Ganamos por todos lados, ya que se verá muy bonito y nos dará puntos extras al optimizar nuestra página.

[+]

CSS

Etiquetas: background, border, color, CSS, efecto, estilo, hundido, linea, relieve, sobresalir, tono

CSS | Cómo hacer bordes múltiples con CSS

Si alguna vez te preguntaste como hacer bordes dobles en tus divs, este pequeño truco de CSS te ayudará a hacer bordes múltiples sin la necesidad de usar imagenes para ello y con la gran ventaja de que esta soportado por todos los exploradores.

[+]

CSS

Etiquetas: bordes, bordes multiples, CSS

CSS3 | códigos que debemos conocer para hacer paginas con CSS3

CSS3 (Cascade Style Sheet 3) es el nuevo estilo de CSS que se esta utilizando en las webs, por ahora lo podremos visualizar correctamente en Firefox, Safari, Google Chrome, Opera, etc (Internet explorer 8 o inferior no lo soporta). En este articulo mostrare los nuevos códigos CSS3 y como podremos aplicarlo en nuestra página.

[+]

CSS

Etiquetas: border-radius, box-shadow, column, css3, text-shadow

Pasar el tamaño de la fuente de pixeles a em con Em Calculator

Todos estamos acostumbrados a la utilización de pixeles para expresar las medidas de todos los valores de nuestras webs, pero no debemos olvidar que existen otras unidades que son útiles por igual. Para que el pasaje de pixeles a em no sea un asunto tedioso les dejaré una serie de herramientas para que puedan manejarse con facilidad.

[+]

CSS

Etiquetas: calcular, em, ems, equivalente, font, medidas, pasaje, pixeles, pixels, px