Archivo de Etiquetas: HTML

Instalación de Stylus, Jade, Coffee Script en Windows con NodeJS (Parte III)

manual-nodejs.pngRepasando la Parte I y la Parte II de éste tutorial, hasta el momento hemos hecho lo siguiente: En la Parte I: Aprendimos a instalar NodeJS a través de Cygwin, recordar que NodeJS es la herramienta principal necesaria para poder trabajar con Stylus, Jade y Coffee Script. En la Parte II: Aprendimos a instalar Stylus, Jade y Coffee Script. Además, hemos aprendido a mejorar Cygwin a través de Console. Ahora nos corresponde el aprender a crear nuestro primer sitio web …

Instalación de Stylus, Jade, Coffee Script en Windows con NodeJS (Parte II)

manual-nodejs.pngSi aún no tienes instalado correctamente NodeJS, puede recurrir a la Parte I del tutorial para que luego instalar Jade, Stylus y Coffee Script. 1. Instalación de Jade Para instalar Jade, abrimos una ventana de Cygwin como se muestra en la siguiente imagen y escribiremos lo siguiente para iniciar la instalación de Jade: $ npm install -g jade $ npm install jade Para asegurar una instalación correcta de Jade, lo instalamos a través de esos dos comandos. Para comprobar que …

Instalación de Stylus, Jade, Coffee Script en Windows con NodeJS (Parte I)

manual-nodejs.pngComo todo programador Front-End, siempre es tedioso el tener escribir una y otras vez las llaves de apertura y de cierre de una etiqueta ya sea en HTML, CSS o en JavaScript, es por eso que ante este problema surgen herramientas que nos ayudan a solucionar este problema, todas estas herramientas funcionan gracias a NodeJS. Jade: Escribir código HTML Stylus: Escribir código CSS Coffee Script: Escribir código JavaScript Para no aburrirlos escribiendo el “cómo funciona cada herramienta”, les mostraré el …

Refrescar un container <div> con JQuery

jquery.gifJQuery es una librería de JavaScript que nos facilita muchas tareas al momento de realizar una página web con herramientas que ayudan en el manejo de eventos, animación, interacciones con Ajax en el desarrollo de una web. En este caso, aprenderemos a usar esta librería para refrescar el contenido de un container (<div>) de nuestro sitio web, puede ser útil en el caso de querer mostrar la cantidad de usuarios activos en un sitio web en un mismo momento, o …

Redireccionar páginas a través de JavaScript

La redirección de páginas web es una práctica muy común en los blogs, cuando migran desde una plataforma a otra y dejan atrás una URL para pasar a ser otra URL, ya sea al adquirir un dominio propio o al migrar de plataforma gratuita (de WordPress a Blogger). Sea como sea, en muchos de éstos casos de hace uso de redirecciones a través de la etiqueta meta y esta redirección es mal vista cuando Google indexa nuestro sitio web, sin …

Adquiere libros de diseño web

librosonline.pngAprendiendo Web es una bitácora (blog) que nos enseña y motiva al buen uso de los lenguajes de CSS, XHTML y más. En cada post nos indica pequeños aspectos a tomar en cuenta en el momento en el que desarrollemos una página web. Germán Martínez quien está a cargo de Aprendiendo Web, ha creado a través de Amazon una “librería virtual” en la que se muestran libros relativos al temas de la semántica, las nuevas prácticas en el diseño web, …

Crear esquinas redondeadas con CornerShop

cornershop.jpgCornerShop con la cuál podemos simplificar minutos en crear las esquinas redondeadas para nuestro proyecto en alguna aplicación de diseño como Photoshop o Corel Draw. Es muy fácil y sencilla de usar ya que únicamente tenemos que ingresar 4 datos y listo. Los datos necesarios para realizar el proceso son el código de color del plano y de fondo; la medida de la esquina (en píxeles) que se desea crear y también no menos importante, si deseamos que alguno de …