Mostrar un gif mientras carga la página

mostrar un gif mientras carga la página jonathanmelgoza

Muchas veces en nuestros proyectos web es necesario mostrar un gif mientras carga la página debido a que tal vez incluye muchas imágenes o unicamente por darle un poco más de estetica o profesionalismo a nuestro proyecto, hoy vamos a ver como hacerlo de la manera más fácil posible con ayuda de una linea HTML, un poco de estilo CSS y por supuesto JQuery para algo de funcionalidad.

Leer másMostrar un gif mientras carga la página

Como agregar banners laterales de publicidad

como agregar banners laterales de publicidad jonathanmelgoza

¿Quieres agregar banners laterales de publicidad en tu sitio? ¿No sabes como hacerlo? No te preocupes, sin importar si tu sitio web es desarrollado desde cero o mediante algun CMS como Joomla o WordPress tengo la solución para ti, lo único que necesitaremos es acceso a editar nuestro codigo HTML, CSS y JQuery.

Leer másComo agregar banners laterales de publicidad

Cambiar el color de selección con CSS

cambiar el color de seleccion con css jonathanmelgoza

¿Tienes un sitio web? ¿Deseas personalizarlo al máximo con los colores de tu marca? Hoy vamos a hablar sobre un efecto CSS para darle un toque más personalizado a nuestro sitio web, te mostraré como cambiar el color de selección con CSS para utilizar los colores de tu marca o negocio.

Leer másCambiar el color de selección con CSS

Añadir un icono Font Awesome en un encabezado con CSS

como añadir un icono font awesome en un encabezado jonathanmelgoza

¿Tienes un blog en Internet? ¿Te gustaría personalizar tus encabezados con iconos Font Awesome automaticamente? Hoy vamos a ver como añadir un icono Font Awesome en un encabezado con CSS automaticamente sin tener que añadirlo manuelmente cada que tengamos un nuevo h1, h2, h3, etc.. ¿Quieres aprender como hacerlo? Sigue leyendo..

Leer másAñadir un icono Font Awesome en un encabezado con CSS

Crear animaciones con CSS

crear-animaciones-con-css-jonathanmelgoza

Hoy vamos a ver como crear animaciones con CSS de forma sencilla y rápida con total compatibilidad para los navegadores de hoy, en otras palabras, hoy  veremos KeyFrames en css. ¿Alguna vez quisiste darle un poco de animación a tu web sin tener que recurrir a pesadas imágenes gif? Pues hoy veremos los keyframes en css y como animar un poco tu web para hacerla mas atractiva para la vista de nuestros lectores, desde simples movimientos hasta algo un poco mas complejo, ¿Estas listo?

Leer másCrear animaciones con CSS

Como Crear Tips de Ayuda con CSS

como crear tips de ayuda con css jonathanmelgoza

Muchas veces una pagina web necesita mostrar un poco de información de ayuda a los lectores, es por eso que hoy te presento este tutorial sobre como crear tips de ayuda haciendo uso de css y por supuesto html. Estos tips de ayuda son importantes porque limpian un poco la estética de la web al no tener toda la información amontonada en un solo lugar, en cambio, si el usuario considera oportuno deja de ser oculta para ser mostrada elegantemente, esto es lo que haremos el día de hoy. Te mostraremos el resultado final de estos tips de ayuda con css así como el código detrás, ¿Estas listo? vamos ya :sunglasses:

Leer másComo Crear Tips de Ayuda con CSS

Como centrar un div con CSS – Mini-Tutorial – ♦

como centrar un div con css jonathanmelgoza

En este mini-tutorial te enseñaremos como centrar un div de forma facil y comoda, para esto utilizaremos css y un poco de logica que aprenderas si sigues leyendo este articulo asi que ya sabes.. si estas teniendo problemas con los divs y su falta de cooperacion para centrarse este articulo esta hecho a tu medida :yum: Cabe destacar que el metodo que aqui veremos es solo uno de varios que existen por ahi en Internet pero al fin de cuentas efectivos todos, solo depende con cual te acomodes mas asi que sin mas que decir.. a centrar divs!!

Leer másComo centrar un div con CSS – Mini-Tutorial – ♦

Efecto Mecanografico Letra por Letra con HTML y CSS

Efecto Mecanografico Letra por Letra con HTML y CSS 2 jonathanmelgoza

Recientemente me he encontrado en la necesidad de crear una conversacion entre dos personajes de un juego que estoy programando, para lo cual tenia en mente que la conversacion tuviera un poco de animacion, asi que queria para ser mas exacto que la conversacion fuera apareciendo letra por letra en pantalla :yum: asi que me puse a investigar la mejor manera de hacerlo y esta es la que mas se adapto a mis necesidades ( cabe decir que programo un juego con javascript 😉 ). En este mini-tuto veremos como realizar este efecto mecanografico en el que las letras aparecen letra por letra y al final un cursor parpadiante mediante HTML y CSS asi que comenzemos ..

Leer másEfecto Mecanografico Letra por Letra con HTML y CSS