Repasando 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 …
Si 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 …
Como 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 …
Aprendiendo 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, …
El día de hoy, Twitter repentinamente cambió toda su apariencia a una que algunos consideran mejor y que otros las consideran peor (dependiendo de gustos) personalmente me gusta y me llama más la atención que la anterior interfaz. Twitter ha realizado todo un conjunto de modificaciones a su plantilla por defectos, cambios que detallaré a continuación: Las pestañas han cambiado de lugar, pues ahora se encuentran en el lado derecho del sitio. Ajax para una mayor velocidad, las actualizaciones (simplemente …
CornerShop 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 …
CSS Text Wrap es una elegante y sencilla herramienta con la que podemos darle casi cualquier forma a nuestros textos a nuestros textos de forma, ya sea la de un circulo, la de un triángulo, un corazón, prácticamente puede formar cualquier polígono con esta herramienta. La herramienta trabaja a través de nodos algo similar a como se trabaja con Corel Draw al momento de trabar con líneas y editar vectores. El trabajo con CSS Text Wrap es algo similar a …
Quizás alguna vez te has preguntado de que forma se deben trabajar las CSS al la hora de enviar un correo electrónico, es bien sabido que existen diversas plataformas y software para la lectura de un correo electrónico y creo que es bueno saberlas por si algún día queremos enviar un masivo y sea posible que todas las personas que lo reciben lo lean correctamente. Se trata de una guía de estilos CSS en la cuál nos muestra que tipo …
El desarrollador web Aza Raskin sabe que redes sociales usamos sin siquiera preguntarnoslo. Por si acaso es no está violando ningun ley de privacidad ni mucho menos alguna regla de privacidad ya que simplemente él está aprovechando una vulnerabilidad que existe para “CSS” en nuestros navegadores. ¿Y saben cómo? Pues no lo sé, porqué no nos lo cuentas Bueno, consiste en que insertando un script en el código fuente, el puede ser que redes sociales hemos visitado simplemente diferenciando el …
También etiquetado con: Bug Errores web Internet Redes sociales