Categoria: CSS

Creando cuenta regresiva para navidad con CSS3 y JQuery

Hoy vamos a jugar un poco con CSS3 y un par de plugins de jQuery para crear la cuenta regresiva para una de las fechas más esperadas por muchos: La Navidad. Asi que no se diga más y veamos un poco de código. Lo primero que haremos será crear nuestra estructura HTML, la cual como se podrán dar cuenta será súper básica: en ella podemos ver dos contenedores un div llamado mensaje y otro llamado cuenta-regresiva. Mensaje contendrá un texto que dirá “Se acerca la Navidad” y en cuenta-regresiva tendremos valga la redundancia nuestra cuenta… Continuar Leyendo

Tags: , , , , - Continuar Leyendo

Galeria de Patrones con CSS3

CSS3 y HTML5 son dos tecnologías o mejor dicho un conjunto de tecnologías que sin duda están cambiando la forma en la cual se diseña y desarrolla paginas web, a su vez están permitiendo prescindir de ciertos efectos que solo eran posibles realizarlos con herramientas de diseño un ejemplo de estos son los patrones. Hasta ahora la técnica que se utiliza para poner un patrón es hacer uso de la propiedad css: background-repeat. Peto gracias a CSS3 podemos crear un patrón con solo algunas propiedades sin hacer uso de una imagen. En leaverou han creado… Continuar Leyendo

Tags: , , - Continuar Leyendo

Como crear el efecto de Letra Capital con CSS

Ultimamente he estado leyendo mucho sobre el uso correcto de las fuentes tipográficas en la Web, he de aceptar que es un apartado del diseño web al que menos atención le he prestado, pero soy consciente de la importancia que tiene. En esas lecturas he conocido un pequeño efecto, que seguramente muchos conocerán hablo de la Letra Capital, este efecto sobresalta la primera letra de un párrafo haciendo esta mas grande y con un estilo diferente al resto. Veamos como aprender a realizar este efecto de una manera muy sencilla con HTML y CSS Creamos… Continuar Leyendo

Tags: , , - Continuar Leyendo

Desarrollo web en la nube con ShiftEdit IDE

Codear desde la nube fue algo que siempre quise hacer, he estado probando herramientas que te lo permiten hacer, pero francamente ShiftEdit me ha sorprendido, su IDE para el desarrollo de aplicaciones en PHP, Ruby, HTML, CSS y Javascript con la posibilidad de intefrar un cliente FTP para al mismo tiempo subir archivos a tu host o server me ha sido de gran utilidad cuando estoy en algún fin de semana fuera de mi computador cotidiano y tengo que conectarme desde otro punto o si lo prefieres puedes utilizarlo como IDE principal. Veo que es… Continuar Leyendo

Tags: , , , - Continuar Leyendo

Errores comunes al codificar en CSS

CSS (hojas de estilo en cascada) es un lenguaje utilizado para separar el contenido del diseño en las paginas web, siempre me ha gustado su facilidad de uso, y es que en verdad la curva de aprendizaje de css es muy pequeña, lo cual permite que rápidamente estemos realizando paginas web bellas y sobre todo Usables. Dada su facilidad de uso muchas veces obtendremos los resultados deseados en lo que a presentación se refiere, pero esto no garantiza que nuestro código este optimizado o bien hecho, hoy vamos a ver algunos de los errores más… Continuar Leyendo

Tags: , , , , - Continuar Leyendo

Aprendiendo propiedades CSS3 fácilmente

CSS3 trae consigo varias acciones que ayudaran a ahorrar tiempo y sobre todo a realizar efectos visuales vistosos, sin tener que recurrir a herramientas de diseño. Por ejemplo: bordes redondeados, sombreado de texto, transparencias etc. Una de las mejores formas de aprender CSS en general es; por medio de prueba y error, quitar valores, poner valores, omitir valores, etc. Ayudan a la mejor comprensión de CSS. CSS3Generator es una pagina web, en la cual podremos jugar con algunas de las nuevas propiedades CSS3 más usadas (bordes redondeados, transparencias, sombreado de texto, etc.), bastara con seleccionar… Continuar Leyendo

Tags: , , - Continuar Leyendo