06.Aug.2007

CodePress

Posteado en JavaScript, Herramientas Online, PHP a las 22:00 por RetroFOX

OnLine Real Time Syntax Highlighting Editor. Detrás de este descriptivo subtítulo se encuentra un editor de código fuente que colorea el texto acorde con la sintaxis correspondiente al lenguaje que trabajemos. Soporta una buena cantidad de lenguajes; asp, csharp, html, java, ruby, php, javascript, etc.

Está programado en javaScript lo que naturalmente nos permite editar en tiempo real mientras tipeamos en el browser. Esta es una de las principales diferencias con otros productos como por ejemplo GeSHI.

Es especial para implementarlo dentro de un site como herramienta OnLine de edición como cPanel o Plesk.

En el SiteOficial se puede descargar, guía de ayuda, demo, etc …

25.Jun.2007

Pingdom Tools

Posteado en Herramientas Desarrollo WEB, Herramientas Online a las 14:18 por RetroFOX

PingDom Tools es una herramienta onLine que nos permite testear la carga completa de una página HTML incluyendo todos los objetos de las mismas; o sea imágenes, CSSs, JavaScripts, RSSs, películas Flash, frames fijos e iframes. No hay que ser muy astuto que de ahí se desprende su nombre: Ping Dom.

Está muy bueno analizar cuales son los elementos que tardan más en cargar, orden del mismo y elementos que nunca fueron cargados. De esta manera vemos algunos links rotos, como por ejemplo cuando hacemos hotlinking sin pensar en nuestro camarada (y él tampoco pensó en nosotros …).
Esta captura muestra el Test del Blog donde se pueden apreciar los links rotos, lo que aumenta el tiempo de carga empeorando el tiempo final. Debo arreglarlo YA !.

Interesante herramienta que podría formar parte de las pruebas a superar de nuestros diseños.

07.Jun.2007

Editar CSS con FireBUG

Posteado en Herramientas Desarrollo WEB, Herramientas Online, RetroFOX a las 10:37 por RetroFOX

Hace tiempo me veo impactado por los videos colgados en internet. YouTube, Google Video, JumpCut y la pila de servicios para tal fin están a su manera y a su naturaleza revolucionando la web.

Uno de los aspectos que más me entusiasma es la posibilidad de aprender por medio de videos. Tutoriales de edición de imágenes, como hacer nudos, como ser imbatible en la payana y cuanto tema de nos ocurra puede resultar una tarea sencilla de aprender si lo podemos asimilar visualmente.

Haciéndome eco del revuelo hice este pequeño tutorial bajo Ubuntu que nos permite retocar estilo CSS de nuestra página mediante FireBUG, extensión fundamental de FireFOX al menos para mi y otros tantos más. El video simplemente muestra como podemos modificar colores y dimensiones del aspecto general. Es mi primer trabajo y como tal no es de lo mejor. A ver si me animo y le agrego una pista de audio explicando el proceso de edición. Por lo pronto nos puede servir para orientarnos inicialmente

En fin …por lo pronto nos puede servir para orientarnos inicialmente en una de las potentes herramientas que nos brinda FireBUG.

29.May.2007

My Cool Buttons

Posteado en CSS, Herramientas Online a las 15:38 por RetroFOX

Vía ajaxian encuentro este sitio que nos permite construir nuestros botones cool!. Nos puede ahorrar unos minutos de trabajo y tiempo de diseño. Seamos sinceros … tampoco es la locura del diseño, pero es bueno tenerlo en cuenta.

Personalmente no pude agregarle al botón un icono personalizado pese a que respeté tamaño y formato de imagen. Pueden jugar un poco mas en MyCoolButton.

03.May.2007

convertir un PNG en ICO

Posteado en Herramientas Desarrollo WEB, Herramientas Online a las 20:28 por RetroFOX

Algo muy sencillo que gracias a este sitio web resulta una aún más. La dirección es http://converticon.com/ y no hay mucho mas para agregar.

La ventana parece ser de prototype. Sólo un dato sin demasiada importancia. Vía LifeHacker.

28.Feb.2007

GeSHI

Posteado en Herramientas Online a las 19:23 por RetroFOX

GeSHi es una de las tantas herramientas que nos permite generar código fuente coloreado para publicarlos de una mejor forma en páginas webs. Si bien está pensado inicialmente como un complemento para foros phpBB, actualmente es soportado por un gran número de blogs, wikis, y foros.

GeSHI
GeSHI

Se destaca por la cantidad de lenguajes que soporta; actualmente 70. Está programado en PHP5. Si por casualidad el lenguaje a publicar no esta en esta lista, la implementación de uno nuevo resulta ser un trabajo sencillo.

Aparte de diferenciar a través de colores las palabras reservadas, funciones, variables, comentarios, etc … también nos genera los correspondientes enlaces a sitios oficiales o de descripción de sintaxis cuando el caso lo requiera. Por ejemplo, si estamos trabajando con lenguaje PHP y nuestro código a publicar tiene la función substr(), se generará el hipervincúlo al sitio oficial www.php.net en la página correspondiente a esta función.

Una buena alternativa a la hora de publicar código. Mas lindo, mas sencillo, mas didáctico.

En el sitio oficial aparte de descargar la aplicación tenemos una serie de ejemplo, demos, manuales, un miniformulario de generación de prueba y otras cositas mas. Actualmente se encuentra en la versión 1.0.7.18

HomeSite - Down geshi-1.0.7.18.zip - Demo - Ejemplos

13.Feb.2007

Gliffy Beta

Posteado en Herramientas Online a las 14:44 por RetroFOX

Navegando, por casualidad me topé con Gliffy; una herramienta OnLine para diseños de diagramas. Al momento está en su versión Beta y en contraposición a la mayoría de las aplicaciones OnLine que se desarrollan esta está integramente desarrollada en Flash.

Gliffy Beta
Glifly Beta

Soporta, hasta el momento, diagramas de flujo clásicos, UML, redes, un simple editor de ambientes de hogar. Podes agregar tus imágenes.

Fácil de utilizar, intuitivo, con una buena interfaz gráfica. Tiene todas las opciones comunes a este tipo de aplicación, como guardar los archivos OnLine.