doTemplate, para personalizar y descargar plantillas HTML

En WEB MASTER LIBRE, Alma Fernández nos da un excelente enlace, por si el lado creativo del desarrollo web no es nuestro fuerte o estás empezando a hacer tus pinitos con el diseño web, si es así seguro que te encanta doTemplate, una interesante herramienta que te permitirá escoger una plantilla web, personalizarla a tu gusto cómodamente online y descargarte el resultado en HTML y CSS.

Hay plantillas con un aspecto excelente y siendo totalmente gratuito ¿por qué no probar?

La lista de todas las listas con 5000 recursos de aplicaciones online

En el blog de ARTURO GOGA (que a pesar de estar muy resfriado no para de editar post) veo un enlace a una impresionante lista que Mashable ha publicado con… 5000 diferentes aplicaciones web 2.0 para realizar, prácticamente todo lo que queramos, 5000+ Resources to Do Just About Anything Online:

• Podcasting y Blogging (900) Todo tipo de herramientas para crear, leer y escuchar blogs y podcasts.
• Herramientas de Comunicación (500+) Como mensajería instantánea, herramientas para Gmail, mejoras de Skype, alternativas a Skype, etc.
• Herramientas de Foto y Video (400+) Complementos para Flickr, otros servicios alternativos, servicios para alojar video, tips, demás.
• Herramientas de Trabajo (800+) Compendio con diferentes artículos escritos respecto a cómo mejorar la productividad.
• Herramientas de Vida (700+) Más y más tips para mejorar diferentes programas como iTunes, Amazon, cómo encontrar Wi-Fi Hotspots y cómo manejar nuestro dinero, online.
• Herramientas para navegar en internet (750+).
• Herramientas de desarrollo Web (450+).
• Bookmarking y búsquedas en la web (400+).
• Misceláneo.

No es un listado con los 5000 tips en una sola pagina, sino que son diferentes enlaces a los artículos creados por ellos mismos.

DrawAnywhere, diagramas de flujo online

En WWWhat’s new encuentro una nueva opción para realizar diagramas online. Se trata de DrawAnywhere, una aplicación que permite dibujar por internet diagramas de flujo con la misma facilidad que con los programas de escritorio a los que normalmente utilizamos.

Aunque es algo pobre gráficamente, pero es rápido, sencillo y con módulos suficientes como para hacer desde diagramas de aplicaciones informáticas y hasta flujos de procesos.

Los diagramas pueden ser compartidos con otras personas y exportados en formato de imagen normales o en pdf.

FotoFlexer, editor online de imágenes y algo más

En XYBERNETICOS descubro a FotoFlexer una aplicación online más. Su interfaz está realizada en flash, y nos permite corregir nuestras imágenes de una forma sencilla, tiene muchas opciones (ajustar color, distorsionar nuestras imágenes, realizar varias mejoras, insertar textos y varias herramientas avanzadas).

Pero sobre todo destaca por que aparte de que nos permite subir fotos desde nuestro ordenador, también se integra con servicios como Flickr, MySpace, Picassa y Facebook para la importación y exportación de imágenes, por lo que nos permitirá corregir todas nuestras imágenes siempre trabajando en línea.

Es sin duda una buena opción para tener en cuenta, si deseas trabajar de forma online corrigiendo tus imágenes almacenadas en los servicios más populares.

thumbalizr, herramienta web para crear imágenes miniaturas de páginas web

Diego Cambiaso en PIXELCO comenta sobre una herramienta interesante, se trata de tumbalizr que sirve para crear imágenes miniaturas de una página web, en dos pasos:

1. Solo hay que escribir la URL de la página que queremos obtener la imagen en miniatura. Un vez hecho esto, podemos optar por dos opciones: screen (pantalla) o page (página), es decir si queremos la miniatura de la porción visible o de la página completa.
2. Luego podemos descargar la imagen en varios tamaños predeterminados o personalizar nosotros las medidas.

Una herramienta que tiene una sola función, que la ejecuta con precisión y que seguro te será de mucha utilidad.

Best4c, herramienta online para la creación de vistosos diagramas

En GENBETA Cyberfrancis comenta sobre Best4c , una aplicaciones online realizada en flash que nos permitirán realizar un sinfín de diferentes tipos de diagramas de un modo sencillo e intuitivo.

Dispone de una librería de elementos clasificados en diferentes categorías para utilizar, pero en el caso de que queramos añadir otros elementos diferente, podemos generarlos y subirlos como imagen.

Para colocar los diferentes elementos es tan fácil como arrastrar al escritorio virtual e ir enlazándolo con otros elementos que hayamos añadido previamente. Podemos añadir textos, cuadros y círculos. Cada elemento puede ser modificado sus propiedades (a través de la barra lateral derecha o directamente en el mismo icono a través de los puntos de selección). Por supuesto podemos modificar su posición.

Una vez finalizado nuestro diagrama, podemos guardarlo en nuestra cuenta como privado, público o compartido, y en éste caso nos facilita la url del mismo diagrama. Por desgracia no cuenta con ninguna opción para su impresión o exportación. Nadie es perfecto.

Puedes ver una muestra.

FeedJit, ver el origen de tus visitas en tiempo real

Juan Diego Polo en WW WHATS NEW nos presenta un sitio que nos permite ver en tiempo real el origen de los visitantes de vuestro blog. Con solo incluir un pequeño script en el código de vuestra aplicación y quedaros un buen rato delante de la pantalla de FEEDJIT viendo como van llegando visitantes con la bandera del país de origen.

Puede ser ideal para los que empiezan un blog y necesitan comprobar que alguien les lee, pero no será practico en un blog de 100 visitas por minuto.

Codepress, editar código online

A través de XIBERNETICOS me entero de la existencia de Codepress, un editor de código fuente que podremos integrar a nuestras web fácilmente. Nos permite es editar nuestros códigos de manera online, coloreando la sintaxis para que los lenguajes que vayamos escribiendo sean más fáciles de leer a medida que lo vamos desarrollando.

Características:

• Resaltado de sintaxis en tiempo real
• Soporta ASP, C#, CSS, HTML, Java, JavaScript, Perl, PHP, Ruby, SQL y VBScript.
• Fragmentos pre-armados de código (snippets). Por ejemplo, en modo PHP, tecleamos “switch” y presionamos TAB y se genera la estructura del switch lista para rellenar.
• Autocompletado de código.
• Diversos atajos de teclado.
• Posibilidad de tener múltiples ventanas.

EasyCropper, recorta el área que te interesa en la imagen

En GENBETA encuentro otra herramienta más para el tratamiento de nuestras imágenes, en este caso es para recortar áreas. se trata de EasyCropper una herramienta online muy fácil de usar, solo tenemos que indicarle la imagen que tenemos en nuestro ordenador, junto con los nuevos tamaños de alto y ancho que queramos de la imagen resultante una vez recortada.

De esa manera vemos el área de la nueva imagen resultante y por detrás tendremos a la imagen en sí la cual deberemos de mover y ajustar mediante el zoom para que la parte que nos interesa de la imagen coincida con la del nuevo área, con lo que cortaremos y ya obtendremos la nueva imagen a descargar.

Por cierto nos recuerdan que si lo que deseamos es adaptar nuestra foto para introducirla en nuestros perfiles de las redes sociales u otros servicios donde participemos, podemos echar mano de MyPictr.

Web Resizer, edita tus imágenes en línea

En BITELIA comentan sobre Web Resizer , un servicio web con el que podemos realizar una edición básica de imágenes con el fin de optimizarlas para su uso en la Web.

Dispone de herramientas para redimensionar las imágenes, recortarlas, rotarlas y realizar cambios en el contraste, el brillo y la saturación. También incluye una opción para editar la calidad de la imagen que me parece especialmente útil.

Si seleccionamos la opción de comparar el tamaño de las imágenes para diferentes calidades Web Resizer nos muestra una lista en la que se va reduciendo la calidad a razón de un 10% en cada salto, lo que nos ayuda a seleccionar rápidamente hasta que punto podemos rebajar la calidad, y por ende el tamaño del archivo, sin que se produzca un deterioro visual muy grande.

Rendur, editor sencillo online de HTML y CSS

En el blog LEANDONO´S encuentro a Rendur es sencillo editor online de HTML y CSS, en donde, a medida que se va escribiendo vamos viendo los resultados en la misma ventana del navegador.

Puedes mover mover la ventana del editor a cualquier lado de la pantalla, minimizarla o redimensionarla para mas comodidad y la separación del HTML con el CSS.

Algunas novedades en LibroWeb.es

Ya hace algún tiempo comente sobre… LibrosWeb.es, libros gratuitos para desarrolladores web, un sitio en castellano donde nos ofrecen algunos libros traducidos a nuestra lengua para leer online o imprimir, están escritos por Javier Eguiluz Pérez, al que damos todo nuestro agradecimiento por su contribución.

Debemos estar al tanto de las novedades que se produzcan, pues en algunos de ellos, los que están totalmente terminados, podemos descargar todo el libro en formato PDF.

Por el momento tienen los siguientes libros:

• Symfony, la guía definitiva (totalmente terminado) Descargar PDF completo del libro [4 MB].

• Introducción a CSS (totalmente terminado) Descargar PDF completo del libro [4 MB].

• Introducción a XHTML (totalmente terminado) Descargar PDF completo del libro [2 MB].

• Introducción a AJAX (casi totalmente terminado).

• Introducción a JavaScript (parcialmente terminado).

Destruye una web

En WEBMANIACOS, encuentro una curiosa utilidad por si estás harto de una determinada web, o te aburres te tu blog y tienes ganas de hacerle unas cuantas perrerías… pues eso es lo que hace Netdisaster , ponemos la dirección URL, luego seleccionas el tipo de perrerías que queremos realizar y a disfrutar.

Algunos recursos interesantes para el tema de los iconos

En WEBADICTOS en el día de hoy encuentro varios post sobre iconos, un tema que me gusta mucho, así que pongo todos los enlaces en un solo post, en especial los que desconocía, por simple agotamiento (o gandulería).

• IconBuffet parecería de primer momento un sitio web como tantos, solo que con un buen diseño pero sobretodo una genial idea. Nos tendrán disponibles cada mes iconos de manera gratuita si, PERO no todos obtendremos los mismos iconos ¿porque? Ah ese es su Twist y la particularidad del sitio… Tendremos que intercambiarlos entre los demás usuarios del sitio. Algo así como canjear estampas cuando eramos niños. No me hace falta decir que requiere registro ¿cierto? Por la calidad de los iconos, bien vale la pena.

• Quizás no sea la mas grande colección de iconos, de hecho es muy breve, pero para quienes estén en busca de iconos gratuitos y de muy buena calidad, iconaholic tiene que ser una visita obligada y quizás hasta con un nuevo wallpaper salgamos. La calidad es indiscutible, y por si nos quedamos con las ganas de mas, incluye una serie de enlaces para conseguir mas. Tiene también una completa sección de ayuda para quienes desean saber como instalarlos y/o convertirlos.

• Ahora para quienes gusten de crear sus propios iconos, IcoFX es un excelente software gratuito para crear y editar iconos disponible para Windows 98/ME/2000/XP/Vista. Mediante IcoFX podemos convertir nuestras imágenes favoritas en iconos o viceversa, además tenemos la posibilidad de extraer iconos de otro tipo de archivos (exe y dll) incluidos archivos del nuevo Windows Vista. Incluye poco mas de 40 efectos y filtros personalizables. Para mas información de lo que nos ofrece píquenle aqui.

• Esta otra colección de 3 paquetes de iconos que suman un total de 4,400 de Nilland.com – PNG Icons Pack [256×256] – over 4.400 icons. Todos en formato PNG y en tamaños entre 200×200 a 512×512. Comprimidos suman un total de 272 megas. Si los vas a descargar, hazlo ya porque mañana pueden que no estén.

• Este es un enlace muy bueno para conseguir iconos. También tiene botones y otros recursos para hacer mas atractivo nuestro blog visualmente, sitio web e incluso nuestra computadora. Smashing Magazine realizo una muy interesante recopilación para todos los gustos, para todas las necesidades y la mejor parte es que son gratuitos. Smashing Magazine – Freebies Round-Up: Icons, Buttons and Templates