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

Terminología y glosario en el mundo de diseño web

Un extenso e interesante listado de términos y expresiones utilizadas en el vasto mundo del diseño y desarrollo web (y sus explicaciones). Apuesto a que no conocía varios de estos términos.
Encontraremos términos como:

Accessibility
AJAX
Back End
Bad Neighborhood
Below the Fold
Breadcrumb
CSS Framework
Dither
Doctype
Elastic Layout
Extensible Markup Language
Focal Point
Hexadecimal

y muchos más…
Vía: http://www.smashingmagazine.com

Formularios en línea para inspiración

Interesante listado de Dzineblog.com con formularios de registro en línea con gran diseño.
Vía: http://dzineblog.com

Crea una página inicial efectiva

Gracias a Javier, me enteré de este interesante artículo, con
sugerencias acerca de cómo debería crearse una página de entrada (landing page) efectiva y vendedora.

Contenido seleccionado y enfocado
Textos claros y
simples
Informaciones de apoyo
Trabajar teniendo en cuenta el “look and feel”
Crea unos contenidos centrados en el usuario
Una página, un
producto
Sin scroll
Links repetidos
Coloca muchos puntos de conversión
Orientarlas al [...]

Qué tan importante es el diseño para el éxito de un blog

Vandalay Design escribe un buen artículo acerca de la importancia de un buen diseño como factor de éxito de un blog.
“With so many blogs out there and so many themes, a good blog design will help the blog to stand out and be easily recognizable to visitors. This, in my opinion, is the most important [...]

Project Gmail Grimace: Hagamos que Google nos escuche

Project Gmail Grimace es una iniciativa del Email Standards
Project para llamar la atención de la gente de Google (específicamente los encargados de Gmail), para lograr que revisen las graves falencias que este cliente de correo electrónico tiene al desplegar correos con estilos y demás diseño.
Google has been conspicuously absent from our Email Standards
Project inbox [...]

22 sitios útiles para crear layouts en CSS

Interesante recopilación de sitios con ejemplos listos para descargar y usar de layouts en CSS. Recomendo: Dynamic Drive’s CSS Library.
Ver listado en: http://vandelaydesign.com/

Ejemplo de cómo NO diagramar/diseñar un sitio web

No vale la pena utilizar ancho de banda para visitarlo, pero igual les dejo el link.

Más herramientas para diseño web en línea… y gratis!

Button Generators:

Web 2.0 Badges, fun badges with the colors, fonts, shapes, that you want.
My Cool Button, easy button generator. With shade and reflection effects, and rounded borders.
Brilliant Button Maker, make those small two colors buttons that so many people like.
The Original I Love Your Image Generator, really fun and original, and you will surprise
everyone.

Rounded [...]

Amazon.com rediseña su sitio web

Desde hace algunos de días me encontré con la grata novedad de que Amazon.com había remodelado su sitio
web.
A primera vista no se ve un cambio radical, pero elementos visuales como el encabezado, junto con toda su funcionalidad, han sufrido un cambio, que en lo personal me gustó
bastante. Es limpio, mantiene tonalidades similares a [...]

20 tips para diseñar y desarrollar profesionalmente

Buen listado de puntos a seguir al momento de realizar un proyecto web. Compilado por .net Magazine.

Planning
Do it by hand
Stylesheets: importing vs linking
Smarter
gradient backgrounds
Commenting
Use simple PHP to build sites
Set fonts using ems
IE Box Model Hack
Space saver
Test, test and test again
Format fundamentals
The ‘title’ and ‘alt’ attributes
The correct format for pseudo classes
Use semantic mark-up
Favicons
Change capitalisation using [...]

5 detalles de diseño que tienden a escaparse

Interesante artículo de Marylandmedia, acerca de esos pequeños detalles de diseño
que a veces se nos pasan.
It has been asked and answered by many, “What is design?” My simple response would be, “design is attention to detail”.
1. Anchor Tags
2. Click-able Logos

3. The favicon!

4. Properly Optimized
Logos

5. The TextArea Tag

Ver el listado [...]

Dale vida a tu página de “Error 404″

Una vez más, Mashable ha hecho una recopilación muy buena de varios sitios. En este caso, mostrando algunas
páginas del conocido "Error 404" (Documento no encontrado en el servidor).
Ver el artículo en:
http://www.smashingmagazine.com/
Ver más ejemplos: http://www.smashingmagazine.com/

Stemplate: Templates de elementos web

Un buen repertorio de templates de elementos para web, que incluye:

Banners
Navigation
Buttons
Logos
Icons
Bullets
Badges
Backgrounds
HTML Elements
Full templates

Stemplate, your
free resource for web template design.
Sitio: http://www.stemplate.com/

Más tips y tutoriales para diseño web!

Algunos enlaces que recopila este interesante artículo:

Gradient Overlay
CSS Dropdown Menu
Simple CSS External Links
Sexy CSS
Buttons
CSS Style Switcher
Custom CSS
Forms
Visual Sitemap
Quick CSS Tables (with code!)
Sorting Tables
Quick Web 2.0 Buttons

Ver el listado completo en: http://www.designvitality.com/
ACTUALIZACION
Otros excelentes recursos y herramientas para CSS (especialmente Wordpress)… Gracias
Dilbert por el dato!

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.