Después de tener el diseño de nuestra página ya creado seguiremos configurando las opciones más avanzadas como: etiquetas para SEO, código para Google Analytics, creación de base de datos, sistema de comentarios… Por último, cuando ya tengamos todo a nuestro gusto podremos publicar nuestro site directamente presionando el botón Publish y el sistema será el encargado de crear una url como: www.nombre.basekit.com

Aún estando en fase beta (el lanzamiento oficial se realizará a finales de este mes) son varias las mejoras que se podrían integrar como: más variedad de plantillas y widgets, un sistema e-commerce, posibilidad de guardar el código HTML generado, mayor agilidad en la plataforma, un mejor sistema para la subida de archivos, etc. Como comentario final remarcar que BaseKit fue ganador de seedcamp 2008 y cuenta con varios inversores de capital riesgo, por lo que obviamente la herramienta no podía ser gratuita:

• £10.00/mes – Plus Package: con acceso a la herramienta, creación de páginas ilimitadas y un hosting para un tráfico modesto.
• £20.00/mes – Pro Package: con todo lo anterior pero para un tráfico superior a las 25,000 visitas mensuales.

La herramienta se encuentra en beta cerrada, lo que significa que es necesario tener invitación para utilizarla. Si estás interesado simplemente deja un comentario con tu email a continuación para recibir una invitación (+20)

Web: basekit.com

Sin lugar a dudas un golpe más a Flash, ya que las mejoras son evidentes:

• La calidad nativa del codec h.264 es mucho mejor a Flash (que al final no fue inventado para reproducción de videos).
• El uso de procesador requerido para ver videos usando h.264 es extreamadamente inferior a ver el mismo video usando el plugin de Flash.

Aún no muy extendidos los reproductores de video en HTML 5, estos son una muestra de su gran potencial:

Video for Everybody!

Video for Everybody es simplemente un trozo de código HTML que incrusta un video en un sitio web utilizando el tag <video> de HTML 5. Si no es soportado pasa a QuickTime y Flash automáticamente, todo se hace sin JavaScript y requiere sólo dos ficheros de codificación OGG y MP4, por lo tanto, funciona en lectores RSS (sin JavaScript), en iPhone / iPad (no admite Flash) y en muchos exploradores y plataformas (lista completa).

Su funcionamiento es muy sencillo: si tu navegador es compatible con video HTML 5, Video for Everybody se utiliza. En otros navegadores que no admitan el tag <video> vuelve a reproducirse en QuickTime, si QuickTime no está instalado, se utiliza Adobe Flash y si no funciona nada de lo anterior, es decir, el navegador no soporta HTML 5 y no tenemos instalado ni QuickTime ni Adobe Flash, se muestra una imagen de la película con enlaces para la decarga del video.

Por el momento tiene licencia creative commons 3.0 (atribución) y podemos ver un ejemplo en funcionamiento desde camendesign.com

SublimeVideo

Sublime Video es un reproductor de video HTML 5, para que los usuarios pueden reproducir videos sin necesidad de instalar plugins o dependencias de Flash en el navegador. Es compatible con el modo de ventana completa con elegantees transiciones zoom-in/out y posee controles para avanzar o retrasar el video desde la barra de tiempo. En su última versión añade soporte para iPhone e iPad y la actual versión de Firefox (v3.6+) entre otro navegadores soportados.

La idea es liberar pronto SublimeVideo para un uso completamente gratuito, actualmente tiene una licencia creative commons 2.5 (no comercial) y podemos verlo en funcionamiento desde jilion.com

Alternativas gratuitas (no tan populares) a Photoshop:

Photobie

Se trata de un programa muy sencillo de utilizar con el que podrás: editar, rotar, redimensionar, retocar… todas tus imágenes haciendole todo tipo de modificaciones, con la posibilidad añadida de trabajar por capas. Como novedad Photobie añade un nuevo formato de archivos en formato .POB además de los soportados: BMP, GIF, JPG, PNG, TIF, ICO.

Descargar: Photobie (3,4 MB)

Photo! Editor

Antes conocido como Photo Toolkit, es un programa que ofrece un conjunto completo de herramientas de edición de imágenes. Su caraterística principal es su integración en el visor de imágenes de Windows, además de poseer también una interfaz independiente y varias funciones divertidas como una herramienta muy completa para maquillaje y otra para realizar caricaturas.

Descargar: Photo! Editor (7,7 MB)

Phantasmagoria

Es un programa muy sencillo de retoque fotográfico ya que su objetivo principal es aplicar efectos a nuestras imágenes. Alguna de sus caraterísticas son: editar y mejorar imagenes, soporte para varios formatos de imagenes, docenas de efectos para aplicar a nuestras fotos haciendo un simple click y la novedad de exportar directamente a nuestra cuenta de Flickr.

Descargar: Phantasmagoria (3,3 MB)

Image Analyzer

Es un avanzado programa de retoque y corrector fotográfico. Su principa atractivo son sus plugins que le aportan varias características interesantes de las que carece el programa como: soporte para imagenes en alta definición High Dynamic Range (HDR), modelos en 3D, tratamiento de imagenes por lote… presume además de convertir entre colores: RGB, CMY, HSI, Lab, YCbCr, YIQ y PCA y soportar ficheros en: BMP, ICO, CUR, WMF, EMF, PNG, MNG, GIF, PCX, JPEG y JPEG 2000.

Descargar: Image Analyzer (1,3 MB)

Artweaver

Programa cuya misón principal es la de crear dibujos con sus 19 pinceles, cada uno con sus ajustes específicos para conseguir todo tipo de efectos: artístico, caligráfico, tiza, carboncillo, acrílico… Destaca también el soporte de capas, la utilidad de clonado, el formato propio del programa .AWD (Artweaver) y su soporte PSD sin capas.

Descargar: Artweaver (6,3 MB)

Active Pixels

Es un editor gráfico muy similar a Photoshop desde la disposición de sus menús y ventanas, hasta la forma en la que se coloca su interfaz. También son similares muchos de sus atajos de teclado. Sus características son: sus 53 filtros agrupados en nueve tipos, herramientas de todo tipo, navegador de imágenes, capas y un optimizador automático de fotografías.

Descargar: Active Pixels (7,1 MB)

VCW VicMan’s Photo Editor

Con una interfaz sencilla VicMan’s Photo Editor permite retoca y añadir efectos a nuestras imágenes con facilidad. Tiene algunas carencias básicas en este tipo de programas como la ausencia de “volver atrás” pero lo suple bien con sus más de 20 efectos a aplicar directamente sobre las imágenes, más de 100 tipos de filtros y sus más de 30 tipos de archivos soportados.

Descargar: VCW VicMan’s Photo Editor (10,7 MB)

PaintStar

Gratuito desde su versión 2.70 PaintStar es un completo programa dedicado a la edición y retoque fotográfico, cuenta con una interfaz dividida en bloques de ventanas independientes para las capas, menús, paleta de colores… Entre sus características destacan: sus cientos de efectos y filtros para retocar imágenes, opciones de modificación de color, brillo, saturación y en general todos los aspectos de la imagen, soporte para crear gráficos 3D desde cero, trabajo con capas ilimitadas, soporte para canal Alfa y etiquetas EXIF y sus más de 30 formatos de archivos soportados.

Descargar: PaintStar (2,5 MB)

Helicon Filter

Gratuito desde hace unos días para su versión 4.93 Helicon Filter nos permite optimizar nuestras fotografías digitales de forma muy sencilla. Su interfaz se muestra a modo de pestañas y con una característica que se agradece en este tipo de programas de retoque fotográfico como es la doble ventana que nos muestra la foto editada antes y después de los cambios.

Descargar: Helicon Filter (32,4 MB)

Photo Pos Lite

Versión liviana y sencilla de Photo Pos Pro, es un práctico visualizador con opciones para edición fotográfica, además cuenta con herramientas para manipular y optimizar imagenes fácilmente, realizar modificación de tamaño, conversión de un formato a otro, modificación de los valores de color, brillo o contraste, elimina el efecto ojos rojos, añade filtros y efectos especiales, herramientas básicas de dibujo y tiene soporte para escáner y cámaras digitales.

Descargar: Photo Pos Lite (16,2 MB)

Mozilla Prism [Win-Mac]

De la mano de Mozilla Labs tenemos a Prism, un sistema capaz de simular aplicaciones de escritorio a partir de aplicaciones web. XULRunner se encarga de ejecutar las páginas XUL que componen el interfaz de Firefox. De igual forma Prism, se encarga de crear plantillas en XUL con nuestras aplicaciones para ejecutarlas posteriormente.

Las aplicaciones creadas pueden:

• minimizarse en la bandeja del sistema / Dock y la navegación puede ser añadida allí
• configurarse para mostrar mensajes de estado y ventanas emergentes en la bandeja del sistema / Dock
• y más…

Fluid [Mac]

Fluid está basado en Webkit y funciona bajo MacOS X. Es sencillo de configurar y los pasos principales para crear una SSB son: introducir la URL, configurar el nombre y opcionalmente el icono, hacer clic en crear y en cuestión de unos pocos minutos el sitio web estará convertido en una aplicación de escritorio Mac y aparecerá en el Dock.

Fluid permite crear aplicaciones de escritorio Cocoa con:

• icono del Dock
• barra de menú estándar
• Growl Notifications
• Userscripting (Greasemonkey)
• y más…

Bubbles [Win]

Bubbles es quizás la más sencilla de utilizar ya que es un navegador cuya misión es crear una ventana específica para cada servicio web que quieras utilizar, además de poder añadir cualquier dirección, hay extensiones para: Facebook, Google Calendar, Google Reader, Gmail, Flickr, Meebo…

Soporta:

• icono en la bandeja del sistema y menú contextual
• notificaciones
• drag and drop para arrastrar tus fotos a la ventana subirlas automáticamente a tu cuenta de Flickr
• y más…

Mango [Win]

Aparentemente el choof de la lista al depender de Internet Explorer para crear un fichero XML especial. Mango muestra una barra de menú con las funciones del sitio cargado y una vez configurada nuestra página favorita ofrece la posibilidad de crear un ejecutable independiente que la abrirá según nuestras preferencias.

Permite crear un sitio web con características como:

• icono en la bandeja del sistema y menú contextual
• minimizar a la bandeja
• siempre en la parte superior
• modo de pantalla completa
• ancho/ alto fijo
• y más…

Vía: webresourcesdepot.com

• Instantizer: tan sencillo como rellenar un formulario con: la ruta de la imagen, una descripción o nombre y el grado de rotación. Conseguirás un enlace válido para 24h y podrás guardar la imagen en tu ordenador sin ningún tipo de publicidad ni marcas de agua.
• Photo Notes: ofrece varias opciones extras si lo comparamos con el anterior, permite cambiar el tamaño y saturación de nuestra foto, elegir la posición y también permite elegir varios estilos de fuente para el texto o hacer un dibujo a mano, así como configurar el tamaño y el color. Una vez terminado el proceso, algo lento dependiendo del peso de la imagen, podremos enviarla por mail, publicarla en la galería o guardarla en nuestro ordenador. Tampoco utiliza marcas de agua.

• Rollip: quizás el más completo de los tres, permite elegir hasta 12 estilos de Polaroid diferentes, y también escoger entre varios marcos con diferentes efectos. Para terminar puedes guardar tu imagen (tampoco inserta publicidad, ni marcas de agua), enviarla por mail, publicarla en Facebook, myspace o cualquier red social.
• Poladroid: es una aplicación gratuita, muy liviana que funciona en Windows y Mac. Su interfaz no es más que una antigua cámara de fotos Poladroid con todos sus efectos. Es ideal para convertir fotos con gran tamaño y obtener una buena resolución, aunque el proceso no es nada rápido, ya que tendremos que esperar como las de verdad hasta que termine de “secarse la imagen”, ¡merece la pena! Como punto negativo, por el momento no ofrece opción de añadir texto en los marcos, así que tendremos que editar las fotos nosotros mismos.

Vía: onsoftware.com

Hostarting.es

Hostarting es un web (en fase beta, por lo que debemos perdonarle fallos puntuales) completamente en español donde podemos comparar los precios y características de los servicios de hosting y registro de dominios, por el momento unas 60 empresas y 662 planes de hosting (esperamos la incorporación de mayor número de empresas extranjeras). Además no queda ahí la cosa, ya que podemos crearnos nuestro usuario (de una forma muy rápida y sencilla, sin rellenar los típicos datos absurdos de estos casos) para votar y comentar los servicios que hayamos probado o de los que tengamos conocimiento.

Comparador Hosting

Para comenzar a utilizarlo tendremos que responder a dos preguntas básicas, a partir de las cuales estrechar en gran medida nuestra búsqueda:

• Tipo de hosting (Web, Virtual o Dedicado)
• Plataforma (Windows o Linux)

Una vez que tenemos la tabla de comparación con la información básica para mostrar, como es: el nombre y link al plan, empresa, tipo de hosting (se agregan opciones más concretas), valoración media de los usuarios y precio (en €/mes) nos permite además añadir tres filtros un poco más técnicos para concretar aspectos fundamentales como: el espacio, la memoria RAM, transferencia, bases de datos, soporte técnico, etc. Para finalizar escogemos hasta tres “finalistas” con los que hacer una última comparación con todos sus detalles y desde ella acceder a los comentarios de la empresa de hosting y del plan específico que nos deberían convencer para decantarnos por uno u otro.

Registro de dominios

Para registrar dominios, dispone de buscador que comprueba si está disponible y a continuación nos ofrece escoger el tipo de dominio y la empresa con la que queremos registrarle, ordenadas todas de menor a mayor precio, una pena que al pulsar contratar no nos redirija directamente al formulario de registro con su factura. En este apartado más que nada llama la atención el desfase de precios que existe de una a otra empresa en un mismo producto, por ejemplo un domino .com, a 4,99€ con 1and1 puede llagar hasta los 18€ con Centrored.

Participación de los usuarios

Por el momento permite votar los planes de hosting y dominios de las empresas disponibles y hacer comentarios dando nuestra opinión ya sea positiva o negativa. Esperemos que no tengan problemas con las empresas cuando empiecen a llegar comentarios negativos a cerca de sus servicios, porque ya sabemos que estas no son muy amigas de recibir críticas. Por otro lado me ha parecido genial la integración con twitter ofreciendo de este modo gran cantidad de opiniones al momento de personas reales.

Para finalizar recomiendo también echar un ojo al blog de hostarting.es, ya que cuenta con interesantes artículos como consejos para elegir hosting, encuesta para saber cúanto pagas de hosting y todas las novedades sobre registros de dominios.

Web: hostarting.es

Para animarte a crear un blog o renovar tu diseño si ya tienes uno, en 2expertsdesign.com han recopilado 10 de los mejores themes para bogger tipo Magazine, la moda de dar mayor relevancia a las imagenes y mostrar mayor contenido en portada:

Mahusay

Demo Descargar

The Latest

Demo Descargar

Woodmag

Demo Descargar

Community

Demo Descargar

Mobipress

Demo Descargar

Driftwood Mag

Demo Descargar

Dreamy

Demo Descargar

Turn Out Magazine

Demo Descargar

GameZine

Demo Descargar

GumBalle Special

Demo Descargar

Si ninguno de los anteriores es de tu estilo en btemplates.com, podrás encontrar cientos de themes gratuitos para blogger organizados por número de columnas, colores, estilos, descargas…

Estas son 4 de las mejores radios libres en Internet disponibles para pinchar como hilo musical en tu lugar de trabajo, escuchar en tus momentos de relax o simplemente como alternativa a los paylist de Spotify.

Resonance 104.4 FM

Se emite desde el centro de Londres. A través de la FM han crecido, pero la red les ha mantenido en activo gracias a las donaciones en su web. Bajo el epígrafe de ‘Art of listening’- el arte de escuchar-, se ha hecho un hueco “haciendo públicos trabajos que no tienen lugar en los medios tradicionales”.

La web es un blog donde publican sus últimos shows, que también se pueden descargar mediante podcast, suscribiéndote a un canal en concreto de los once disponibles o al feed completo. Variedad de estilos en la primera radio artística londinense, organizada por el London Musicians’ Collective.

Link del stream

Scannerfm.com

Primero en Internet y luego también en una emisora de barrio. De ahí… a un Premio Ondas por su retransmisión en directo del festival Primavera Sound. También fue la primera emisora española que se pudo escuchar a través de teléfonos móviles.

En su web, muy completa podrás encontrar: las últimas noticias músicales en su sección de actualidad, reportajes con todo detalle de los últimos festivales (recomendables por la fechas el de FIB Heineken 2009: Aún no nos hemos repuesto y BBK Live’09: Bilbao Mon Amour), una sección de fotogalerías con más de 3.000 imágenes alojadas en su flickr, un indispensable TOP 50 con las canciones que más suenan, reproducibles con su cover y crítica y otro apartado dedicado al vídeo en scannerTV con: entrevistas, scannerLIVE y La semanada un videopodcast (con humor) de la actualidad del mundo de la música.

Canales de radio

Wfmu

Una iniciativa local en constante progresión. En esta plataforma, con base en Nueva York, apuestan por la idea de radio ‘despersonalizada’: no hay locutor. El propio oyente accede a los contenidos de las ‘playlist’ que conocidos selectores y Djs autóctonos eligen con mimo y dedicación.

Su página cuenta con todos los medios para hacernos llegar su música, ya sea a través del iPhone, teléfono móvil, Podcasts, audio stream directo, feed MP3… una gozada de música para nuestros hilos musicales.

Link del stream

Musicvictim.com

Esta emisora, más despersonalizada pero con listas de canciones seleccionadas por amantes de la música, ofrece un servicio de música continua a hoteles, restaurantes o la página web del Festival Internacional de Benicàssim. Hilo musical de lujo.

Un blog disponible en varios idiomas (español entre otros), nos informa de las últimas novedades, discos/vídeos de la semana, 4 tipos de emisoras de radio:

• MV1: pop y rock contemporáneos.
• MV2: música eléctrónica y de baile.
• MV3: sesentas, setentas y ochentas.
• MV4: indie en español.

canales ordenados por estilos, estados de ánimo, playlists creados por los usuarios, también disponibles como podcast y un victimletter para recibir periódicamente (cada 15 días) en tu email las últimas novedades de esta emisora independiente.

Link radio

Estas son una gran variedad de técnicas para crear menús en CSS que realmente muestran la capacidad de las hojas de estilo:

1. The Menu menu



Se cierne sobre un elemento del menú para mostrar un submenú. Si quieres utilizar este menú en tus trabajos simplemente copia el código fuente de su página. Demo en la página.

2. Pure CSS hover menu



Con esta técnica CSS, podrás crear un menú orientado verticalmente que muestre un submenú cuando un elemento del menú principal está seleccionado. Demo en la página.

3. Matte CSS Menu



Mate es un simple menú CSS con esquinas redondeadas usando sólo dos pequeñas imágenes de 13styles. Su creador es David Appleyard, que tiene un montón de simples y avanzados menús basados en CSS. Demo en la página.

4. CSS Blur Menu



Esta técnica de CSS muestra un método de creación de un menús que desdibuja los elementos del menú siguientes cuando se coloca el ratón sobre un elemento. Demo en la página.

5. CSS Horizontal Menu



Ian Main ofrece una gran cantidad de menús libres con estilo CSS y fácil de implementar en tus proyectos. Demo en la página.




6. Woody CSS Menu



Woody es un menú CSS que está listo para su uso ya que ha sido probado en: IE6, IE 7, Firefox, Opera, Safari y Chrome. Para modificarlo a tu gusto deberás comprar el archivo .psd. Demo en la página.

7. Advanced CSS Menu



Creado por Nick La, es uno de los más destacados de la lista de menús, utiliza la propiedad ‘CSS position’ y contiene un completo tutorial para personalizarlo a tu gusto. Demo en la página.

8. Simple Yellow Tabbed



Este menú es de la página CSS Menu Generator que contiene menús libres de alta calidad, además nos permite modificarlos desde la web y descargar el nuevo código directamente. Demo en la página.

9. Vimeo-Like Top Navigation



Está basado en el menú CSS de navegación de la web de videos Vimeo. Demo en la página.

10. Simple CSS-based drop-down menu



Técnica muy básica basada en menús desplegables CSS, excelente para cualquier tipo de menú. Demo en la página.

11. Two Level Horizontal Navigation in CSS



Veerle Pieters CSS ofrece un menú y tutorial creado con la propiedad CSS ‘text-indent’. Demo en la página.

12. Tabbed Navigation Using CSS



Excelente manual para la creación de un módulo de interfaz por pestañas basado puramente en CSS. Dentro de las pestañas de la página puedes conocer las instrucciones sobre la forma de aplicar esta técnica. Demo en la página.

13. CSS Mini Tabs (the UN-tab, tab)



Popular diseño CSS de la agencia SimpleBits, muestra la forma para la creación de mini pestañas. Ver el código fuente en la página de demostración para aprender cómo funciona (el código está con formato para facilitar su lectura). Demo en la página.

14. CSS Block Navigation Menu



Esta técnica de menú CSS permite crear un menú de navegación que contiene el título con las descripciones. Demo en la página.

15. CSS Menu with Descriptions



Esta técnica presenta un método para crear un menú que se expande horizontalmente cuando se pone el puntero del ratón sobre el. Demo en la página.

16. CSS Hover Button



Excelente tutorial para la creación de un menú de navegación mediante botones CSS. Demo en la página.