El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estás navegando por el archivo de la categoría Herramientas Online

Yahoo! Media Player, la forma más sencilla de introducir un reproductor de audio en tu web

yahoo media player

Si sueles publicar ficheros con música o podcasts seguro que ya has probado más de una opción para hacerte la tarea de introducir un reproductor de audio lo más sencilla posible.

No sé si ya lo habrás conseguido pero más sencilla que la que nos proponen con el Yahoo! Music Player lo dudo.

Para hacerlo funcionar simplemente tendrás que incluir el script en tus páginas (sin necesidad de descargarlo, llamándolo directamente a los servidores de Yahoo!) y enlazar tus ficheros mp3.

Con sólo ese enlace, colocarás un boton de play/pause con el que tus usuarios podrán escuchar directamente el fichero. El script detectará todos los enlaces a .mp3 de tu sitio y los convertirá en una lista de reproducción. Además, pondrás a su disposición un completo reproductor de audio con el que controlar lo que escuchan, permitiéndoles moverse entre los diferentes archivos de forma cómoda.

Yahoo! Media Player: http://mediaplayer.yahoo.com/

Via Feed My App

Herramientas Online, Javascript

6 Comentarios

Iconza, personaliza y descarga iconos para tus sitios

iconza

Iconza es un sitio que te ofrece un set de iconos, como otros tantos, pero con una interesante novedad: podrás personalizarlos.

Una vez cargado el interfaz podrás escoger el color de tus iconos, el color del fondo y el tamaño, una vez lo tengas listo podrás guardar los iconos uno por uno o descargar el pack completo en un archivo comprimido.

Los iconos podrás usarlos en cualquier proyecto, personal o comercial, sin limitaciones salvo una bastante curiosa (y no por ello menos acertada) ¡no coloques iconos violeta sobre un fondo verde fosforescente!.

Iconza: http://iconza.com/

Vía Maestro Alberto

Herramientas Online, Imagenes, Recursos

6 Comentarios

Hostarting, comparativa de hosting y registro de dominios

hostarting

Seguro que, si tienes proyectos en internet, te has visto alguna vez en la situación de buscar hosting. Es una de las búsquedas más comunes y, generalmente, consiste en una mezcla de lo que te recomiendan tus amigos y de la impresión que te da la página web del proveedor, además de cosas obvias como precio y prestaciones.

Hostarting es el nuevo lanzamiento de Inventa Internet y pretende ayudarnos a todos en esa tarea creando un sitio donde podamos consultar y comparar los planes de hosting, ver las valoraciones de los usuarios y expresar nuestra opinión sobre los servicios ofrecidos.

Sin duda es un territorio donde no siempre ha habido toda la transparencia necesaria y es muy positivo que surjan iniciativas así que nos permitan comunicarnos, obtener información y, a las empresas, les permitan conocer las opiniones de sus usuarios y el lugar que ocupan con respecto a la competencia.

Hostarting: http://hostarting.com/

Vía Loogic

Herramientas Online

3 Comentarios

Color Explorer, la herramienta definitiva para paletas de color

color-explorer

Todos sabemos que la elección de colores es un punto determinante de un diseño, no sólo por los significados de los colores si no por que estos acompañen al visitante de forma agradable y no produciéndole terribles dolores de cabeza.

Color Explorer es una potente herramienta que te ayudará a encontrar colores, combinarlos, extraerlos de fotografías e incluso comprobar la accesibilidad de los tonos seleccionados de forma sencilla.

Podrás crear paletas, guardarlas, editarlas y exportarlas en formatos compatibles con Illustrator y Photoshop así como en txt y PNG.

Una herramienta excepcional con la que podrás empezar a jugar sin necesidad de registrarte, pero con la opción de hacerlo de forma gratuita para poder guardar y acceder a tus paletas tantas veces como necesites.

Color Explorer: http://www.colorexplorer.com

Vïa Wwwhat’s new?

Herramientas Online, Recursos

1 Comentario

Generador de fondos de lunares

dotted background generator

Ya hace algún tiempo os hablaba de un par de sitios donde generar fondos para sitios web: TartanMaker y Background Image Maker. Hacía mucho que no veía herramientas de estas por eso hoy voy a enseñaros otra para agregar más patrones a vuestra caja de herramientas.

Dotted Background Generator genera fondos con lunares de uno o dos colores sobre fondos degradados o lisos. El resultado es bastante agradable y podrás descargarlo como una pequeña imagen de 75px de ancho y el largo que especifiques.

Dotted Background Generator: http://www.pixelknete.de/dotter/index.php

Vía MoMB

Herramientas Online, Imagenes, Recursos

4 Comentarios

iPhone Tester, comprueba como se verán tus sitios en un iPhone

iphonetester

Si te pica la curiosidad de saber como se verá tu sitio en un iPhone pero ni dispones de uno ni tienes ganas de descargar aplicaciones para comprobarlo prueba iPhone Tester.

iPhone Tester es un cómodo simulador web con el que visualizar tus páginas de forma muy similar a como lo hará un usuario de iPhone e incluso te permite girarlo para colocarlo en modo landscape. Eso si, para que el resultado sea más cercano al real deberás usar la última versión de Safari (disponible para Windows y OS X).

iPhone Tester: http://iphonetester.com/

Vía DosBit

Herramientas Online

4 Comentarios

ie6fixer se encarga de la compatibilidad de tus CSS con IE6

ie6fixer

Cuando vi la noticia sobre esta aplicación tuve que revisarla varias veces porque pensaba que era una broma del April’s Fools (ya sabéis, el dia de los inocentes anglosajón).

ie6fixer es una aplicación web que ojalá pronto sea innecesaria cuya finalidad es generar los correspondientes hacks para que tus hojas de estilo sean 100% compatibles con Internet Explorer 6.

Para trabajar con la aplicación simplemente copiaremos y pegaremos el código de nuestras hojas de estilo y escogeremos si queremos crear una hoja específica para ie6 que introduciremos mediante comentarios condicionales (opción recomendada) o si lo que preferimos es introducir hacks en nuestra hoja.

ie6fixer: http://www.onderhond.com/tools/ie6fixer/

Vía anieto2k

CSS, Herramientas Online

3 Comentarios

Redmark, revisión de diseños online

redmark

Hace ya tiempo, por el 2006, os hablaba de una aplicación llamada Conceptshare que nos permitía subir un diseño a un Workspace virtual y permitir que nuestros clientes o colaboradores nos hiciesen correcciones o sugerencias sobre el mismo.

La idea de realizar las revisiones visualmente me parece muy acertada y práctica, sobre todo para los que trabajamos a distancia de nuestros clientes pero ConceptShare tiene una pega: no tiene planes gratuitos así que, para los que no amortizaramos el coste de la suscripción quedaba casi descartado.

Hoy me contacta Anton Babadjanov para presentarme el proyecto que él y su equipo están desarrollando: Redmark.

Redmark es muy similar a ConceptShare. subimos nuestro diseño, enviamos invitaciones a nuestros clientes para que revisen el diseño online y nos indiquen que deberíamos cambiar o como ven ellos que iría mejor la cosa. En el dashboard de la aplicación podremos acceder a un resumen del trabajo pendiente.

redmark2

Por el lado del cliente todo es muy sencillo, recibe un enlace, revisa el diseño y listo. No tiene por qué registrarse ni dar datos de ningún tipo. Y por el lado de cuidar nuestro bolsillo, una buena noticia, Redmark dispone de una versión gratuita que cubrirá las necesidades de quienes no tengan que tratar con demasiados clientes en cada proyecto ya que nos permite crear proyectos ilimitados e invitar a dos clientes.

Actualmente están en beta privada pero han sido tan amables de ofrecerme un código que permitirá que nos registremos 50 personas. No sabía como hacerlo público así que lo dejo aquí, daos prisa y aprovechadlo mientras funcione: M31002.. Me comentan que ya no funciona el código, si me llegasen a dar más os avisaría

Redmark: http://www.redmarkit.com

Herramientas Online, Recursos

7 Comentarios

Styleneat, hojas de estilo ordenadas y limpias

Styleneat

Mantener las hojas de estilo ordenadas, que sigan una cierta lógica, es una de esas buenas costumbres que todos deberíamos cultivar.

No obstante, cuando heredamos código de otros desarrolladores o, incluso, cuando trabajamos con prisas o sin prestar suficiente atención, podemos encontrarnos con auténticos desastres.

Styleneat es una cómoda aplicación online que promete dejar tus hojas de estilo limpitas como una patena. Para ello sólo tendrás que cargar tus estilos de una de las tres formas disponibles (pegar directamente el código, subir el fichero css o importarlo desde una dirección web).

Una vez cargado el código podrás seleccionar unas cuantas opciones para formatearlo: organizar las propiedades alfabéticamente, organizar selectores alfabéticamente (con cuidado, según pone la propia web, así que supongo que podría salir mal), importar y organizar el código de hojas de estilo enlazadas (@import) y si queremos formatear nuestras reglas de estilo en una sola línea o en varias. Por último, existe una casilla etiquetada “safe organize” que supongo prevendrá a la aplicación realizar acciones que pudieran “romper” nuestras hojas de estilo.

Styleneat

Supongo que os resultará práctico para poder presumir de tener unas hojas de estilo perfectamente ordenadas y limpias.

Styleneat: http://www.styleneat.com/

Vía Wwwhat’s new?

CSS, Herramientas Online

Comenta

Link Vendor, múltiples herramientas profesionales para SEO

link vendor

En este blog ya hemos hablado de un montón de herramientas SEO pero la mayoría de ellas se enfocaban en un aspecto único.

Link Vendor engloba múltiples herramientas en un sólo lugar, haciéndolas más accesibles y cómodas. Las herramientas se dividen en varios tipos:

  • Análisis del sitio (pagerank, alexa, marcadores sociales, test de velocidad…)
  • Herramientas para keywords (densidad, posición)
  • Server y dominios (edad del dominio, popularidad…)
  • Herramientas para enlaces (backlinks, enlaces salientes…)
  • Miscelánea (generador de sitemaps, de metatags…)

Link Vendor: http://www.linkvendor.com

Vía Chica SEO

Herramientas Online, SEO y SEM

6 Comentarios

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna