MQFramework es un framework CSS que puede ayudar a los desarrolladores en la tarea de crear diseños sensibles al tamaño del navegador o de la pantalla del dispositivo. Una app de enorme utilidad para asistirlos en la compleja y pesada tarea de realizar desarrollos compatibles con el mayor número posible de plataformas.

Y es que la gran variedad de dispositivos con sus tamaños de pantalla diferente debe ser la segunda peor pesadilla para los desarrolladores (la primera es fuera de discusión la de los navegadores web y sus diferentes motores de rendering) lo cual les pone siempre en situación de desigualdad, a pesar de lo cual deben esforzarse e intentar resolverlo para que su trabajo llegue a la mayor cantidad posible de usuarios.

Seguir Leyendo: MQFramework, una herramienta para adaptar nuestros diseños a diferentes tamaños de pantalla

Desde el momento en que apareció Google+, la red social de Google, era sabido que las comparaciones con Facebook estarían a la orden del día, como efectivamente ha sucedido. Y uno de los aspectos que más se han comparado ha sido el de la interfaz, que muchos ven con algunas similitudes aunque por lo visto hay quienes preferirían que estas fueran idénticas.

Como Fabio Giolito, un diseñador que ha creado un tema llamado Google+:Facebook para transformar a Google+ en Facebook, al menos en cuanto al aspecto. Algo que algunos tal vez vean como innecesario, pero que seguramente para muchos estará muy bien.

Seguir Leyendo: Un tema para imitar el diseño de Facebook en Google+

Menubuilder es una herramienta ideal para quienes se inician en el diseño web, ya que nos facilitará la creación de menús completos en unos pocos (y sencillos) pasos.

Solo hay que dirigirnos al sitio web y seleccionar uno entre los muchos allí disponibles: los hay de diferentes colores, íconos y disposición del menú (vertical u horizontal), y en todos los casos iremos viendo como cambia el código.
Seguir Leyendo: Menubuilder, un generador de menús para tu sitio web

Opera 10.60 ya tiene su primera alpha, lanzada en el día de hoy con varias novedades y lo más importante, para los tres principales sistemas operativos. Esta actualización tiene como siempre una interesante mejora en cuanto a la velocidad, pero también hubo lugar para ciertos retoques estéticos.

Para los usuarios de Mac la principal novedad de Opera pasa por el avance en la eliminación de Carbon y la incorporación de elementos de Cocoa, el framework de Mac OS X basado en el patrón de diseño Modelo-Vista-Controlador y responsable principal del alto desempeño de la interfaz del sistema operativo de Apple.

Seguir Leyendo: Opera 10.60 ya tiene su primera alpha

Junto con el HTML y JavaScript, las hojas de estilo CSS son lo más utilizado por los diseñadores. Pero para quienes se inician en el tema, CSS puede llegar a ser un dolor de cabeza, por eso seguramente sabrán apreciar lo que CSS Grid Builder puede hacer por ellos.

Se trata de una herramienta para diseñadores que les permite controlar la disposición de las columnas que puede tener un sitio web, permitiéndonos especificar el ancho de pantalla y en base a ello, definir luego la cantidad de columnas, el ancho de las mismas y la separación que estas tendrán entre si.

Seguir Leyendo: CSS Grid Builder te ayuda a crear en forma sencilla tu diseño de columnas CSS

Muchas veces los diseñadores necesitan una herramienta para obtener el código hexadecimal de un determinado color, ya que esa es la forma en que se ingresan en las hojas de estilo CSS. 0to255 es una de ellas, y nos permite obtener los códigos a través de una paleta con todos los colores y las variaciones de tonalidad de cada uno.

Cuando llegamos al sitio veremos una cuadrícula llena de colores más utilizados, y al hacer click en uno de ellos seremos llevados a una página donde podremos ver todas las tonalidades de dicho color en sus mezclas desde el más blanco hasta el más oscuro, y dentro del rectángulo con cada tonalidad veremos el código hexadecimal.

Seguir Leyendo: 0to255, una paleta para obtener el código hexadecimal de todos los colores

Las especificaciones de CSS3 aún están todavía muy verdes, pero quienes deseen probar un poco pueden utilizar CSS3, Please! Se trata de un generador de propiedades CSS3 gratuito, y que podrá ser utilizado desde cualquier navegador web (lo cual además, le brinda caracter de múltiplataforma).

Apenas llegados al sitio veremos una hoja de estilo que podremos editar para adaptarla a nuestras ideas. Los cambios que vayamos realizando en el código se verán reflejados en un recuadro ubicado a la derecha, el que apenas llegados podremos ver con el texto CSS3, Please!

Seguir Leyendo: CSS3, please!: un generador de CSS gratuito y para cualquier navegador

Border Radius es una herramienta que seguramente será muy valorada por los diseñadores de sitios web, y una demostración más de que la web está llena de pequeñas joyas que simplifican la vida. Básicamente, se trata de una herramienta que nos permite obtener recuadros con esquinas redondeadas de manera sencilla.

Aunque todo lo que tiene que ver con el diseño es siempre muy subjetivo, podríamos concluir en que las esquinas de bordes redondeados son mucho más atractivos visualmente que las esquinas de 90 grados. Pero escribir el código para ello puede llevar bastante tiempo, y ante un mínimo cambio las modificaciones a dicho código son bastante engorrosas.

Seguir Leyendo: Border Radius crea automáticamente el código CSS para obtener bordes redondeados

Snow Stack es una demo que, utilizando HTML, CSS y algo de JavaScript, nos muestra todo el potencial gráfico que Safari (en realidad su motor WebKit) tiene para ofrecernos en sus últimas versiones.

A través de un muro 3D de imágenes de Flickr podremos ver lo estupendo del futuro más próximo de la web, donde crear galerías con estos estilos será tan sencillo como copiar y pegar un poco de código.

Seguir Leyendo: Snow Stack, desata todo el potencial gráfico de Safari

Para un desarrollador, disponer de un entorno de desarrollo o IDE es básico para poder aumentar su productividad y poder trabajar de forma rápida y tranquila.

Por ello hoy os vamos a presentar Aptana Studio, un IDE para la programación de aplicaciones web dinámicas, con especial soporte para Ajax/JavaScript.

Seguir Leyendo: Aptana Studio, un entorno de desarrollo completo