diseño – internetlab.es

Adobe integrará un plan de hosting en su Creative Suite 5

sfilippi — Fri, 16 Apr 2010 06:00:13 +0000

Adobe va a lanzar su esperado Creative Suite 5 y, entre otras cosas, la compañía está ofreciendo a los diseñadores Web utilizar una nueva herramienta: un servicio de hosting administrado para sus clientes.

Se llama Business Catalyst, se supone que facilitará a sus clientes el lanzamiento online de sus páginas Web. Sin embargo, parece ser que el servicio no será precisamente barato. Los planes de hosting tendrán un precio mínimo de unos 39 dólares al mes y los desarrolladores que deseen ofrecer este servicio tendrán que pagar 1.000 dólares de entrada.

El plan de 39 dólares ofrece 10 cuentas de email, 1 GB de espacio para almacenamiento de datos, y 100 GB de ancho de banda. Creo que es una buena propuesta por parte de Adobe y que este sistema simplificará notablemente el proceso de desarrollo y activación de páginas Web. Pero, a pesar de todo esto, no creo que la empresa tenga demasiado éxito. Aunque sea una idea genial poder desarrollar y lanzar nuestras páginas desde una misma aplicación, el servicio es demasiado caro, tanto para los clientes como para los desarrolladores.

Además, Adobe no tiene demasiada experiencia en el sector del hosting Web, así que antes de lanzar precios astronómicos debería luchar por obtener un poco de popularidad. En fin, el tiempo dirá su los usuarios apuestan por esta nueva iniciativa o si, como otras tantas, acaba quedando en el olvido.

10 Temas de calidad para WordPress

sfilippi — Wed, 24 Mar 2010 18:35:46 +0000

Hoy os traigo recursos que estoy segura de que muchos estarán intentando encontrar. Si has comenzado un blog o una página Web, y por comodidad o falta de conocimientos, has decidido emplear una plataforma como la de Word Press, seguro que estás interesado en aplicar un tema a tu página que se ajuste a sus contenidos.

Si te gusta alguno de los temas que podrás encontrar después del salto, sólo tienes que acceder al link que acompaña a la imagen y accederás a la página oficial del creador de estos temas. Desde allí podrás descargar de forma totalmente gratuita los temas e instalarlos en tu página Word Press.

Atención a estas imágenes:

Download

Diseños originales de plantillas de páginas Web y blogs

sfilippi — Thu, 11 Mar 2010 14:07:42 +0000

Hoy he estado haciendo un poco de investigación por el mundo del diseño Web actual y me he encontrado con algunos diseños realmente provocadores. Os traigo una serie de ejemplos de buenos diseños que fácilmente inspirarán a muchos, y a otros nos harán los dientes largos. Además, si estáis en plena aventura de creación de vuestro propio sitio Web os vendrá muy bien, ya que deberíais revisar a fondo las tendencias o diseños más actuales. Si una página está bien diseñada desde su inicio, a la largo os ahorrará quebraderos de cabeza.

La mayoría de diseños que encontraremos en la galería inferior adoptan un estilo cartoon (por preferencias personales), mientras que otros toman un tono futurista, realista o comercial. Sea cual sea el estilo que estéis buscando, espero que los disfrutéis. Si quieres visitar las páginas correspondientes a las capturas, dirígete a las Webs de sus autores:

Los mejores diseños de páginas Web y Blogs

Desarrolla un dominio para aumentar su valor

sfilippi — Fri, 26 Feb 2010 08:43:33 +0000

Existen muchos nombres de dominios de calidad en el mercado, pero muchos de ellos no se aguantan por su propio pie. Se trata de nombres de dominios que se venden por precios bajos, precios entre dos y tres cifras. Lo mejor que podemos hacer cuando compramos un dominio de este tipo es desarrollarla para aumentar su valor.

Muchos de vosotros os preguntaréis si es realmente necesario invertir ese tiempo en un nombre de dominio: “Los inversores en dominios compran nombres de dominio y no páginas Web, ¿no?” Bueno, esto no es del todo cierto. De forma similar a cuando adquirimos una casa, si esta ya parecía atractiva a los visitantes y tenía una fama ganada, la compra es más rentable.

Lo mejor para un dominio que está aparcado sería tomar un diseño agradable, escribir en ella contenidos informativos y útiles, y formar un flujo de tráfico decente. Pero lo más importante de todo será vender el nombre y, además, demostrar al futuro comprador que tiene aplicaciones muy útiles.

¿Cómo analizar la usabilidad de una página Web?

sfilippi — Wed, 24 Feb 2010 11:07:02 +0000

Seas una corporación multinacional o un individuo con sueños de montar una página Web popular, tendrás que invertir un buen porcentaje de tu dinero y tu tiempo en el proyecto, irremediablemente.

Por un largo tiempo, se ha estado asumiendo que es suficiente con que una página Web sea atractiva y emplee una buena estrategia de marketing, pero se ha estado pasando por alto una parte muy importante: retener al público. Una vez los usuarios llegan a tu página, podrán sentirse como pez en el agua o totalmente perdidos. Obviamente, nos interesa más que nuestros visitantes encuentren lo que buscan de forma casi intuitiva, así que no podemos olvidarnos de la Usabilidad de nuestra Web.

Podemos distinguir 5 factores de usabilidad:

Poca necesidad de aprendizaje.
Uso eficiente
Fácil de recordar
Frecuencia e importancia de los errores
Satisfacción subjetiva

Usereffect.com ofrece un listado de 25 puntos imprescincibles para analizar la usabilidad de una página Web. Y si tu bolsillo te lo permite, te recomiendo contratar el asesoramiento de un experto en el tema, no imaginas cuánto puede ayudar al éxito de tu proyecto Web.

¿Cómo crear plantillas CSS y HTML sin saber nada de programación? Utiliza Drawter

sfilippi — Mon, 08 Feb 2010 21:25:39 +0000

A continuación, os dejo los pasos a seguir para crear código CSS o HTML con Drawter:

1. Entra en la Web de Drawter y selecciona el modo de navegación “Draw”. Dibuja un rectángulo (nodo) con las dimensiones que elijas.

2. Selecciona los elementos de la barra de herramientas del lado y elije los parámetros básicos de la página que vas a crear. Luego dale un título apropiado, selecciona el tipo de documento y el idioma de la Web.

3. Para añadir contenido a la caja que hemos creado, selecciona “Edit” y luego haz click sobre el rectángulo. Verás aparecer una caja de contenido donde podrás escribir lo que quieras.

4. Si quieres insertar enlaces, selecciona “a” en el menú desplegable. Del mismo modo, para añadir cabeceras H1, selecciona H1 desde el mismo menú.

Para darle estilo al bloque HTML, elije la fuente y el tamaño de la letra, el color y el fondo. También puedes usar una imagen de fondo añadiendo la URL de la imágen en el campo “Background image”.

5. Añade los parámetros de estilo que quieras desde el bloque “Other box styles”. Tienes gran variedad de propiedades entre las que elegir, así que tendrás que exprimir un poco tu creatividad en este paso.

6. Cuando termines, haz click sobre “Generate Code” desde el menú de navegación. Drawter creará el código HTML y CSS completo para el bloque que acabas de diseñar.

7. Cuando tengas todo el código de cada uno de los bloques que quieres añadir a tu blog o página Web, sólo tienes que pegarlo antes de la etiqueta de CSS. En cambio, si se trata de una página HTML, pégalo después de la etiqueta .

Si tienes cualquier duda, no te cortes y déjanos tus comentarios.

Vía | www.techie-buzz.com

Los desarrolladores Web van a dominar el iPad de Apple

sfilippi — Tue, 02 Feb 2010 22:24:31 +0000

Muchos comentaristas de tecnología parecen en desacuerdo con que el iPad parece más un “paso evolutivo” que un “paso revolutivo”. Para algunos, el iPad podría ser una oportunidad de revolución, ya que podría demostrar que los usuarios están dispuestos a pagar por la “experiencia” que les aporta el uso de la tecnología, y no sólo por la potencia de la tecnología en sí.

Creo que el iPad tendrá éxito, porque se basa en el consumo directo de “contenido”:

Audio, a través de iTunes
Video, también por iTunes.
Aplicaciones de iPhone,a través de Apple Store.
Libros a través de iBooks.
La Web, la más abierta y versátil de todas estas opciones.

¿Curioso verdad? La Web puede incorporar cada una de las funciones de los demás elementos de la lista, incluidas las aplicaciones para iPhone. Pero eso no es todo, porque dadas las especificaciones del iPad y el tamaño de la pantalla, el diseño Web es uno de los métodos más sencillos y adecuados para crear contenidos para el iPad.

Los entornos de desarrollo para iPhone sólo se lanzaron a través del SDK. Al comienzo varias opciones disponibles en Safari Mobile actualmente comenzaron a desarrollarse, y las herramientas clave para conectar con las funciones del iPhone (vibración, acelerómetro, geolocalización) no existían.

Hoy las cosas han cambiado. Con el soporte de herramientas como jQTouch, resulta realmente fácil crear aplicaciones de iPhone con HTML, CSS, y JavaScript. Con PhoneGasp, puedes manejar el sistema de vibración, el acelerómetro y el geolocalizador. ¿Y qué más? PhoneGap además te permite crear tu aplicación para múltiples plataformas, como Android y Blackberry.

Si quieres saber cómo funciona, podéis ver este tutorial de Bill Peña. Y para entrar realmente en detalle, os recomiendo este libro de Jonathan Stark. A partir de aquí, traladarse al iPad no debería ser tan difícil. Como han tweeteado los de PhoneGap:

Para aquellos que no lo sepáis, el iPad es compatible con PhoneGap por defecto. – tweet de PhoneGap (Traducción libre)

Esto son grandes noticias para los desarrolladores de página Web, porque ya no es necesario aprender a programar en Objective C para crear buenos contenidos de texto, audio, video, imágenes y contenidos interactivos en general, basados en un entorno Web.

Vía | www.radar.oreilly.com
Fotografía | www.flickr.com

5 trucos de diseño para acelerar tu Página Web

sfilippi — Mon, 01 Feb 2010 21:24:11 +0000

Es muy frustrante para los usuarios de nuestras páginas Web que tengan que esperar a que la página acabe de cargarse. Cada día la velocidad de transferencia de información es más importante para tener éxito en las nuevos medios. A continuación os traemos 5 consejos de diseño de páginas Web que acelerarán la carga de sus contenidos:

Imágenes: Optimizar las imágenes que aparecen en tu Web es uno de los aspectos más importantes. Un buen método es evitar usar imágenes que ocupen más de 10Kb.
Utiliza CSS: Separar el estilo visual de la web de los contenidos es imprescindible. Conoce las ventajas de emplear CSS en tu página Web.
Reduce las llamadas http al servidor: Combinando todos los archivos necesarios para cargar una página (ej. todo el código javascript en un mismo fichero externo y todo el código css en otro fichero externo) reducirlas as llamadas http drásticamente.
El tamaño importa: Si una página es pequeña y el código que emplea es poco, se cargará antes, esto es mas que obvio.
Combina tus imágenes en sprites (con CSS): Esta técnica es fundamental, ya que permite combinar múltiples imágenes en una sola, y utilizando propiedades de CSS como “imagen de fondo” y “posición de la imagen” puedes mostrar solamente las partes relevantes de la imagen total.

Mañana hablaremos de este último método, y explicaremos como convertir imágenes en sprites para acelerar el rendimiento de nuestra Web.

Vía | www.digimode.co.uk
Fotografía | www.flickr.com

¿Qué plantilla elijo para mi página Web?

sfilippi — Tue, 05 Jan 2010 15:33:54 +0000

Si has decidido armarte de valor y crear tu propia página Web profesional, puede que estés en la fase en la que debes elegir una plantilla adecuada que se ajuste a los contenidos y a la imagen que quieres dar. Este es uno de los pasos que más cuesta decidir, así que os traigo una breve lista de consejos que pueden ayudaros a elegir de forma correcta:

Código: Ten en cuenta que una página en HTML o CSS válida se mostrará adecuadamente en cualquier máquina de tus visitantes, además no tendrá problemas de carga a causa de errores de programación. De hecho, yo te aconsejaría que prefirieras emplear plantillas en CSS en lugar de tablas. Las tablas sirven para almacenar datos, sin embargo, cuando se utilizan para crear diseños, el código puede ser válido, pero las páginas tardarán mucho más en cargarse.
Apariencia: Una plantilla de calidad debería ser una obra de arte. Los colores deben ser complementarios y, al mismo tiempo, guiar al usuario atrayendo su atención sobre los contenidos más importantes.
Función: Recuerda que una página Web debe ser funcional para tus visitantes y para ti mismo. La navegación tiene que ser intuitiva, la página debe ser leíble con resoluciones normales, y el diseño debe facilitar el escaneo rápido de los contenidos. Además, ten en cuenta que cualquier página Web tiene que darte la opción de modificarla fácilmente, tanto los contenidos como su apariencia.

Espero que estos consejos te puedan ayudar a diferenciar entre plantillas mediocres y aquellas que tienen gran potencial. Después de todo, acertar el diseño y la codificación de tu página Web puede ser determinante para su éxito y te ahorrara mucho tiempo a la larga. Hace poco, vimos algunas páginas de recursos que ofrecen galerías de plantillas CSS y HTML totalmente gratis, no dudes en echarle un vistazo. ¡Mucha suerte y paciencia en la búsqueda!

Fotografía | www.flickr.com

Ventajas de usar CSS en páginas Web

sfilippi — Thu, 19 Nov 2009 22:05:40 +0000

Son varias las ventajas de utilizar Cascading Style Sheets (CCS), pero hay algunas consideraciones técnicas que se deben tomar en cuenta con antelación si eres administrador de una página Web. Originalmente, las páginas Web eran en la mayoría texto e imágenes, excluyendo menús y otras funciones dinámicas. A lo largo del tiempo se han ido creando diseños que se basaban más en estilos, temas y tablas.

CSS permite a los diseñadores de páginas Web utilizar métodos para crear estructuras tratando los estilos por separado. Los motores de búsqueda revisan las tablas dos veces, con la primera pasada analizan la estructura y con la segunda determinan su contenido. Pero eso no es todo, lo más importante es que utilizar CSS reduce el tiempo de renderización, ofreciendo al cliente una conexión más rápida y eficiente.

Además, los documentos HTML que emplean CSS son más pequeños, ya que el diseño del estilo es reutilizado continuamente, de hecho, la mayoría de veces se implementa una sola vez en un solo archivo. Como podéis ver, emplear CSS para nuestra página incrementa la velocidad de transmisión de la información de los contenidos, lo cual favorece tanto a los clientes como a los dueños de la página y a los administradores del servidor Web.

Fotografía | www.flickr.com