|

OpenLaszlo: aplicaciones web en Flash

ByLuis

openlaszlo.pngOpenLaszlo es un entorno de desarollo opensource para crear “rich Internet applications”, consistente en tres aplicaciones: Compiler para compilar el código fuente en formato Flash, Runtime Framework que incluye la interfaz de usuario y componentes para ser usados y Servlet que admite otros tipos de archivos, SOAP y XML-RPC.

Con OpenLaszlo puedes crear aplicaciones mediante XMLs y Javascript, hacer un deploy desde cualquier navegador o desde una aplicación de servidor J2EE o servlets.

Demos

OpenLaszlo

Cómo realizar un diseño web 2.0

ByLuis

Un buen artículo en el que nos explican cómo pasar nuestro diseño a diseño web 2.0. Claro, cada cual tiene sus gustos y sus conceptos de diseño y puede que no esté de acuerdo con todo lo que se dice, pero aún así es un artículo a tener en cuenta.

Resumiendo un poco el post, nos encontramos con los siguientes consejos:

  • Simplicidad: cuanto más sencillo mejor, es necesario tener en cuenta que todos los sitios webs tienen sus metas y que cada página tiene su propósito. Es necesario obtener la atención del usuario, pero cuidado que su atención es algo que se acaba. La simplicidad es algo que siempre deberíamos tener en cuenta, elimininando contenido innecesario pero sin quitar funcionalidad.
  • Layout centrado: muy característico de la web 2.0 es tener en contenido centrado en la página.
  • Menos columnas: mientras que antes lo normal era un diseño en 4 columnas, ahora lo más utilizado son las dos columnas, evitando así llenar completamente la pantalla y reforzando el primer punto, la simplicidad.
  • Navegación arriba: separar la navegación del contenido principal no es nada nuevo, pero en este caso se resalta que se situe arriba.
  • Diferenciar distintas áreas: que a simple vista, cada área con diferente funcionalidad sea claramente diferenciable, incluso sin ser resaltadas con diferentes colores.
  • Navegación sencilla: debemos conseguir que el usuario sepa dónde está y a qué contenidos puede acceder desde donde está.
  • Logos en negrita: limpios, en negrita y fuertemente marcados.
  • Tamaño de texto grande: haciendo el texto grande se consigue mayor atención que con el texto pequeño.
  • Introducciones en negrita: consiguiendo así mayor impacto visual sobre las cosas más importantes.
  • Colores fuertes: usando colores brillantes y fuertes se consigue una separación de contenidos más sencilla.
  • Superficies con detalle: ya sea mediante sombras, resaltados, difuminados, que las superficies no sean simples, sino más realistas.
  • Gradientes
  • Reflejos
  • Iconos atractivos: es necesario que sean fácilmente reconocibles, que no provoquen confusión.
  • Contornos estrellados: sobre todo con el beta dentro.

Web 2.0 how-to design style guide

Vía / dzone

links for 2006-12-21

ByLuis

PermaTabs: pestañas permanentes en Firefox

ByLuis

PermaTabs es una extensión para Firefox que permite volver una pestaña como permanente, que no se pueda cerrar. Evitando así que cerremos una pestaña por accidente, por ejemplo, los que les gusta tener el GMail abierto constantemente (por temas del chat) no lo cerrarán por accidente.
permatabs.jpg
A mí me va a venir muy bien, porque a la hora de buscar entradas para publicar, tengo muchas pestañas abiertas y cuando me pongo a cerrar siempre se me escapa alguna.
Permatabs
Vía / Firefox Magazine

Lista de aplicaciones para comercio electrónico

ByLuis

El ecommerce o comercio electrónico es una de las aplicaciones con más uso en internet. Las ventas por internet pueden estar incluidas incluso dentro de un pequeño apartado dentro de nuestro sitio web. Si necesitas una aplicación web para realizar el típico carrito de la compra, esta lista puede serte de utilidad:

  • osCommerce: completa aplicación de comercio electrónico, con catálogo online y administración web, fácil de instalar, compatible con PHP4, multilenguaje, instalación y actualización mediante web, plantillas, estadísticas, backups, administración de productos, mercancías, fabricantes y clientes, transacciones seguras mediante SSL, pagos offline y online (2CheckOut, PayPal, Authorize.net, iPayment, ..), funcionalidad para distribuciones y muchas más características.tienda1.pngDemo
  • Quick.Cart: no es necesaria una base de datos ya que usa una estructura de ficheros en su lugar, licencia GPL, fácil de instalar, estabilidad, cumple estándares siendo compatible con XHTML 1.0, sistema de plantillas, administración completa, posibilidad de añadir distintas páginas a la aplicación y muchas otras características.tienda2.pngDemo
  • cpCommerce: open source, basado en plantillas, PHP y MySQL (necesario al menos 5Mb de espacio en disco), modular, informes disponibles, niveles de administración, distintos modos de pago, categorías, fabricantes, productos y muchas opciones más.tienda3.pngDemo (capturas)
  • Zen-cart: gratuito, fácil de usar, desarrollado por un grupo de vendedores, desarrolladores y diseñadores y consultores, permite distintos modos de clientes, admite multiples ventas y descuentos, sistema de plantillas XHTML, distintos modos de entrega y de venta, newsletters, entre otras cosas.testing4.pngDemo
  • closedShop: productos configurables, informes de ventas, integración con eBay y PayPal, admite SSL, personalización mediante plantillas, backups y exportación de datos y mas más características.tienda5.pngDemo
  • ShopCMS Paypal Shopping Cart: CMS de e-commerce que integra perfectamente PayPal, usa plantillas para modificar el diseño y de fácil instalación, uso y administración.
  • E-Commerce para Drupal: para los usuarios de Drupal, existe este módulo para incluir el carrito de la compra en nuestra aplicación web. Admite entre otras cosas impuestos, módulo de donaciones, distintos tipos de productos, manejo de inventario y pago mediante paypal, authorize.net, e-xact o C.O.D.

links for 2006-12-20

ByLuis
| | | |

Cómo destacar en el menú de navegación el acceso en que nos encontramos

ByLuis

Imaginemos que tenemos un menú de navegación y queremos diferenciar la opción de Home, el About, el Contacto… ya que en esos momentos estamos en uno de ellos.

¿Cómo hacerlo? En Babblative nos enlazan algunos métodos para hacerlo:

Method 1 – WordPress: WordPress actually has this feature built-in. WP-List-Pages

Method 2 – PHP: Jem’s Trendy Active CSS Tabs or Matt’s Intelligent Menu’s. I’ve personally had middling success with PHP on a manually maintained site and little success with it on Textpattern.

Method 3 – Textpattern: You can either muck around with multiple templates, which is bloated and unnecessary, or you can use this method. If you choose to use the multiple templates then you’ll need to read how do I use a different page layout for each section?

Method 4 – Manually Maintained Sites: Use Hicksdesigns method to highlighting current page with CSS

Keep Reading: Keeping a ‘current state’ on navigation, Keeping Navigation Current With PHP, EasyNav, Setting the Current Menu State with CSS

Vía / Babblative

|

Post2PDF 1.2: 3 correcciones y 1 novedad

ByLuis

Post2PDFNueva versión Post2PDF, el plugin para WordPress que exporta a PDF los contenidos de nuestros posts. En esta ocasión corregimos tres pequeños defectos e incluimos una pequeña novedad.
Aunque los errores no eran críticos, dos de ellos si hacía que algúnos amigos de Sentido Web tuvieran problemas para poder usarlo.
El primero de los casos se daba cuando en la administración de WordPress se tenía como codificación de los caracteres de salida un formato UTF-8 (gracias Víctor). Para solucionarlo ha sido necesario incluir la función mb_convert_encoding para convertir el texto obtenido de la BD en UTF-8 y así luego poder pasárselo al plugin. Aunque TCPDF (la librería usada para crear PDFs) admite codificación distinta a UTF-8, el problema no se solucionaba mediante esta libería.
El segundo problema se daba cuando se usaba una imagen jpeg en la cabecera del documento PDF (gracias Evolutionibus). Aquí debo reconocer que no era capaz de reproducir el error que le daba a un visitante de Sentido Web, hasta que cosas de la buena suerte, di con ello.
La novedad que menciono se trata de la inclusión de multilenguaje en la pantalla de administración del plugin. Por ahora solo existe la versión en español, inglés y francés (gracias Belcha), pero me gustaría que existiera traducción para distintos idiomas (sobre todos para los existentes en la Península Ibérica: catalán, euskera, gallego, portugués, …), pero mientras que la programación no es lo mío, los idiomas tampoco ;).
Post2PDF

Switchy McLayout: layout adaptable

ByLuis

La gente de A List Apart nunca dejan de sorprenderme, en esta ocasión leo un artículo de ellos en los que nos esplican una técnica para layouts, que se cambie su funcionalidad según el tamaño de la ventana.
El segundo ejemplo, que es el que más me ha gustado, cambia un diseño con varias columnas a un sistema de pestañas horizontales a otro verticales.
layout.png
Switchy McLayout: An Adaptive Layout Technique

Evita contenido duplicado en WordPress

ByLuis

wp.pngAunque el contenido realmente es el mismo, porque solo se almacena en una tabla de la base de datos, a lo que se refiere en artículo es evitar que mediante distintas rutas se llegue al mismo contenido, así evitar que varias URLs se quiten visitas en Google u otros buscadores.
Entre los distintos modos de acceso tenemos los archivos temporales, los trackbacks, la paginación, los feeds y el acceso normal. Para lo cual, entre otras cosas, debemos añadir a un meta información para el robots.txt para que no tenga en cuenta las páginas que contienen rutas no deseadas. De todas formas, os recomiendo que miréis en detalle las explicaciones que nos ofrece.
How to Make a WordPress Blog Duplicate Content Safe
Vía / go2torials