WaveMaker Visual Ajax Studio : Crear aplicaciones web con AJAX sin escribir código

Para quienes desean aprender AJAX, pero les da pereza empezar a descargar cientos de tutoriales de los que poco aprenden, aqui le spresento la solucion a sus problemas.

Papara aprender mas sobre Akax visiten Recursos AJAX para desarrollo web profesional y esta herramienta SWFUpload : Subir (upload) archivos multiples flash con AJAX

WaveMaker Visual Ajax Studio es un entorno de programación de aplicaciones basadas en Java y AJAX, desarrollado por la empresa WaveMaker; con esta suite puedes crear tus propias aplicaciones Web y usar efectos visuales gracias a AJAX sin programar una sola línea, ya que esta suite incorpora una interfaz muy visual que nos permite crear aplicaciones sin esfuerzo y todo mediante el uso del mouse.

Cuenta con un IDE integrado en el navegador, por lo que podemos desarrollar aplicaciones sin la necesidad de salir de este; se pueden lograr cosas básicas como cargar una imagen o mostrar un botón, hasta cosas más complejas como manejar bases de datos, buscar entre registros, interactuar con otros servicios y muchas opciones más que nos pueden ser de mucha ayuda, sobretodo si no somos virtuosos en la codificación.

Studio es una aplicación web que aprovecha las herramientas de Dojo para crear páginas que contengan widget y Dijits Dojo. Los usuarios con solo arrastrar y soltar pueden crear complejos diseños de páginas que contengan Dojo grid, Dijit based forms, Google Gadgets y una variedad de otros widget incluidos.

Este fabuloso paquete de desarrollo no tiene costo, y está disponible para su descarga para las tres plataformas más grandes; Windows, Mac OS X y Linux. Antes de descargar la aplicación, puedes ver el screencast en donde se explican las características básicas, o puedes unirte a la comunidad de desarrolladores.

We Love Icons: Iconos de alta calidad

Seguro que a muchos de ustedes les gusta personalizar un poco más su computadorar o desean mejorar el aspecto visual de su web o blog. Uno de los recursos más buscados para este tipo de cosas son los iconos.

Para buscar iconos visiten Iconspedia : Miles de Iconos gratis y de calidad para tu web o blog y para crear iconos personalizados iConvert : Convertir Imagenes a Iconos online (Mac OS X, Linux o Windows)

We Love Icons es una nueva galería de iconos, donde podrán encontrar iconos de muy alta calidad, con diseños realmente sorprendentes y los cuales podrán descargar de forma totalmente gratuita. Sus diseños son excelentes y es una forma rápida de buscar iconos de gran calidad.

Una de las particularidades más interesantes es que, si tenemos una imagen que queramos convertir a un icono en alguno de los formatos de los sistemas operativos anteriores, podemos subirla a dicha web y descargarla ya en formato icono. Este método también sirve para convertir iconos de un formato a otro. Una función que puede resultar bastante interesante para los iconos que podamos encontrarnos por la red de redes.

Cada set dispone de información acerca del número de iconos que incluye, el nombre del mismo, su autor, comentarios y un enlace hasta la página del creador desde donde acceder a su descarga.

Easy CSS Styler: Crear estilos CSS online

Cuando diseñamos un sitio en HTML, tenemos que darle un poco de estilo y lo mas recomendado es hacerlo mediante CSS, pero si no tenemos conocimientos de CSS estamos en problemas.

Otras herramienta spara trabajar con CSS es CSS Menu Builder : Herramienta online para crear menus de manera muy sencilla y rapida y para maquetear tu web 960 Grid System: Frameworks CSS para maquetear una web

Easy CSS Styler es un generador online de código CSS, que es muy sencillo y visual, permitiendo con sólo ingresar unos datos, obtener el código parcial o el archivo CSS completo. Sin necesidad de poseer grandes habilidades en programación.

En la parte superior hay diferentes elementos de HTML: BODY, H1, H2, P, estados de los enlaces y BACKGROUND. Pulsando en el nombre del elemento, se desplegará una pantalla con colores, fuentes, tamaños e interlineados, para poder escoger el estilo. Según los vayamos definiendo, el texto de muestra de la parte izquierda irá cambiando, así que podremos ir viendo inmediatamente el efecto que tienen los cambios que vayamos realizando.

Una vez que terminamos con la edición visual, sólo queda descargar el archivo con el CSS en formato texto, listo para que lo subamos a nuestro diseño.

Navegg : Analizar perfil demográfico de tus visitantes

Siempre es importante conocer el perfil y caracteriticas de nuestros visitantes, para asi saber si nuestra web esta recibiendo visitas de el mercado meta donde planeamos vender nuestros productos y servicios.

Un par de herramienta sque t epueden ayudar a posicionarte bien en internet las tienes en sktool una gran herramienta para elegir Palabras clave y en Visual Round Trip Analyzer: Analiza tu pagina web o blog para optimizar su diseño

Navegg nos permite analizar el tipo de visitante que accede a nuestra web mostrando datos estadísticos sobre el sexo, la edad, región, nivel educacional y temas de interés. Es un proyecto desarrollado en Brasil.

A diferencia de sus competidores, Navegg se focaliza mas en entender a tu audiencia, demográfica y geográficamente hablando. La idea de este servicio es entender correctamente quienes sin nuestros visitantes y de donde provienen. Entendiendo a nuestra audiencia es mucho más fácil encarar un análisis de mercado el día de mañana. Para tener el servicio instalado y funcionando, solo debemos añadir un pequeño script en nuestrz web o blog.

Tras un par de días tendremos los primeros informes demográficos que nos permitirán obtener datos. Navegg es un servicio gratuito todavía en fase beta cerrada que aun debe mejorar para alcanzar una mayor fiabilidad.

Colección de tipografías (fuentes) florales

Una parte importante de un proyecto web es el tipo de fuente (letras) que se va a utlizar (tamaño, tipo , color,etc) que no desentone con el diseño final. En internet podemos encontrar muchos tipos de letras ,desd elos mas simples hasta los mas complejos.

Si buscan tipos de fuente slos pueden encontrar aqui Descarga fuentes (tipo de letra) gratis para tu logo, web o blog o en este post Descarga gratis mas de 8000 tipos de letra de calidad

Gorgeous Examples of Floral Typography es el nombre de la colección de magníficos ejemplos tipográficos de diseño floral que Smashing Magazine ha reunido. Esta colección de tipografías en las que parece que las letras estén formadas por elementos florales combina de forma artística, caligrafía y tipografía, para transmitir un estimulante mensaje a nuestros lectores además de una importante mejora del diseño de nuestra web o blog.

Como viene siendo habitual cada uno de estos recursos para diseñadores dispone de un enlace a la web de su autor donde podremos acceder a su descarga así como información detalla de su licencia y condiciones de uso. Además de todas estas tipografías florales clasificadas en categorías disponemos de algunos tutoriales que nos ayudarán a dominar la técnica de uso y creación de los mismos.

WebKut : Capturas de webs en imagen con Adobe AIR

Realizar una captura de pantalla de una pagina web puede ser muy útil cuando encontramos un artículo interesante pero no tenemos tiempo de leerlo, o si queremos guardarlo en nuestro PC para compartirlo con otras personas sin correr el riesgo de que esa página desaparezca de la red.

Otras herramientas para capturar pantallas puede encontrar en Gadwin PrintScreen : Potente y sencillo capturador de pantalla gratis y en este otro articulo SnapCasa: Capturas de pantalla automaticas de cualquier sitio web

WebKut es una aplicación sencilla y gratuita programada en Adobe Air que nos permite captura una página web completa sin necesidad de hacer scroll, un fragmento o el contenido que estás viendo en ese momento convirtiéndolo en un archivo de imagen.

Podemos cargar cualquier página, ya que la pantalla de captura es en sí un buscador. De esta forma, cuando hayamos cargado la página que queramos capturar, únicamente tendremos que seleccionar el tipo de captura: página completa, vista actual o selección personalizada. De esta forma tendremos en JPG, PNG o PDF una página para leerla luego.

WYMeditor : Editor web de XHTML

Cuando tene mos una web, debemos tener en cuenta que el codigo este perfectamente estructurado conforme a las especificaciones W3C sobre XHTML

Si deseas conocer herramientas para diseñar tu web o mejorarla te recomiendo Extensiones Firefox para desarrolladores web

WYMeditor ha sido creado para generar código perfectamente estructurado XHTML, compatible con las especificaciones del W3C, el código no se puede contaminar con informaciones visuales como los estilos de fuente y los tamaños, bordes, colores.

WYMeditor es un editor XHTML web WYSIWYM (What You See Is What You Mean, o Lo que Ves es lo que Significa). La idea principal de WYMeditor es dejar a un lado los detalles del aspecto visual y concentrarse en la estructura y el significado, al mismo tiempo de ofrecer al usuario una interfaz agradable.

Una vez se ha integrado la página de edición al sitio web, se efectuan los cambios en el texto de la ventana grande, y se atribuyen las propiedades de los párrafos de la lista disponible. No queda más que clicar al botón de envío para validar. La oferta de propiedades no es infinita, pero sí suficiente para la puesta en marcha de una página clara y homogénea, ya que no nos ocupamos más que del contenido y del nivel jerárquico de los párrafos y los títulos. La inserción de enlaces, listas, imágenes y el formateado (itálica, subrayado, etc) del texto se hace con botones.

Este se caracteriza por:

• Utilizar estándares: XHTML strict + CSS.
• Estar completamente basado en CSS.
• Está diseñado para se simple y fácil de implementar.
• No requerir instalación.
• Hace especial hincapié en la estabilidad y usabilidad.
• Soportar imágenes, enlaces y algo muy útil, tablas.
• Soportar Skins por medio de CSS.
• Poseer opciones de internacionalización.
• Poseer API y es extensible por medio de plugins.
• Y está testeado en los navegadores: Firefox 2.0+, SeaMonkey, Galeon, Epiphany, Internet Explorer 6 y 7,Opera 9.5+, Safari 3.1+ y Google Chrome.

Closr.it : Zoom para imagenes de alta calidad

Si disponemos fotos de alta calidad y deseamos mostrarlas en nuestra webo o blog, y que no pesen demasiado ni ocupen mucho lugar sin perder la calidad. Esto les va a servir.

Si deseas hacer capturas de imagenes puedes revisar el siguiente articulo ScrnShots : Red social de capturas de pantallas

Closr.it es un servicio online gratuito con el cuál por medio de widgets podrás compartir imágenes en alta resolusión, una de las principales características de este servicio es que si tus imágenes son muy grandes en cuanto a mega pixeles, te permite compartirlas y que tus visitantes de tu web o blog hagan un zoom de estas para observarlas mejor.

Para usar este servicio, sólo es cuestión de registrase y subir la imagen, automáticamente generará un widget que incorpora los controles de acercamiento/alejamiento (zoom) y el botón de visualización a pantalla completa, por lo que es ideal para compartir imágenes en alta resolución.

Closr.it requiere que nos registremos para utilizarlo, y acepta imágenes en formato JPG, PNG o GIF de hasta 100MB aproximandamente, por lo que no tenemos que preocuparnos por el tamaño de las mismas. Dichas imágenes pueden luego ser publicadas en nuestro sitio web gracias a un widget, del cual obtendremos el código.

Scripts para menus desplegables para tu web

Los menús de navegación son importantes para cualquier sitio web. Una navegación en menus bien diseñados y fáciles de manejar suponen una mejora sustancial del aspecto y funcionalidad de un website.

Si deseas hacer menus desplegables con css puedes visitar CSS Menu Builder : Herramienta online para crear menus de manera muy sencilla y rapida

Los menus desplegables (Drop-down list). son elementos que permite a un usuario seleccionar de una lista desplegable una opción. Se distingue de una simple lista en el hecho de que el usuario debe presionar sobre el menú para que se muestren las opciones disponibles

Estos scripts, de uso libre, para crear menus desplegables vienen clasificados en categorías como menus jQuery y CSS, menus profesionales, menus desplegables Javascript y HV Menu v 5.5.

• jQuery Multi Level CSS Menu #1
• jQuery Multi Level CSS Menu #2
• All Levels Navigation Menu
• Smooth Navigation Menu
• Simple CSS Vertical Menu Digg-Like
• Professional Dropdown #1
• Professional Dropline #1
• Jim’s DHTML Menu v5.7
• Drop Down Tabs
• Suckertree Vertical Menu
• Superfish
• jQuery SuckerFish
• Ultimate Drop Down Menu
• JavaScript Dropdown Menu with Multi Levels
• MenuMatic
• Sliding JavaScript Dropdown Menu
• jGlide Menu
• Dropdown Menu Made with Scriptalicious/Prototype
• Chrome CSS Drop Down Menu
• Professional Dropdown #2
• Hover Drop #2
• Skeleton Dropdown
• HV Menu v5.5
• Simple Drop Down Menu v2.0
• Horizontal Drop Down Menu Script

Online Image Optimizer : Herramienta online para optimizar imágenes

Uno de los errores comunes que cometemos cuando colocamos imágenes en nuestra web o blog es que ésta no esté lo suficientemente optimizada. Lo que ocasiona que su carga sea más lenta y consuma más ancho de banda.

Otra interesante herramienta para tus imagene sla puedes encontrar en Online Image Splitter : Herramienta online para cortar imagenes en secciones de manera facil si desea soptimizar el diseño visita Visual Round Trip Analyzer: Analiza tu pagina web o blog para optimizar su diseño

Online Image Optimizer es un editor de imágenes online gratuito que nos permite optimizar cualquier imagen para una web, de este modo podemos modificar una imagen cuidando el tamaño y la calidad de esta para poder subirla a nuestro sitio de modo de hacerlo mas rápido y cuidando el ancho de banda.

El funcionamiento es muy sencillo, subimos la imagen a optimizar o escribimos su URL, en caso de querre obtener la imagen en otro formato lo escogemos y luego presionamos en Optimizar. Online Image Optimize en tres palabras: simple, sencilla y muy útil.

Una vez tengamos los resultados, en cada uno de ellos nos mostrará las diferentes calidades, y el porcentaje de reducción de tamaño de archivo, con lo que ya sólo queda elegir la que más nos convenza, y descargarlas.

Una de las desventajas que este sitio ofrece es que solamente acepta archivos en formato JPG, GIF y PNG, dejando atrás todas la otras posibilidades, ademas sólo acepta imágenes menores de 300 kilobytes.