CSS

Códigos, hacks y tips de clases CSS

8 Métodos Utilizados de CSS Reset

8 Métodos Utilizados de CSS Reset

Los elementos (X)HTML o etiquetas tienen estilos definidos por los navegadores y esto dificulta un poco las cosas, ya que hay navegadores que muestran un H1 con un font-size y un margin muy diferente a otros y así sucesivamente.

Mantener Tu Código CSS Limpio

Mantener Tu Código CSS Limpio

Las hojas de Estilos tienen por objeto separar el estilo de una página web a partir del contenido. Eso tiene sentido por razones de control, también para el embellecimiento del código en general, nos da la facilidad de acomodar nuestro código sin tener todo en un mismo documento el cual podría resultar complicado de leer a simple vista.

Mario creado solo con CSS

Esta es una creacion de Alexander Howes a quien cito: Me sentía como poner mis habilidades CSS a prueba e intentar algo que nunca he hecho antes, pareció bastante complicado y algo siempre se puede mejorar, al igual que la “M” o incluso añadir algunas sombras y luces pero no está mal creo! Alexander no […]

Bandera Dominicana con CSS

Bandera Dominicana con CSS

Primero quiero identificar que soy Dominicano y me siento orgulloso de serlo, lo que me hace poder llevar a ustedes este pequeño ejemplo de la bandera de mi país, recientemente estoy desarrollando algunas cosas nuevas para el blog, dentro de ellas un nuevo tema, y pensando se me ocurrió esta pequeña y sencilla idea de […]

Centrar Posiciones Absolutas

Centrar Posiciones Absolutas

Cuando se está trabajando con imágenes de un menú o un logo en un sitio web, se quiere lograr una posición correcta de los elementos, para tener un buen diseño y que todo quede organizado. Este código nos ayuda a centrar los elementos que usen la propiedad position: absolute; (Posiciones Absolutas) en una hoja de […]

Redimensiona las Imágenes (En Alta Resolución)

Redimensiona las Imágenes (En Alta Resolución)

Este código nos ayuda a redimensionar las imagenes que poseen una alta resolución, sin disminuir la calidad de esta. Haciendo que las imágenes se vean mejor frente al navegador, ya que no todos los navegadores redimensionan las imágenes de forma automática. HTML [html] <img src="images/imagen.jpg" alt="texto alternativo de la imagen" class="expandir" /> [/html] CSS [css] […]