diseño
Plantillas y plugins WordPress para sitios de preguntas y respuestas
WordPress es el gestor de contenidos por excelencia, empezó para servir a los blogs y ahora sirve a medio mundo. No solo de blogs vive WordPress, podemos crear nuestra página corporativa, un periódico, un catálogo online, una tienda online, una red social, un sitio de vídeos, un twitter, … es un gestor de contenidos todoterreno.
WordPress para un sitio de preguntas y respuestas
Otra de las posibles modas que están inundando la red son las preguntas y respuestas con dos claros exponentes en el mercado Yahoo! Answers y Quora. Yahoo! disponible en múltiples idiomas incluido el nuestro, pero Quora solo en inglés y solo preguntas y respuestas en inglés. Aquí está nuestra oportunidad, crear un sitio de preguntas y respuestas que no exista en castellano o replicar un modelo en inglés. Podemos hacer fácilmente gracias las plantillas para WordPress o plugins que permite montar un sistema para atender preguntas y respuestas sin límites.
Plantillas y Temas para WordPress. Crea tu sitio de preguntas y respuestas
Optimizando páginas de error: Creando oportunidades de nuestros errores
Después de leer el artículo en inglés, “Optimizing Error Pages: Creating Opportunities Out Of Mistakes” en Smashing Magazine me he animado a replicarlo en castellano pues creo que es muy interesante y útil. Espero que os guste mi adaptación en español y nos huyáis hacía la versión en inglés.
A través de la presente entrada trataremos de aplicar diferentes técnicas para diseñadores web y profesionales de los interfaces para mejorar sus páginas de error (404) y al mismo tiempo aprovechar estos errores para mejorar la experiencia del sitio web y como nos relacionamos con los visitantes que llegan a este error. Como C. S. Lewis dijo, “Los fallos son las entradas escritas en el camino hacia el éxito” (original en inglés “Failures are finger posts on the road to achievement”). Un diseñador web debería tener esto en su corazón. Ahora vamos a centrarnos en las páginas de mantenimiento y error, ambas debería ser monitorizadas con el fin de optimizar su usabilidad. Espero que los siguientes ejemplos y como usar google analytics, diseño defensivo para optimizar la experiencia de estas páginas os resulte útil. No encontré muchos ejemplo en castellano, pero la siguiente captura (por mejorar) es el error 404 de acens.
Imagen de la nueva web de acens cloud.
Lo primero sería ver las páginas de error y como las presentamos hoy, así podemos ver como optimizarlas de forma eficiente:
Leer el resto de la entrada »
HTML5 para crear libros electrónicos para el iPad
Impresionante el trabajo que han hecho con Baker Framework y Laker Compendium (hace uso de el framework de diseño adaptativo Less Framework), un ejemplo de código abierto y framework, junto en el código necesario para publicar tu propio libro electrónico como aplicación con xCode de forma sencilla en el AppStore.
Un grupo de programadores italianos (Baker) y otros alemanes (Laker) han sido lo creadores de estos geniales frameworks gratis y Open Source que te permite crear un libro electrónico, revista o quizás un folleto de turismo para el iPad, iPhone y también para web, todo con el mismo código HTML5. El que más actualizado veo para hacer un poco de todo es Laker, que si está pensando para el escritorio, iPad, iPhone, …
Solo tienes que crear tus páginas en HTML5 con un ancho fijo de 768 píxeles en el caso de Baker y hasta 955 píxeles con Laker y seguir el diseño adaptativo para que funcione por igual en tu escritorio, iPad, iPhone, … se adaptará solo al ancho del dispositivo. Puedes probarlo en Safari y así ir comprobando como queda.
Me encanta la solución como algo para por ejemplo también crear un folleto turístico de una ciudad o monumento, de forma sencilla, sin programación Cocoa, todo HTML5. Después solo tendríamos que poner una versión en web y generar nuestra aplicación para subir al AppStore. Entiendo además que sería fácilmente adaptable para portar a Android.
Un ejemplo de libro gratis hecho con Baker es 5×15 Tokio y además Francesc Tovar contó no hace mucho como hizo su libro con Baker. Y con Laker el mejor ejemplo que puedes ver en vídeo en su web es el que han hecho de la ciudad de Nueva York.
¿Qué tipografía es esta? Fácil con cualquier navegador
WhatFont Tool es una extensión para Chrome o también un bookmarklet en javacript para Firefox 3.6+, Chrome 9+, Safari 4+ o Internet Explorer 9 que nos ayuda a saber que tipo de letra y sus detalles de diseño sin necesidad de abrir el código, ya no tendrás que buscar en el HTML o CSS que tipografía está usando cualquier página web y que estilos aplica.
Esta extensión para el navegador Google Chrome solo necesitas instalarla y para usarla la activas pulsando sobre su icono en la barra superior y ahora son solo hacer clic sobre cualquier texto veremos el detalle que necesitamos. En el caso del bookmarklet tendrás que arrastrar el icono para activarlo hasta la barra de navegación del navegador soportado para esta utilidad.
Aquí os dejo un ejemplo sobre Color Vivo.
Ahora si te dedicas al diseño web tendrás mucho más fácil conocer las tipografías utilizadas en otros proyectos web, tanto si usas la extensión para Chrome, como si optar por el bookmarklet que funciona en Firefox 3.6+, Chrome 9+, Safari 4+ o Internet Explorer 9.
Descargar extensión Chrome WhatFont Tool.
Instalar la versión WhatFont Tool bookmarklet para otro navegadores y ver las demo en la web de su autor Cheng Yin Liu.
Acceder al código fuente de WhatFont Tool, ya que es un proyecto libre.
vía: WebAppers
Generador de tema para WordPress. Lubith
Lo raro es que no tengamos más soluciones para generar plantillas para WordPress de forma más automática, de hecho son pocas las soluciones que conozco. Ahora tenemos una más, se trata de Lubith, una interesante solución para generar temas para WordPress de forma sencilla y visual, donde podemos cambiar casi todo.
A través de nuestro navegador de Internet podremos arrastras y soltar elementos con su editor integrado en el margen izquierdo, añadir texto, imágenes, cambiar colores, …. y una vez hecho nuestro arte solo tenemos que guardarlo y acto seguido ponerlo a funcionar en la instalación de nuestro gestor de contenidos WordPress.
Pero además de Lubith hay otros generadores de plantillas para WordPress como son WP Theme Generator, templatr.cc, ElasticTheme y Artisteer (comercial pero para generar plantillas para WordPress, Drupal, Joomla, blogger, …).
Más información en Lubith
vía: go2web 2.0 y wwwhat’s new
