Applying Dieter Rams principles to web design

Very good article from .net magazine! A must read for anyone that has something to do with making web sites, even for those of us who are not front-end designers.

Dieter Rams is one of the most important designers of the 20th century but his famous 10 principles for good design focused on industrial design. Here Lisbon-based designer Nuno Loureiro applies them to web design Dieter Rams’ 10 principles of good web design | Feature | .net magazine

Principles of responsive web design

Responsive web design is undoubtedly a hot topic in web design right now. To some degree, the popularity of the concept of responsive web design is well deserved because site users are increasingly diversifying their methods of accessing a website. iPad, iPhone, Android mobile devices, desktops, netbooks — we’re in a time where our web designs must function in a multitude number of ways. Understanding the Elements of Responsive Web Design

Bordes en la página usando CSS

En el sitio de John Hicks pueden ver un borde alrededor de la página. Este borde es independiente del ancho de la página y no se mueve si uno se desplaza. Está hecho usando etiquetas <b> alrededor. Pero para Harry Roberts esto es muy poco semántico así que decidió desarrollar una solución para colocar bordes en la página usando solo CSS, sin añadir etiquetas extra al HTML.

Galería de formas de contacto y mejores prácticas

In the entire world wide web, most sites, be it large or small, contain the Contact Us page. The purpose of the Contact Us page is to get your clients or customers to talk to you or enquire more about your services, ultimately it is to generate potential businesses for your company. A site contact page may seems insignificant but it’s the only gateway for your visitors to get in touch with you.Contact Us Page Best Practices With 20+ Fabulous Showcases | Onextrapixel – Showcasing Web Treats Without Hitch

La vieja, aburrida y a veces cansina forma de contacto es para muchos sitios la única manera que tienen de que sus visitantes se comuniquen con ellos, a veces con buena razón. En esta galería puedes encontrar cosas inspiradoras para hacer la forma menos aburrida, más útil y mejor para todas las partes involucradas.

Sitios para generar fondos

Here are the solutions for our background woes! Take a look at these Web sites that offer you the ability to quickly make your own. Or you can use one of the seamless repeating images available on the other sites, all polished and ready for your web needs.10 Quick & Dirty Tricks for Easy Custom Web Backgrounds | Graphic Design | Tutorial Blog

Una colección de 10 sitios si te hace falta un fondo atractivo y no tienes mucho tiempo o no eres muy bueno haciéndolos por tu cuenta.

Menús multinivel con jQuery y CSS

Lately I’ve seen quite a few requests on Twitter and other places for multilevel menus using jQuery and/or CSS. There are quite a few ways to accomplish this and it largely depends on what your needs are.In the Woods – Multi-level Menus with jQuery and CSS

Muy buenísima recopilación de métodos y técnicas para crear menús multinivel con jQuery y CSS. De pilón también incluye como crear un megamenú muy atractivo. Excelente recurso.

Los ojos en la toma de decisiones

Many eyetracking studies conclude that large graphics and graphic elements attract few “gaze fixations,” but can we really conclude that large, aesthetic, tone-setting graphics have no lasting effect on the user’s attitudes toward a site? To put it bluntly, are designers who create visually compelling sites simply wasting time and treasure on graphic indulgences that obstruct efficient e-commerce and communication?A List Apart: Articles: Visual Decision Making

Los ojos son la ventana del alma, según dicen, y por las ventanas entran muchas cosas, incluyendo el diseño de un sitio. Lo que vemos es capaz de producir respuestas emocionales instintivas y subconcientes que determinan en gran medida si algo nos gusta o no, si le tenemos confianza y si es algo que nosotros podamos usar.

Esto tiene gran relevancia en el diseño de un sitio web, ya que la apariencia puede ayudarnos a que la gente simpatice con nosotros y acepte nuestros mensajes de manera más rápida.

Este artículo de A List Apart examina como los humnanos toman decisiones por lo que ven y como lo ven y la manera en que esto puede afectar a nuestro sitio. Una lectura larga pero muy interesante.

Consejos y recomendaciones para crear pestañas modulares

This article discusses the use of the module tabs design pattern for use in websites and web-based applications. We share with you some best practices to consider when using module tabs, a listing of real-world examples of websites the take advantage of module tabs, as well as tutorials and free downloadable scripts for building and deploying module tabs in your sites.Module Tabs in Web Design: Best Practices and Solutions | Design Showcase | Smashing Magazine

Muy buen artículo de la revista Smashing que, además de no ser una lista de tantis-tantas cosas, explica muy bien lo que son las pestañas modulares, cuando usarlas, cosas a evitar y algunas consideraciones que son mejores prácticas para crear una navegación útil y con sentido lógico. Muy recomendable.