43 errores de diseño web que debes evitar

Lo que dice el autor de este top 43 es muy cierto, en la mayoria de los sitios web solo muestran el “top 10 de errores que nunca debes cometer”, pero bueno, vamos a cambiar y mostraré 43 errores que no debes cometer:

  1. El usuario debe saber cual es la temática de tu sitio inmediatamente.
  2. El contenido debe ser claro.
  3. Utilizar fuente legibles.
  4. No usar un tamaño de fuente demasiado pequeño.
  5. Todo tu site en una sola ventana, nada de abrir nuevas ventanas para cada cosa (*a menos que sean enlaces externos).
  6. No clasificar segun el tamaño del navegador.
  7. No requerir un registro a menos que sea necesario.
  8. No subscribir al visitante sin su consentimiento.
  9. No recargar tu web con Flash.
  10. No usar música en tu sitio.
  11. Si debes usar música, que el usuario sea el que la active.
  12. No poner cosas que obstaculicen la visualización de tu sitio.
  13. No utilizar entradas previas al homepage.
  14. Asegurate de tener algun formulario o email de contacto.
  15. Cuidado con el uso del botón “back.
  16. No utilizar texto que parpadee.
  17. Evitar estructuras complejas para las URL (*usar.htaccess, permalinks)
  18. No uses Tables (tablas) usa CSS.
  19. Asegurate que los usuarios puedan hacer busquedas en todo tu sitio.
  20. Evitar los menues con estilo “drop down”
  21. Usar navegación por texto.
  22. Si estas Enlazando PDF`s hacer la advertencia.
  23. No confundir al visitante con muchas versiones de tu site (*ejm: con flash, con frames, sin frames, etc)
  24. No mezclar publicidad con contenido.
  25. [Leer mas]

Generador de Temas para Wordpress

Tags: , ,

Bueno, ahora si como que los diseñadores de themes para wordpress nos vamos a quedar sin trabajo, el creador del blog YvoSchaap ha desarrollado una excelente aplicación para generar temas online para Wordpress, lo mejor es que no hay necesidad de saber nada de HTML, CSS, JS, AJAX ni PHP, solo un poco de imaginación y estar un buen rato disfrutando de la aplicación.

Los themes son realmente personalizables y quedan de muy buena calidad, cuando termines el trabajo puedes descargar archivo por archivo o bajarte el paquete completo en un .zip.

Leer Más: Wordpress Theme Generator
Y el blog del creador: YvoSchaap

XHTML 2.0 vs HTML 5.0

xhtml vs html

En WHATWG están trabajando en el borrador de la especificación de HTML 5. Entre los elementos y atributos nuevos que nos encontramos esta:

  • article: una sección de la página que es una parte independiente de un documento, página o sitio.
  • aside: contenido que está relacionado tangencialmente al contenido, suele representarse con los sidebars.
  • dialog: una conversación.
  • footer: pie de página de una sección.
  • header: cabecera de una sección.
  • nav: representa la navegación de la pógina.
  • section: documento genérico o parte de una aplicación.

A parte de los que se mencionan en el artí­culo, yo he encontrado otros que también me han llamado la atención:

  • ping: atributo de los enlaces que contiene una lista de URIs que son interesantes de ser notificadas si el usuario sigue por ese enlace.
  • datagrid: corresponde a una represntación interactiva de una lista, árbol o datos tabulados.
  • progress: barra de progreso para representar el desarrollo de una tarea.

Bueno para no darle mas vueltas al asunto y no empezar a especular voy a recomendar un centenar de enlaces (no tantos pero si muchos :P)

http://simon.html5.org/html5-elements
http://www.mail-archive.com/listdad@webstandardsgroup.org/msg07610.html
The future of HTML, Part 1: WHATWG
The future of HTML, Part 2: XHTML 2.0
XHTML 2.0 and HTML 5: The figures
Web Hypertext Application Technology Working Group
XHTML 2.0 (como siempre un muy buen enlace de la W3C)
An Overview of HTML 5.0
X/HTML 5 Versus XHTML 2 (Muy bueno, me gusto mucho leerlo)

Les recomiendo ir leyendo poco a poco, no vaya a ser que los coja la noche para ir aprendendiendo de estos nuevos estandares ;); la imagen de arriba es mas o menos como están ahoralas cosas en cuanto a diseño.

5 plugins para monitorear tu blog

Dependiendo del tipo de blog que uses, puedes decidir si quieres intentar ganar algo, sacandole provecho al tráfico, determinar exactamente que es lo que se debe hacer puede llegar a ser dificil, muchos bloggers abogan simplemente por esperar a que sus usuarios más frecuentes recomienden sus artí­culos y así­ poder tener un monitereo.

Para facilitar y mejorar esta labor, te ayudo con estos 5 plugins:

  1. Adsense-Deluxe: Si tu sitio usa la publicidad de google, adsense-deluxe es el plugin perfecto para ayudarte a manejar las cosas más facilmente (de hecho funciona bien, con casi cualquier tipo de publicidad, incluyendo los anuncios de yahoo), este plugin es elegante y sabe cuales son las reglas de los términos de servicio de google, que ayuda a que tu publicidad siempre actue de una manera obediente (lo importante es que tiene claro que el limite de anuncios por página debe ser máximo de 3).
  2. WP-ads: Simplemente es un plugin que permite crear regiones en tu blog y llamar los anuncios con una petición PHP, tiene el seguimiento de cuantas veces se ha exhibido el anuncio e incluso tiene la capacidad de rotar estos con cierta frecuencia, vuelva la tarea de cambiar tus anuncios una tarea fácil.
  3. Text-Link-Ads Widget: Text-Links Ads es una de las compañias más nuevas que viene intentando hacer competencia con la publicidad de google y yahoo, text-link ads permite insertar un bloque de anuncios en tu sidebar y sincronizarlos con los cambios realizados a tu perfil en la web de Text-Links Ads.
  4. WP-Amazon: Si tu blog tiene un número alto de visitantes (buen tráfico) podrias convertirte en socio de Amazon y ofrecer sus producto. Los usuarios están generalmente más inclinados a hacer las compras luego de haber leido un poco sobre el artí­culo en particular, este plugin se integra perfectamente con las herramientas de administración del WP, lo que permite que incorpores facilmente imágenes, descripciones y links, con WP-Amazon es muy fácil personalizar tu publicidad y así­ obtener potencial de venta.
  5. WP-OpenAds: OpenAds es una gran herramienta que te ayuda a manejar los anuncios de ventas, proporciona muchas de las herramientas disponibles por las grandes compañias de publicidad, está disponible para ser descargado y es fácil de usar. WP-OpenAds es un plugin que te permite configurar facilmente la publicidad para tu blog generada por el sistema OpenAds.

Para más información sobre OpenAds recomiendo leer este artí­culo: Managin Private Ads whit OpenAds, otra aclaración es que antes de utilizar el Text-links ads Widget deben estar registrados en la página.

Espero que les sirva de mucho, si tienen cualquier otro plugin les agradeceria me comentaran.

Leer Más (Artí­culo Original): Fuzzy Future

El fisgon

El Fisgon

Bueno, esta otra de las cosas que tenia planeadas lanzar el dia que lanzara el nuevo theme de mi blog, decidí llamarlo el fisgon, podria decirse es un lector de feeds, solo he puesto unas cuantas webs pero pienso poner un par mas, a mi me ha servido mucho, a veces es como maluco andar visitando web por web, con el fisgon se pueden ver los ultimos posts de cada página con su respectivo resumen.

Ojala les sirva.

Pagina 11 of 13« Anterior...«5678910111213»

Antes de irte

¿Ya te vas? Aqui encontraras cosas interesantes