Smashing magazine es uno de los blogs de diseño y desarrollo web más importantes en el panorama internacional. En él participan numerosos profesionales del sector que escriben tutoriales, guías, tips, recursos, etc.
A finales de septiembre van a publicar The Smashing Book, libro impreso que trata sobre las mejores prácticas del diseño web actual. En el libro podemos encontrar diversas técnicas, trucos y prácticas de programación, usabilidad y optimización, y nos mostrarán cómo crear interfaces de usuario de éxito utilizando principios de marketing para aumentar el ratio de conversión. Podremos saber qué tipografías y colores debemos elegir para lograr diseñar páginas web intuitivas y efectivas.
El libro está a todo color con cerca de 300 páginas. Estará disponible para todo el mundo (gastos de envío gratis a EEUU y Alemania) y nos ofrecen una garantía de devolución del dinero de 30 días. Puedes hacer un pre-order antes de que se publique a finales de septimebre, beneficiándote de un 20% de descuento. Por aproximadamente 23€ (gastos de envío incluídos) he comprado mi ejemplar, ya os diré qué tal está.
El libro se divide en varios capítulos:
El arte y ciencia de las CSS
Diseño de interfaces de usuario en aplicaciones modernas
Tipografías en la web: reglas, guías y errores comunes.
Principios de usabilidad para webs modernas
Guía del uso del color en diseños web y usabilidad<
Procedimientos de optimización para páginas web
Diseñar para vender: incrementa el ratio de conversión
Cómo convertir una página web en una marca notable
Utilizar tipografías no estándar en una página web a día de hoy requiere la utilización de tecnologías sIFR, mediante javascript, flash o imágenes. Todo esto cambiará con el atributo @font-face de CSS3, pero hasta que podamos utilizarlo, tenemos que recurrir a otros recursos.
En Wwwhatsnewhablan de TypeKit, un proyecto todavía en beta cerrada (se puede solicitar acceso o que te envíen un email cuando sea público) que nos ofrece varios packs de fuentes que podemos instalar fácilmente en nuestra página web importando un javascript e insertando varios códigos. A través de un panel podemos ir eligiendo qué fuentes queremos incorporar a nuestro paquete.
Vía anieto2khe encontrado una interesante guía donde nos explican cuáles son las diferencias entre GET y POST, los métodos para pasar variables por URL y recuperarlas del contexto. El funcionamiento de las dos es el mismo, con la única diferencia de que con el GET veremos las variables en la URL, mientras que el POST sólo nos mostrará la URI y la página donde estamos.
// GET
www.mitienda.com/tienda.php?cat=2&item&24&lan=es
// POST
www.mitienda.com/tienda.php
El uso de un método u otro depende de la información que vayamos a pasar. En la guía nos indican qué método debemos utilizar para cada procedimiento. A modo de resumen:
Utiliza GET para acciones seguras y POST para las inseguras
Utiliza POST si envias datos privados (passwords, números de tarjetas de crédito, etc)
Utiliza POST cuando envíes mucha información (más de 2024 caracteres)
Interesante video donde podemos ver las fases para diseñar la portada de la revista MacWorld. El autor nos muestra el proceso dividido en tres partes: fotografía, photoshop y diseño. No tiene pérdida.
Desde hace unos meses Google lleva trabajando en una nueva generación de la arquitectura de su motor de búsqueda. Entre los objetivos para el nuevo algoritmo, destacan la velocidad de indexación del contenido, la precisión de los resultados o la comprensión de las búsquedas realizadas por los usuarios (comienzan a darle caña al concepto de web semántica¿?).
En principio, la mayoría de usuarios no percibirán ningún cambio en los resultados de búsqueda del nuevo algoritmo. Sin embargo, los desarrolladores web podrían encontrarse con algunos cambios, por ello, el equipo de Google ha decidido publicar una versión en desarrollo del nuevo motor de búsqueda para que cualquiera pueda dar su opinión sobre su funcionamiento.
Nos avisan de que todavía está en una fase beta de desarrollo, por lo que hay cosas que no pueden funcionar correctamente y les gustaría saber dónde están esos fallos. Les interesa especialmente saber cuáles son las diferencias entre el actual motor de búsqueda y el nuevo sistema; qué resultados de búsqueda no deberían aparecer para según que keywords y nuestra opinión sobre los que sí aparecen. Eso sí, no esperemos ninguna felicitación ni agradecimiento por parte de Google, estarán muy ocupados trabajando en la nueva arquitectura.
Por lo visto, más que una nueva generación del motor de búsqueda, se trata de un update para agilizar la indexación y la velocidad a la hora de mostrar los resultados. La meta es indexar el nuevo contenido en cuestión de segundos o minutos, es decir, crear un buscador prácticamente en tiempo real que pueda competir con los servicios ofrecidos por Twitter o Bing.
El mes pasado Mozilla lanzó Open Web Tools Directory, un directorio de herramientas y aplicaciones gratuitas para desarrolladores web. El objetivo del directorio es recopilar en un único lugar todas las herramientas disponibles en la red para facilitar el acceso a éstas. Si bien empezaron con un par de herramientas y aplicaciones, poco a poco han ido aumentando su número gracias a la participación de los usuarios, que pueden enviar sus proyectos a través de un formulario.
La presentación de las herramientas es muy creativa. A través de un entorno espacial, podremos ver los logos o screens de las tools disponibles. Al pinchar en cada imagen aparecerá una ventanita con información y un enlace a la página web del proyecto. Si bien es original, hay que decir que si hay muchos logos o screens, éstos se superponen y la navegación se hace bastante complicada e incluso algunas herramientas quedan sepultadas por otras. El entorno de navegación está desarrollado en HTML5, por lo que es necesario utilizar navegadores avanzados. De todos modos, hay disponible una versión en HTML básico para que cualquier usuario pueda acceder al contenido.
Las herramientas y aplicaciones están dividas en categorías: diseño, código, pruebas, despliegue y documentos. Al acceder a cada una, los logos se reordenan y aparecen en varias filas, facilitando su visualización. También disponemos de un buscador para acceder directamente al contenido que nos interesa. Entre las herramientas y aplicaciones que podemos encontrar, destacan frameworks como jQuery, Prototype o Dojo, el famoso debugger de firefox FireBug, y muchísimas otras herramientas o aplicaciones que son menos conocidas y que gracias a este portal, pueden darse a conocer.
Suscríbete a nuestro Feed
