Editor web de código abierto
Escrito el 9 Julio, 2009 por Verónica Milán
ecoder es una aplicación web de código abierto que sirve para crear páginas web. Está creada usando PHP y JavaScript.
Colorea el código fuente según el elemento que sea y permite editar múltiples documentos online al mismo tiempo.
La aplicación tiene un explorador y un cargador de archivos. Múltiples archivos, mientras son editados, pueden ser explorados y guardados fácilmente con ecoder.
De cualquier modo, ecoder se encuentra en fase beta por lo que puede contener algún error de programación, igualmente es una aplicación que promete y merece la pena probar.
Enlace: ecoder
Publicado en Diseño | 2 Comentarios
Probar tipografías (tipos de letras) II
Escrito el 5 Febrero, 2008 por Verónica Milán
Acabo de descubrir una herramienta parecida a typetester, que al igual que la anterior sirve para probar online cómo queda una tipografía determinada modificando sus características principales, a la vez que te devuelve el código CSS necesario para implementarla en tu web.
Como digo la idea es muy similar, ingresas un texto y vas modificando opciones como el tamaño de fuente, color, espacio entre caracteres, alineación, etc. y te muestra a un lado el resultado final y al otro el código CSS necesario. La diferencia con typetester es que csstypeset es más sencilla de usar (tiene menos opciones también), sus controles son más gráficos y de un vistazo ya sabes para que sirve cada uno. Como contrapunto, no permite tanto control sobre las tipografías como typetester y tiene menor número de ellas.
Enlace: csstypeset.
Publicado en Diseño | 2 Comentarios
Iconos gratis para tu página web
Escrito el 14 Noviembre, 2007 por Verónica Milán
SoSymbol es una página web que recopila símbolos o iconos que, aunque de temáticas muy diversas, pueden utilizarse perfectamente para decorar una página web. La mayoría de ellos pueden usarse libremente en nuestras webs (muchos de ellos son de dominio público), y tienen la gracia de ser muy al estilo web 2.0, algo tan de moda últimamente, con los típicos reflejos y degradados que tanto gustan. Algunos ejemplos:
Por lo que si estás pensando en renovar el estilo de tu web, estos iconos pueden ayudarte.
Publicado en Diseño | 9 Comentarios
Crear un favicon para tu página web
Escrito el 16 Septiembre, 2007 por Verónica Milán
Los favicon son esas pequeñas imágenes personalizadas que aparecen en la barra de direcciones del navegador, y también son esas imágenes que aparecen al lado de los nombres de las páginas que hemos guardado en favoritos. Por ejemplo el favicon de LaWebera es este:
Para tener un favicon personalizado en tu web sólo tienes que crear una imagen con extensión .ico y subirla a la carpeta raíz de tu espacio web con este nombre: favicon.ico. Una vez subida la imagen añade este código en las páginas de tu web y listo:
<link rel=”shortcut icon” href=”http://www.miweb.com/favicon.ico”>
Ahora bien. Para crear la imagen .ico no vale cualquier programa. Por ejemplo, Photoshop que es de los más usados, no reconoce este tipo de archivos. Pero no pasa nada, porque como siempre en Internet tenemos herramientas gratuitas que nos solucionan el problema. En Dynamic Drive tienen un generador de favicon (favicon generator) que funciona a la perfección. Le indicas la ubicación del archivo que quieres convetir en favicon (el archivo debe ser en formato gif, jpg, png o bmp) y pulsas “crear icono”. De forma predeterminada te genera el favicon con un tamaño de 16×16 píxeles, listo para subir a tu web, pero si también quieres hacer un favicon más grande para el escritorio o cualquier otra cosa permite crearlos de 32×32 o 48×48 px.
Una buena forma de destacar tu web entre los favoritos de tus visitantes y de darle un toque personal en el navegador.
Publicado en Diseño | 1 Comentario
Redimensionar imágenes online
Escrito el 6 Septiembre, 2007 por Verónica Milán
En Shrink Pictures tienes una estupenda herramienta online gratuita para redimensionar imágenes en Internet, o lo que es lo mismo, para cambiar el tamaño de las imágenes y optimizarlas para la web.
Recordemos que optimizar las imágenes para la web es muy importante, ya que cuanto menos pesen las imágenes más rápido carga la página web y menos ancho de banda de nuestra cuota mensual consumimos.
La herramienta es muy sencilla (y muy básica también). Eliges la imagen que quieras redimensionar de tu ordenador, seleccionas el tamaño máximo que puede tener (puedes elegir entre tamaños predeterminados, establecer un porcentaje del tamaño original o un valor personalizado) y eliges la calidad de resolución.
Publicado en Diseño | 4 Comentarios
RSS