Responsive Design Bookmarklet

Les comparto un excelente bookmarklet, llamado Responsive Design Bookmarklet, que en funcionalidad es similar al nuevo Responsive Mode de Firefox 15, pero su interfaz está mejor lograda, más amigable.

[ Responsive Design Bookmarklet ]

Enlace: responsive.victorcoulon.fr

Su objetivo es probar nuestros diseños responsivos sin tener que valernos de algún dispositivo móvil, y sin redimensionar el tamaño de la ventana de nuestro navegador web.

Sin duda, una gran herramienta para diseñadores web, para agregarla a tu colección de bookmarklets.

Vía: Yahoo! Developer Network.

Share

El Nuevo Logo de Windows 8

Luego de mucha especulación y diseños no oficiales, acaba de darse a conocer el nuevo logo para Windows 8.

El Nuevo Logo de Windows 8

Es claro que desean que la gente deje de ver al logo de Windows como una “bandera”, pues por años han usado una ventana ondulatoria de colores (ver imagen inferior). Ahora, la idea de “ventana” es inmediata.

Evolución de los Logos de Windows

¿Qué opinan del nuevo logotipo?

Share

¿Sabes cuánto CSS3 soporta tu navegador web?

¡La siempre activa y creativa Lea Verou lo hace de nuevo! Acaba de presentar un interesante test para verificar el nivel de soporte de CSS3 en navegadores web.

[¿Exactamente sabes cuánto CSS3 soporta tu navegador web?]

Enlace: CSS3 Test.

Por cierto, los resultados del test en los navegadores actuales son:

  • Chrome Canary, WebKit nightlies, Firefox Nightly: 64%
  • Chrome: 63%
  • Firefox 10: 61%
  • Safari 5.1, iOS5 Safari: 60%
  • Opera 11.60: 56%
  • Firefox 9: 58%
  • Firefox 6-8: 57%
  • Firefox 5, Opera 11.1 – 11.5: 55%
  • Safari 5.0: 54%
  • Firefox 4: 49%
  • Safari 4: 47%
  • Opera 10: 45%
  • Firefox 3.6: 44%
  • IE9: 39%

¿Sólo IE9? Así es, el test no funciona en IE8 para abajo… pero como dice la propia Lea:

The test won’t work on dinosaur browsers like IE8, but who cares measuring their CSS3 support anyway?

:-)

Share

Accesibilidad Web para Diseñadores [Infografía]

Genial infografía denominada “Web Accessibility for Designers“, donde su autor menciona:

“El enfoque de la accesibilidad web cae normalmente durante el desarrollo (las cosas que ocurren en HTML, CSS o JavaScript, después de que el sitio ha sido diseñado visualmente). La accesibilidad óptima debe empezar mucho antes, como parte del proceso de diseño visual.”

Aquí la tienen.

Accesibilidad Web para Diseñadores [Infografía]

Si les gustó la infografía, les agradará saber que existe su versión en texto en la misma web del autor.

Share

RandomText » Generador Lorem Ipsum y Gibberish

Si eres desarrollador o diseñador, es muy común el uso del “dummy text“, y una de las técnicas más utilizadas es el famoso Lorem Ipsum. Existen diversos generadores online, algunos existen desde hace muchos años, y hoy me entero de la existencia otro, de nombre RandomText, que no sólo usa la técnica Lorem Ipsum, si no también el formato Gibberish.

RandomText (Generador Online de Texto Aleatorio)

Su interfaz es interactiva y muy agradable de usar. Podemos seleccionar el tipo de elemento a generar (párrafos, listas, encabezados), el número de elementos y su longitud. El texto generado podemos descargarlo en formato HTML o en texto plano.

Además, podemos usar una sintaxis sencilla de implementar directamente en su URL, para generar el texto automáticamente (ejemplos en el mismo sitio).

Lo que más me llamó la atención, es que cuenta con una API que genera el texto en formato JSON, para poder utilizar el servicio en nuestras aplicaciones web.

Enlace: RandomText

Via: Web Resources Depot.

Share

Azuka, Plantilla HTML5 y CSS3 para Currículum Vitae

Para todo profesional, particularmente si te dedicas al Diseño o Desarrollo Web, es muy importante tener un Currículum Vitae (CV, Resumé, Hoja de Vida) con un diseño elegante y estético, que resuma áreas de experiencia, educación y experiencia previa. Pero hoy en día, tenerlo en archivo o impreso ya no es suficiente, ¡debemos tenerlo online!

A pesar de que existen diversas herramientas web que te permiten generar tu currículum en línea, hoy me topé con Azuka, una sencilla plantilla HTML5 y CSS3, con un diseño minimalista, limpio y liviano, pero sin perder elegancia y estilo.

Azuka

Está basada en un esquema de 960px de ancho y la única imagen que utiliza es tu foto, tal y como se aprecia en el ejemplo anterior (ok, se que ya viene siendo hora de usar una foto más reciente, ¡pero es que en esa tengo cara de gente decente! jajaja).

Cuenta con una excelente documentación que explica cómo personalizar la plantilla (lo cual no es nada complicado si conoces HTML).

Por último, cabe señalar que la plantilla Azuka es gratuita para uso personal o comercial.

Más Info y Descarga: Azuka – HTML CV / Resume Template.

Via Web Resources Depot.

Share

Novedoso Generador Automático de Código CSS3

Hace algún tiempo les mostré un generador de código automático CSS3, pero tenía la limitante que sólo se podía usar para un estilo a la vez. Hoy les presento un nuevo generador, que no tiene dicha limitante.

Como pueden ver, está muy completo y podemos ver una vista previa automática en el momento en que modificamos alguna propiedad. Incluso podemos especificar si deseamos que el código generado tenga soporte para IE7 e IE8 (obviamente, IE6 queda fuera del generador).

Enlace: CSS3.me

Via wwwhat’s new.

Share