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, uso correcto y muchos otros libros interesantes que estoy seguro que valen la pena adquirir. El que nos recomienda para iniciar es uno titulado: Head First HTML with CSS & XHTML.

Como el mismo menciona, no se trata de un beneficio monetario sino que se trata de que en la medida que personas adquieran libros a través de su tienda, él pueda recibir libros como obsequio y así enseñar más cosas. Excelente oportunidad para todos los interesados, y que mejor recomendación antes de comprar un libro que la de un experto.

Yo por mi parte, seguiré ahorrando para adquirir uno de esos libros tan pronto sea posible.

Enlace | AW Design Store
Enlace | Aprendiendo Web (AW)

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 haciendo clic sobre  “Home”) se hacen a través de esta tecnología evitando así el tener que refrescar la página constantemente (aunque seguramente los seguiremos haciendo por costumbre)
• Iconos de control de tweets, los íconos de borrar, replicar y agregar a favoritos a primera vista no se ven pues aparecerán al arrastrar el cursor sobre un tweet.

• “Ligero, elegante y simple”; líneas sencillas y espaciado entre tweets, el logo lo han reducido unos cuantos píxeles, el sistema de actualización de tweets, la esquinas ahora están redondeadas (que no se verán en Internet Explorer pero si en Safari, Firefox y hasta en Chrome)

• Opciones de personalización de diseño, para aquellos que no les guste el diseño, se han incluido plantillas ya diseñadas a las que podemos modificar el fondo o cambiar su combinación de colores.

• La pestaña “Archivo” ha sido removida, pues para poder visualizar nuestro archivo es posible hacerlo desde la URL de nuestro perfil de Twitter.

De momento no son más que cambios visuales pero según se menciona en el post oficial con los cambios en Twitter, esto no es más que el comienzo para un serie de cambios que se vienen para el sitio:

…it was an investment in the future. We plan to have more tabs, and we’d run out of room putting them along the top. This was the driving factor for this redesign, but you won’t see all the benefits until a future release (hopefully, very soon!).

Personalmente me gusta como es Twitter ahora y no creo que requiera más pestañas o funciones que lo hagan más complicado.

Enlace | Twitter
Vía | Twitter Blog

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 los colores de plano o fondo sean transparentes.

Y si con ello no basta luego de haberse creado las 4 imágenes (1 por cada esquina) esta utilidad nos muestra un ejemplo de como agregar estas esquinas en nuestro código fuente, tanto en la CSS como en la HTML.

Una herramienta muy útil para ahorrarnos unos minutos y darle algo más de estilo a los sitios web ya que se ha vuelto una tendencia el diseño de los sitios con estas formas.

Enlace | CornerShop
Vía | Geeks Room

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 la siguiente imagen:

Fácil de usar y lo más importante es que luego de darle forma a nuestro texto, es muy sencillo acoplarlo a nuestro sitio, pues nos da 3 tipos de códigos, ya sea código CSS/XHTML, XHTML con Classes y Javascript.

Enlace | CSS Text Wrap
Vía | Wwwhat’s new

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 de etiquetas CSS es capaz de aceptar cada software lector de correos electrónicos y cada aplicación web lectora de correos electrónicos.

Enlace | Guía estilos CSS
Vía | Sentido Web

El desarrollador web Aza Raskin sabe que redes sociales usamos sin siquiera preguntarnoslo.

• ¿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 color del enlace
• ¿Como que diferenciando el color del enlace?
• Bueno si te fijas normalmente cuando escogemos una red social éste cambia de color azul a un color morado, ¿cierto?
• Si tienes razón
• Entonces su script lo que hace es recopilar esos enlaces en esos colores y enviarlo directamente a su digamos “base de datos”.
• ¡Oh!, maravilloso trabajo, pero, ¿eso va a durar por siempre?
• No, él ha publicado el script para quien quiera usarlo pero ya en pocos días dicho bug será parchado.