Design By Grid: recursos de diseño con grid

ByLuis

griddesign1.pngDesign By Grid es un recurso para promocionar diseños realizados con grids (rejillas).
El diseño mediante grid, es algo muy utilizado en los medios tradicionales, que poco a poco se va haciendo más popular entre los diseñadores web. Consiste en dividir la pantalla en una rejilla y usarla para situar los contenidos en ella (bueno, esto sería una forma resumida de explicarlo).
griddesign.png
Los recursos que nos ofrece esta web van desde un showcase al estilo CSS Mania con diseños web basados en grid, artículos, tutoriales, herramientas y recursos.
Design By Grid
Vía / dzone

Similar Posts

| |

Jakarta Tapestry paso a paso

ByLuis

Jakarta TapestryJakarta Tapestry es un framework de código abierto de Apache que está pensado para realizar aplicaciones web en Java que sean dinámicas, robustas y altamente escalables, que funciona en todo contenedor de servlets o servidor de aplicaciones. La filosofía de Tapestry se basa en lo siguiente:

  • Simplicidad en la creación de aplicaciones web.
  • Consistencia a la hora de que distintos desarrolladores pueden encontrar soluciones similares a problemas similares.
  • Eficiencia, las aplicaciones deben ser escalables.
  • Reacción ante los errores, aportando modos de diagnósticos.

Aquellos que estéis interesados podéis ver esta guía paso a paso que nos ofrece sitepoint.

Jakarta Tapestry

Guía

Consejos para desarrollar Rich Internet Applications

ByLuis

Buenos consejos a tener en cuenta cuando quieras desarrollar un aplicación de internet (Rich Internet Applications):

  • Hazlo interactivo: en vez de ir página a página, hazlo que sea interactivo, edita contenidos, usa drag & drop.
  • Invita a usarlo: pequeños efectos con hover puede conseguir que el usuario se atreva a interactuar.
  • Usa popups ligeros: no se trata de ventanas popups, sino capas que de despliegan. Intenta usarlos cuando puedas para no tener que ir de página en página.
  • Piensa en la interacción como si fuera un storyboard: situa los frames como un storyboard para hacerte una mejor idea de cómo se deben producir las acciones.
  • Indica que acciones se realizan: avisa cuando se haya producido una acción, sin necesidad de dejar la página.
  • Piensa en objetos: en vez de pensar en contenidos y páginas.

Puedes leer más en:

Nine Tips for Designing Rich Internet Applications

Vía / backdraft

10 razones para seguir estrategia Open Source

ByLuis

Actualmente algunas empresas son poco partidarias de utilizar herramientas open source a la hora de realizar sus proyectos. Aquí os paso algunas razones que nos pueden animar a hacerlo, aunque claro, esto es según gustos y habrá otras razones que invaliden las que se indican.

  • Disminuir la dependencia a vendedores de código propietario: esto suele ser debido a la necesidad de actualizar la versión del producto, esperando mejoras o nuevas funcionalidades, ocasionando en algunos casos un gasto de dinero y tiempo importante.
  • No hay necesidad de presupuestar el coste de mantenimiento de software y de personal encargado: el gasto que suponen las licencias de software y el salario de personal conocedor de esas herramientas suele ser bastante elevado, incrementando así los costes del proyecto y repercutiendo en los beneficios.
  • Acceso a más herramientas: se puede acceder a un casi ilimitado número de herramientas (desarrollo, testing, CMS, seguridad, …), sin necesidad de solicitar permiso para obtenerlo debido a su coste.
  • Pruébalo antes de comprarlo: aunque muchas de las herramientas propietarias si ofrecen versiones Trial o gratuitas para desarrollo, sí que es imposible a veces ver cómo funciona un producto sin tener que comprarlo antes.
  • Soporte por parte de una comunidad de usuarios: esto es algo que a las empresas les suele echar para atrás, el no tener un soporte oficial. Como desarrollador puedo asegurar que normalmente el soporte lo da Google y no el soporte oficial, del cual el 90% de las veces no se utiliza.
  • Acceso al código y la posibilidad de modificarlo según tus necesidades: algo bastante típico es tener que esperar a una nueva versión o tener que comprar una versión actualizada de un producto para conseguir una funcionalidad necesitada. Si dispones del código es posible que puedas modificarlo a tu gusto. Algo parecido hizo Google con MySQL.
  • Poder de negociación con vendedores de software propietario: con esta no estoy muy conforme, pero bueno, quizás nunca se me haya el caso, como dice, de poder obtener mejores condiciones de Microsoft si tienes Ubuntu instalado en 20 ordenadores como experiencia piloto.
  • No hay exceso de características inútiles: en los proyectos open source, las nuevas funcionalidades suelen venir dadas por las necesidades de los usuarios, no por las ideas de un departamento de desarrollo o marketing.
  • Más seguridad: algo que crea mucha controversia, pero estudios como el de Trend Micro muestra que el open source es más seguro.
  • Solución de errores y nuevas implementaciones con más rapidez: en algunos casos los errores se solucionan mucho antes incluso de que lo detecten los usuarios.

10 Reasons why you need an Open Source Strategy

Vía / OpenSourceCommunity.org

|

Protolize: listado de herramientas web

ByLuis

protolize.pngProtolize es una lista con herramientas web, algunas imprescindibles y otras que nos pueden ser bastante útiles. Organizada en categorías y algunas separadas en grupos: aplicaciones en general: herramientas como Type Navigator, Web Developer Extension y Color Scheme Generator, y recursos como The Web Developer’s Handbook, Design Melt Down y A List Apart; CMS (Modx, WordPress, Drupal); herramientas CSS como CSS Photo Gallery, Background Image Maker y Nifty Corners Cube, y sitios para inspirarse como CSS Mania, CSS Import y CSS Beauty; Javascript (Script.aculo.us, Prototype, Image Reflection); AJAX (Ajaxload, Ajax Downloadables, Lightbox); PHP (Hot Scripts, Php Freaks, Pear); Flash (Fuse Kit, Zigo Tween Engine, MC Tween).
Protolize | Essential web tools in one place
Vía / Digg

|

Addons para desarrolladores e IE

ByLuis

IESi ya hace tiempo hablábamos de la posibilidad de bajarse Addons para IE7, ahora vamos a mencionar unos pocos que ayudarán a los desarrolladores web que usen IE.

  • Internet Explorer Developer Toolbar: desarrollado por Microsoft, nos permite navegar por el DOM, desactivar opciones de IE como el javascript o los pop-ups, remarcar tablas, capas y otros elementos para localizarlos de forma sencilla en la página, validación de CSS y XHTML, redimensionar el navegador y limpiar la caché.
  • Fiddler: permite capturar las peticiones HTTP de entrada y salida y depurarlas antes de que se reciban o envíen.
  • HttpWatch: igual que el anterior, pero con una interfaz más amigable e integrado directamente con IE.
  • IE Powertoys for WebDevs: desarrollado por Microsoft, válido para IE6 e IE7 aunque diga que lo es para IE5, permite ver el código fuente parcialmente mediante el menú contextual.
  • Inline Search: imita la fucnionalidad de búsqueda de Firefox en el IE.

Invaluable IE Addon Tools

Vía / dzone