michaelmuller.net | Diseño, iconos, web y actualidad desde Ecuador

CSS Juice: Recursos y tutoriales para el diseño web

Buen sitio con recursos y tutoriales relacionados con diseño y desarrollo web. Algunos de sus
posts populares incluyen:

13 Online Generators for Web 2.0 Design
30 Free CSS Based Navigation Menus
25 Rounded Corners
Techniques with CSS
20 Popular CSS Online Tools and Generators
25 Popular Color Scheme and Palette Generators
25 Cool Portfolios with
Minimalism Design
30 Weblogs with Grid Based Design
5 Popular [...]

12 maneras de convertir tu sitio Web 1.0 en Web 2.0

Gracioso, pero real.

1. Replace esomething.com with
MYsomething.com
2. Increase 10px font to at least 12-16px font
3. Change categories to tags
4. Change your news section to a blog
5. Change email a
friend to RSS subscriptions
6. Change bookmark this to social network this
7. Change user account to user profile
8. Change crappy hard-coded HTML to Semantic HTML with
CSS
9. [...]

Analizando la diagramación y diseño de formularios web

Excelente artículo que me hizo llegar Javier Romero acerca de la diagramación y diseño de
formularios web.
“Input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields.” [...]

Diseñando para todas las resoluciones de monitor

Interesante artículo que explica cómo diseñar (a manera de tutorial) para las resoluciones de
monitor más comunes.
From our research we have found that majority of our viewers are on the 1024×768 resolutions and higher. As time goes by more and [...]

Degradés de todos los colores, un sólo PNG!

Interesante tutorial de Juanjo Vargas que nos muestra cómo aplicar un sólo
PNG a cualquier color para generar degradés a nuestro gusto.
En la web 2.0 se usan mucho los degradados y difuminados para fondos en general. La verdad es que si tenemos que abrir
el Photoshop y hacer un degradado con cada color y [...]

Listado de recursos para diseño y desarrollo web (Parte 2)

Gran listado de recursos para diseño y desarrollo web compilados por Marc Andreessen. Recordemos el primer listado de recursos, con gran material de apoyo disponible.

Meta-reference sites — organized lists of references and cheatsheets:
http://www.gotapi.com/
A wonderful online API reference covering many programming languages.
http://www.digilife.be/quickreferences/quickrefs.htm
An organized list of quick references and cheatsheets.
http://techcheatsheets.com/
A great site with links to cheatsheets on [...]

Apple rediseña su sitio web

Apple finalmente rediseño su sitio oficial. Ya había
hecho algunas actualizaciones de los sitios individuales de sus productos, pero esta vez se enfocó en el diseño global y en especial en la tan conocida barra de menú que nació de
la primera versión de interfaz gráfica del OS X (Acqua).
Ahora tiene un "look" más acorde [...]

Cosas que no se debe hacer al desarrollar un sitio web

Bastante bueno el resumen, un poco crudo a veces. Podría decir que estoy de acuerdo con la mayoría de
afirmaciones. Incluyo comentarios breves.
Tomado de http://www.microsiervos.com/ y
http://www.josiahcole.com/

Nunca cambies el tamaño de la
ventana del navegador del usuario automáticamente, es molesto, irrespetuoso y típico de los sitos de spam. (Muy cierto!)

Mal si tu [...]

Redefiniendo el elemento “Button”

Muy buen artículo de Kevin Hale acerca del uso y redefinición del tan utilizado elemento
"Button", pieza fundamental de cualquier formulario en línea.

What we need is something better—something more flexible and meant for designers. Lucky for us, the
solution already exists and all it needs is a little love. My friends, let me introduce you [...]

Listado de recursos para diseño y desarrollo web

Excelentes listados de recursos para diseñadores y desarrolladores web.
Ver listados:
Web Developer’s Handbook: http://www.alvit.de/handbook/
DEVLISTING: http://www.devlisting.com/

50 diseños en CSS para inspirarse

Gracias a Héctor, encontré este sitio donde presentan una recopilación de 50 sitios web hechos en CSS con diseños impactantes.
Vía: Smashing Magazine

Muestra tus diseños al mundo!

Una manera interesante de mostrar tus obras maestras de diseño web, ya sea con tu sitio personal, tu blog, o algún diseño
hecho para un cliente, es enviarlo a las galerías en línea que enlistan sitios web con diseños impactantes.
Les presento un listado de sitios, en donde pueden encontrar inspiración para diseñar y
también enviar [...]

Cinco reglas importantes en el diseño web

Interesante artículo (en inglés) con puntos clave que se deberían tomar en cuenta en el diseño y desarrollo de un sitio
web.

Guía del diseñador web exitoso

Navegando entre sitios del tema, encontré este documento, que más bien es un libro completo de 81 páginas (y gratis en PDF!) de Kevin Airgid, avalado por la firma de eventos de diseño y tecnología FITC.
El libro está en inglés y se titula
“Web Designers Success Guide: how to profit from freelance web design” y [...]

« go back — keep looking »

  • Acerca de…

    Este espacio es una iniciativa de Michael Müller, diseñador de interfaces gráficas y creador del portal Iconiza.com, escribiendo desde Ecuador.