Smashing Magazine, que es en mi opinión el sitio con el mejor contenido de diseño de páginas de Internet, acaba de publicar un artículo que compara principalmente el performance y agilidad de crear un sitio web usando las nuevas cualidades de CSS3 como gradientes, esquinas redondeadas, etc., en contraste con crear el mismo diseño pero utilizando las típicas técnicas para lograr estos efectos que la versión actual de CSS no permite.

El artículo está en la siguiente liga: CSS3 vs CSS : A Speed Benchmark

Como resultado del análisis del artículo se determinó que el sitio que utiliza CSS3 se puede crear 33% más rápido, es 9.5% menor en tamaño físico (KBs) y realiza 45% menos peticiones (viajes) al servidor. Y considerando que, al menos en Google, el tiempo de carga es ahora un factor que influye en el posicionamiento de los sitios en los resultados de búsqueda, definitivamente les recomiendo leer este artículo.

Espero les sirva.

Del pasado 15 al 17 de Marzo se llevó a cabo la conferencia MIX10, que es una serie de conferencias de diseño y desarrollo web organizada por Microsoft, con platicas impartidas por la gente que está causando más impacto en la comunidad de desarrollo online (las sesiones son escogidas en base a votos, durante meses anteriores al evento).

Las platicas de este año se ve que estuvieron muy interesantes…así que aquí les dejo las ligas a los videos de las pláticas y también a una muy buena sección de recursos que armaron en el site de MIX10, con ligas a guías de desarrollo para Windows 7 Phone Series, Silverlight 4, WCF RIA y otros tantos temas que son lo relevante de hoy en día.

Algunas de las pláticas fueron:

• Overview of the Windows Phone 7 Series Application Platform
• 10 Ways to Attack a Design Problem and Come Out Winning
• Stepping Outside the Browser with Microsoft Silverlight 4
• Total Experience Design
• Understanding the Model-View-ViewModel Pattern
• Beyond File | New Company: From Cheesy Sample to Social Platform
• The Microsoft Silverlight Analytics Framework

Ligas:

MIX10 – The Next Web Now

MIX10 – Resources Page (Windows 7 Phone Series, Silverlight 4, etc)

Iconfinder Logo

Post rapido para recomendar Iconfinder.net, un muy buen buscador de íconos, y con una interfase al estilo Google, que creo que a la mayoría nos gusta.

Por el momento, dicen tener en su base de datos 122,683 iconos y/o 296 sets de iconos disponibles. La interfase de búsqueda es muy buena, les pongo aqui un screenshot de la pagina de resultados al teclear “Facebook” en la caja de búsqueda. Los resultados fueron muy variados y definitivamente hay iconos muy buenos ahi.

Resultados Iconfinder.net

Espero les sirva.

Empece a diseñar paginas web a los 15 años creo, y me tocó trabajar con Flash desde su primera versión, cuando todavía se llamaba Splash, o algo asi. No trabajo mucho con Flash, y tenía mucho tiempo de no tener que programar algo en ActionScript, pero ayer tuve que editar un menú de la pagina de un cliente en Flash CS3….y no fue nada agradable.

Antes de que Adobe comprara Macromedia, todavía era sencillo trabajar con ActionScript. Hacer que un objeto o boton en una Movie abriera una liga en un iFrame de HTML era algo fácil y rápido. Agregar una action al boton y en el evento onRelease, usar el método getURL.

Ayer, tuve que rediseñar ese menu usando ActionScript 3.0 y que ineficiente hicieron el lenguaje. Algo que antes tomaba 2 lineas, ahora toma 10 o más. Y lo peor es que he visto que gente experimentada y fluida en programación de ActionScript ni siquiera encuentra intuitivamente la forma de hacer algo tan simple como navegar hacia otra pagina en un frame.

Por si a alguien le sirve, aqui hay una liga a Como Usar el metodo NavigateToURL en ActionScript 3.0. El autor de ese blog, Matt, ha posteado mucho sobre ActionScript 3.0 y ayuda mucho a sus lectores cuando le preguntan o incluso se quejan sobre la complejidad innecesaria de ActionScript 3.0.

Y todavía después de eso, estuve quebrandome la cabeza 2 horas más. Aún especificándole el nombre del iFrame como target, la pagina se abría en un tab nuevo. La solución fue, en el dialogo de Export Movie, seleccionar el valor de “Access Network Only” para la opción de Local Playback Security.

Flash CS 3 Export Movie dialog

Sin esto…nunca se abre el target en el frame seleccionado.

Este es un post rápido… estoy por rediseñar un sitio web que utiliza frames, una sola imagen como menú de navegación (image map) y prácticamente que va en contra de cualquier buen principio de diseño web.

Normalmente me gusta crear el layout completamente desde cero, usando solamente codigo mío, pero como no tengo tanto tiempo disponible, tuve que recurrir a utilizar un layout ya hecho. Probablemente tengo más de 300 páginas agregadas como bookmark referentes a CSS, así que fue difícil encontrar el layout que necesitaba.

Al layout que necesito se le conoce como el Holy Grail de CSS….es uno de los layouts más usados, pero que tienen alto nivel de complejidad para lograr diseñarlo sin errores y que sea vea bien en todos los navegadores.

Agradezco a Matthew James Taylor por haberse tomado tiempo de no solamente crear el layout perfecto de 3 columnas en CSS, sino por detallar muy bien el codigo fuente y compartirlo con el mundo.