Categoria: Tutoriales

CSS Refresh: Detecta y visualiza los cambios en CSS

Cuando estamos modificando o actualizando el código CSS de algún sitio Web uno suele realizar las siguientes tareas: 1.- Abrir el nuestra aplicación FTP. 2.- Abrir el archivo CSS en nuestro editor preferido. 3.- Hacer los cambios en el archivo CSS. 4.- Guardar los cambios. 5.- Ir al navegador y recargar la pagina para ver los cambios. Esto uno lo puede hacer en repetidas ocasiones lo cual puede llegar a ser tedioso, pero con CSS refresh nos vamos evitar el ultimo paso, CSS Refresh es una librería en javascript la cual actualiza el navegador automáticamente… Continuar Leyendo

Tags: , , - Continuar Leyendo

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

Como saber cuanta RAM soporta tu Mac

Mas haya de fanatismos y cosas de ese estilo hay una cosa que nadie puede negar y es que en términos generales los portátiles de Apple son productos con un tiempo de vida largo, sin embargo la tecnología vuela, lo que hace 1 año era nuevo hoy ya no lo es. Los portátiles de Apple no experimentan tanto este fenómeno a menos no el primer año de vida, es quizás hasta el segundo año de vida cuando empiezas a ver que tu manzanita ya no es la niña popular del barrio. Y es ahí cuando… 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

Efecto de rayos del sol en illustrator

Mi blog lo uso a modo Bitacora, para asi guardar mis pensamientos, las cosas que me gustan, y las cosas que en un futuro me pueden servir para el trabajo, hoy les comparto como realizar un el efecto de rayos del sol de una manera rapida en illustrator. 1.- Creamos un nuevo documento, las medidas las dejo a tu criterio en mi caso cree un documento de 400px X 400px. 2.- Creamos un cuadrado para llenar nuestra área de trabajo, luego le aplicamos un fondo o degradado, en mi caso le agregue un degradado con… Continuar Leyendo

Tags: , , , - Continuar Leyendo