Category Archives for webdesign

Yslow plugin para Firebug

YSLOW es un nuevo plugin para Firebug de Yahoo que permite analizar las páginas que estamos inspeccionando para obtener opciones de mejora.

En el momento que cliqueamos sobre el icono que nos aparece en la parte inferior del navegador Firefox nos realiza un análisis exhaustivo de la página que tenemos abierta. Entonces nos clasifica la web con una letra en función de la importancia.

Después podemos ver otras estadísticas e información interesante sobre el análsis.

Herramienta muy interesante para mejorar el rendimiento de nuestras páginas.

Popularity: 1% [?]

Internet Explorer Developer Toolbar deja de ser Beta

Desde el PDC del 2005 que anunciaron la primera BETA de esta barra para desarrolladores para el navegador de Microsoft  Internet Explorer ha pasado mucho tiempo.

Acaban de anunciar  la versión 1.0 de esta herramienta para desarrollo. Yo he utilizado la BETA 3 para el desarrollo de mi proyecto L-exp, gracias a esta herramienta pude analizar mi página y detectar que problemas me daba y que hacía que no quedase igual en Firefox que en Internet Explorer. Por tanto cualquier desarrollador Web se encontrará que llegará un momento que para ser universal con los diferentes navegadores deberá depurar las páginas y detectar aquellas propiedades que difieren entre los dos navegadores.

En la siguiente dirección podéis ver una lista completa de las herramientas que utilicé y entre ellas está esta barra de desarrollo ( la he actualizado a la última versión)

L-exp : Tools used to develop L-exp web

Vía

Popularity: 1% [?]

Silverlight ( Flash killer) ya es una realidad

Hace tiempo comenté que Microsoft estaba trabajando en una aplicación que iba  a ser el Flash Killer. Esta aplicación se llama Silverlight y viene a ser un competidor directo del flash player. Está basado en WPF/E, es decir Windows presentation Foundation.

La idea es que desarrollando en lenguajes .NET, Javascript y otros lenguajes se puedan hacer potentes aplicaciones gráficas para enriquecer las aplicaciones web.

Otra cosa que sorprende pero a su vez es de cajón, es que de momento han anunciado que soportará las platafomas Windows y Mac. También soporta multiples navegadores. Demostrando en este paso inteligencia y ganas de que esta aplicación llegue lejos.

Ya existe una web en donde nos podemos descargar el “player” ( runtime) y también las herramientas de desarrollo para empezar a introducirnos.

En cuanto a estas herramientas podemos desarrollar desde Visual studio descargando unas herramientas o diseñar desde Expression. Este último es un producto que aún está en CTP pero promete ser una herramienta de diseño muy potente. También existe un Software Development Kit que podemos descargar gratuitamente.

En estos momentos existen dos versiones : 1.0 beta y 1.1 alpha. Esta segunda dispone de muchas más funciones, aunque está aún en fase inicial. Podemos descargar ambas Runtimes.

Quien le interese curiosear que vaya a la web y podrá empezar a ver ejemplos de lo que promete Silverlight. En la misma web encontraréis documentación, Quickstarts, vídeos y Whitepapers.

Popularity: 5% [?]

Guia para el uso de estilos CSS en email

Si alguna vez decidis crear una aplicación que envíe emails y queréis aplicarle un estilo ( colores, fuentes, tipos y otros). Veréis que no es tarea fácil, ya que en función del cliente web o programa que utilice el destinatario no podrá ver correctamente el formato.

 

Acabo de encontrar una guia que muestra las opciones que soportan todos los sistemas de correo. Aparecen una serie de tablas que muestra para los diferentes sistemas de correos tanto web como programas, que opciones de estilo podemos utilizar.

 

También tiene un documento que podemos descargar en donde tenemos toda la información.

Popularity: 1% [?]

Plataforma Open-source OpenLaszlo para desarrollo web

Acabo de descubrir openLaszlo  , una plataforma de desarrollo web open-source. Consiste en una plataforma en la que através de un desarrollo de programas en XML ( LZX) podemos hacer aplicaciones ricas en gráficos preparadas para internet.

Recientemente han lanzado la versión 4.0 de OpenLazlo que consiste en la BETA 1 y esperan que la Beta 2 sea aún más completa.

OpenLazlo  utiliza como runtime el motor de Flash y DHTML. Además un nuevo proyecto de Sun Microsystems llamado “Orbit” dará compilación a la plataforma Java 2 ME y en el futuro también soportará Flash 9.

Podemos ver algunos ejemplos que se pueden ejecutar tanto en Flash como en DHTML.

Flash | DHTML

código fuente

La arquitectura es la siguiente:

Lo que más me ha impresionado de esta plataforma es la potencia gráfica que tiene permitiendo hacer aplicaciones web 2.0 muy potentes y de forma sencilla. Además es independiente a la plataforma que se ejecuta ya que en realidad corre en el cliente que la está ejecutando.

Aún está en fase de desarrollo pero sin duda hay que seguirlo ya que puede ser un buen candidato en el futuro para dar guerra.

más información | OpenLaszlo

Descarga

Popularity: 4% [?]

Herramientas para promocionar y controlar tu web

Recientemente puse online mi proyecto L-exp después de unos meses de desarrollo. Es importante que una vez publicado se utilicen unas determinadas herramientas para hacerlo más visible en internet y controlarlo.

Voy a comentar las que he utilizado para compartirlo con otra gente que pueda pasar por la misma situación:

1.- Controlar el número de visitas

Para saber si estamos siendo visitados debemos tener algún sistema de estadísticas. Para ello yo recomiendo dos:

  • Mint : Es de pago (30$) pero para mi es el mejor sistema que hay ya que te da una información muy detallada y además al tener que instalarlo en tu servidor la tienes en tiempo real.
  • Google Analytics: Tras abrir una cuenta e instalar un código en tu web puedes seguir tus visitas con un interface gráfico muy interesante. Funciona bien aunque a veces he notado que tardan en actualizarse las estadísticas.
  • Feedburner: Hace poco que han añadido esta funcionalidad y no tengo mucha experiencia. Pero sin duda que puede ser una buena alternativa. Mis experiencias con WordPress no han sido muy buenas.

2.- Dar de alta en el buscador Google

  • Google Webmasters : Desde este grupo de herramientas controlaremos la alta y el estado de la indexación del motor de búsqueda de Google. Aquí podemos publicar un fichero sitemap.xml y ver que resultados van dándose.

No se el procedimiento para darme de alta en otros buscadores ( sin pagar) pero ya añadiré si los descubro.

3.- Generar ficheros sitemap.xml: Estos son los ficheros que ayudan a las arañas que buscan en la red a analizar el website.

  • Xml-sitemaps : Este es el que yo he utilizado. Debido a que L-exp tiene muchos enlaces ( unos 800 de momento). He tenido que utilizar una herramienta automática. Es de pago pero vale la pena para ahorrarte muchas horas. Corre sobre PHP y lo puedes instalar en tu servidor y automatizar generaciones. Funciona muy bien.
  • ROR sitemaps Generator : No lo he probado pero parece una herramienta gratuita. Tiene una versión online y otra que se instala que corre sobre windows ( .NET).

Seguro que hay otras alternativas pero estas son las que he encontrado.

4.- Gestionar tus feeds

  • Feedburner : Sin duda es una herramienta imprescindible para saber que está pasando con tus feeds. Te muestra estadísticas y además te ahorra tráfico a tu web ya que hace de puente.

5.- Financiar tu hosting con publicidad

  • Google Adsense : Se que alguno se ha hecho rico con esto pero a mi de momento me da 1$ al mes. Pero tengo esperanza que al menos me de para pagar el hosting de Dreamhost.

He creado una lista L-exp para compartirlo mejor.

Popularity: 1% [?]

Como diseñar interfaces Web 2.0

El otro día me preguntaba si existe alguna definición de en que consiste un interface Web 2.0. Que es la base de las aplicaciones que actualmente están cogiendo éxito en Internet.

Casualmente rastreando por mi network de Del.icio.us pude encontrar un enlace a una interesante  web llamada www.webdesignfromscratch.com . En esta hay un artículo en inglés de como diseñar estos interfaces y ( como no hacerlo). Es muy gráfico e interesante. Lo separa en 15 diferentes capítulos y trata muy gráficamente la temática. Os recomiendo que lo leáis ya que es una guía de estilo muy interesante.

 

Web 2.0 Design Style Guide

Popularity: 2% [?]

Windows Presentation Foundation ya tiene centro de desarrollo

Microsoft acaba de presentar un centro de desarrollo especializado en Windows Presentation Foundation (WPF/E) que es ( traducción de la web):

Una solución para hacer aplicaciones ricas, multiplataforma, interactivas  con animaciones, gráficos, audio y vídeo para la web y más lejos.

Hablando en cristiano viene a ser la competencia directa de la tecnología Flash de Adobe . Esta solución incluye un lenguaje llamado XAML y diferentes herramientas de desarrollo muy interesante.

El lenguaje XAML ( eXtensible Applicatin Markup Language) permitirá el desarrollo de estas aplicaciones web que funcionarán con diferentes navegadores y plataformas ( windows y Mac).

En este centro de desarrollo hay los siguientes recursos:

Incluso hay un conversor SWF a XAML y Plug-In para exportar de Adobe Illustrator a WPF/XAML…

Aún es una Vista previa de la tecnología pero este entorno será pronto la base de las aplicaciones  Web propuesta por Microsoft. Conviene seguir la tecnología y los que se atrevan que empiecen a desarrollar. Sin duda Microsoft apostará fuerte para ganar terreno a Adobe con su tecnología.

Popularity: 2% [?]

Beta pública de Firebug 1

Ya podemos empezar a probar la nueva versión del popular plugin para Firefox que nos permitirá analizar todo el contenido de una página Web. Herramienta imprescindible para cualquier desarrollador Web. En esta nueva versión añaden muchas novedades tales como:

  • Ahora se puede abrir en una ventana separada para tener una mejor visión de todos los elementos
  • Puedes inspeccionar y editar el HTML
  • Modificar el código CSS y ver los resultados al instante
  • Ver métricas del CSS
  • Monitorizar el tráfico de red
  • Depurar el código Javascript
  • Encontrar rápidamente errores en las páginas
  • Explorar el DOM ( Document object model)
  • Ejecutar Javascript al vuelo
  • Registro para Javascript

Probar FireBug beta 1.0

Vía

Popularity: 1% [?]

XHTML+CSS Referencia por ejemplos

htmlPlayground es un Interesante repositorio de referencia en el que podemos ver de forma fácil para los comandos XHTML y CSS la descripción y ejemplos de como aplicarlos. Además tenemos la opción de modificar los ejemplos y probarlos online. Recurso interesante para buscar rápidamente información sobre cualquier comando que no recordemos los detalles.

Vía | Ajaxian

Popularity: 2% [?]

Get Adobe Flash playerPlugin by wpburn.com wordpress themes