Hay infinidad de elementos necesarios para diseñar un sitio en internet, la mayor parte de ellos, cuando estás haciendo un sitio original, se crean de cero, sin embargo hay algunos elementos que son algo fastidiosos de armar y que con la valiosa ayuda del AJAX podemos simplemente diseñar y permitir que la tecnología nos ayude a generarlos de manera rápida e insertarlos rápidamente en nuestro diseño, permitiéndonos a nosotros poner mayor atención en otros elementos más importantes.

A continuación les dejo cinco sitios que he ido descubriendo que nos pueden ayudar a generar ciertos elementos de forma rápida y sin descuidar nuestra calidad y la originalidad de nuestros trabajos:

1. Stripe Generator
   
   Este sitio te permite generar fondos rayados con diferentes características, eligiendo el tamaño de las rayas, el color de las mismas, el color y estilo de fondo, hacer una previsualización y bajar la imagen optimizada que simplemente tienes que agregar como fondo en tu sitio.
   
   

1. Quick Ribbon
   
   Con este sitio puedes generar un listón o cintillo para poner en la esquina superior derecha de tu sitio y anunciar algo importante para tu sitio. En cuatro sencillos pasos eliges el contenido, color, tipo y tamaño del texto, el color y estilo del cintillo, el color del fondo y la liga que quieres que abra al darle clic. Automáticamente genera un código java que puedes insertar en tu sitio, la imagen que se genera queda guardada en el servidor del sitio, así que no tendrás que bajar ninguna imagen.
   
   





2. Bg Patterns
   
   Generar un fondo con textura y algún elemento decorativo sin tener que pelearte por hacer que coincidan los cortes nunca había sido tan fácil como en este sitio. Eliges el color de fondo, la textura, la imagen a repetir, su transparencia y la inclinación con la que quieras que esté la imagen. Tienes una previsualización automática y ya que estés convencido del resultado, bajas la imagen que puedes agregar a tu diseño. ¿Más sencillo?
   
   





3. Tartan Maker
   
   Si quieres un sitio con un fondo que recuerde el mantel de tu abuelita o la tarde de picnic, este sitio te ayudará a armar el fondo sin complicaciones. Hace puros fondos estilo “Tartán”, pudiendo elegir el número de líneas y color que tendrá el fondo. Al final, al igual que en los otros sitios, bajas la imagen que integras a tu diseño.
   
   





4. Loader Generator
   
   ¿Estás cansado de tratar de hacer tus animaciones de carga y no logras que se vean profesionales? Pues en este sitio puedes elegir el estilo de cargador que más se acomode al diseño de tu sitio, incluida la selección de tamaño, color y fondo.
   
   

Si saben de algún otro sitio que nos ayude a simplificar el armado de nuestros sitios esperamos las direcciones en sus comentarios.

Comparte esta anotación

Etiquetas: guias, trucos, ajax, dise, grafico

Arranca Septiembre y con ello se terminan las vacaciones de muchos. Toca currar tíos! Claro que para entretenernos y capacitarnos habrá también mucha actividad. Aprovecho a actualizar la agenda de eventos interesantes que tendremos durante este mes.

En Estados Unidos

En Estados Unidos el mes va a estar muy interesante con el TechCrunch50 del 8 al 10 de septiembre. Este evento presentará a 50 nuevas startups en sociedad con el apoyo de este gigante blog. Yo estaré en San Francisco para la ocasión por si les interesa lo que llegue a acontecer. Y luego, del 16 al 19 toca el Web 2.0 expo en Nueva York. Aprovecho y también voy a ir por allá, junto a los chilenos viajeros y otros latinoamericanos que se han ido apuntando. Otros eventos por allá incluyen el BlogWorld en Las Vegas el 20 y 21, así como el Ajax Experience en Boston del 29 de sept hasta finales de mes.

En España

En España también se retoma la actividad. El 12 y 13 tenemos el MadInSpain desde Madrid. Ya están confirmadas fechas de Iniciador en Madrid el 10 y Barcelona el 22. Los Twittdays tienen fecha en Madrid para el 2 y Sevilla para el 5. Del 1 al 5 se realiza el Congreso Edutec en Santiago de compostela. Y el 25 llega una nueva edición del Google Developers Day en Madrid.

En Latinoamérica

En Latinoamérica tenemos que destacar que en Brasil se realizará el AmericasCom en Brasil del 9 al 10. Augusto Castañeda estará presente, así que estaremos pendientes de su blog.

En varias ciudades de México, Bogota y Buenos Aires se realizará el Sunday Morning el domingo 13 de septiembre. Y en el DF el 2 de septiembre habrá una charla previa al Mexico Web 2.0 que se se realiza en Cancún en noviembre. Y luego, el 3 de septiembre será la quinta reunión de Café de Altura también en el DF.

En Europa

Por Europa también destaco el dConstruct que se realiza en el Reino Unido el 3 y 4, así como Picnic en Amsterdam del 24 al 26.

¿Me falto alguno?

Como siempre, dejo el calendario a continuación y si se me escapa algún evento, no duden en avisarnos para que lo agreguemos.

Etiquetas: actualidad, eventos, ajax experience, americascom, blogworld

Estanlibres es una sencilla aplicación que permite realizar búsquedas de disponibilidad de dominios y muestra los resultados de forma muy visual mostrando Ajax.

En los blogs de aplicaciones web es muy común encontrar otras aplicaciones de este tipo, al igual que hay muchas para acortar url’s, pero hasta ahora no había dedicado tiempo a ninguna de ellas y creo que vale la pena ver un poco este caso.

De Estanlibres me ha llamado la atención que al realizar una búsqueda y encontrar un dominio disponible muestra el siguiente mensaje cázalo aqui por 5,99 €!, al pinchar nos lleva a la web de Sync donde podemos comprar el dominio a un precio muy competitivo. La aplicación web y la empresa de registro de dominios han llegado a un acuerdo por el que se reparten los beneficios de la venta. Si en ocasiones he criticado los sistemas de publicidad por afiliación sin embargo creo que en casos como este el modelo si que es bastante válido.

Otro aspecto que veo interesante de Estanlibres es que empiezan a desarrollar otros servicios como un generador de dominios 2.0 y que también ofrecen la consulta del Whois para conocer los datos de los dominios registrados. Creo que una web como esta podría ofrecer una serie de herramientas de utilidad que la permitiera convertirse en referencia para todos los que compramos nombres de dominio.

Etiquetas: aplicaciones web, dominios, ajax, buscador, comision

Artículos relacionados

• Lo nuevo en Javascript (1.7)
• Recopilación de trucos para Wordpress 2.6
• SexyLightBox, un lightbox diferente
• Curiosa utilidad SVG para Firefox 3.0
• Nueva versión de Akismet, la 2.1.1

Etiquetas: programacion, ajax, javascript, webdev, lightbox

Silverlight de Microsoft vs Flash de Adobe.

Estos dos formatos están inmersos en una batalla por gestionar los vídeos online del mundo, el premio final, quién albergará la próxima generación de aplicaciones para Internet.

La cadena NBC, que utilizó Silverlight durante los juegos de Pekín, ofrece un atisbo de lo que permitirán las futuras aplicaciones web. Los espectadores pueden ver hasta cuatro vídeos a la vez, o seguir la acción con un comentario online que se reproduce junto al vídeo.

Más de 40 millones de personas han visitado la página dedicada a los Juegos de la NBC para ver sus 2.200 horas de emisión en directo de los Juegos de Pekín.

Todo lo que se necesitaba era un reproductor Silverlight en su navegador.

Microsoft intenta ganarse a los desarrolladores, que consideran las nuevas plataformas Silverlight y Flash una nueva forma de gestionar aplicaciones potentes y complejas que incorporen gráficos elaborados.

Microsoft se enfrenta a múltiples competidores que ofrecen software gratis como servicio y a través de los navegadores a cambio de publicidad online.

Aprovechando Silverlight y otras tecnologías como AJAX, ha nacido un nuevo software web interactivo, conocido como RIA (aplicaciones ricas de Internet), más fáciles de construir y mantener que las tradicionales pero con cuidados entornos gráficos, un funcionamiento más rápido y una experiencia mejorada que no requiere cargar o actualizar constantemente.

Ahora mismo, esas plataformas están reservadas principalmente a aplicaciones multimedia como el popular sitio de Google YouTube, que utiliza la tecnología Flash de Adobe.

Microsoft, que ha apuntado que casi la mitad de los visitantes de la página de la NBC no tenía Silverlight, intenta acercarse a Flash, que ya funciona en la mayoría de los ordenadores del mundo conectados a Internet y gestiona más del 80 por ciento de los vídeos de la Red.

Más información Aquí y Aquí

Tambien te puede interesar…

• ARAX vs AJAX



• Boletín Seguridad Microsoft



• Microsoft Office 14



• Microsoft ofrece en EEUU Office en "Alquiler"



• Pequeña empresa denuncia a Google



• Microsoft Innovation Days



• El océano o el espacio, tú eliges…



• Microsoft Maps Live



• Presentación Microsoft Office Live



• Nuestro nuevo servidor Web

Compártelo

Etiquetas: informatica, internet, software, adobe, ajax

Siempre hay veces que te olvidas de escribir algo, o por cualquier razón deseas editar tu comentario en el blog. Aquí traigo este plugin que lo permite (nombre, comentario, eMail, Sitio Web). Su instalación es muy sencilla y las opciones de configuración muy claras, por cierto está en español. Desde el Panel de Administración de WordPress debes configurar todos los permisos de este y opciones como: “Tiempo máximo para editar tu comentario”.

Descarga


Web Oficial

Etiquetas: utilidades webmaster, wordpress, ajax, bitacora, blog

El día de hoy, Twitter repentinamente cambió toda su apariencia a una que algunos consideran mejor y que otros las consideran peor (dependiendo de gustos) personalmente me gusta y me llama más la atención que la anterior interfaz.

Twitter ha realizado todo un conjunto de modificaciones a su plantilla por defectos, cambios que detallaré a continuación:

• 
  
  
  Las pestañas han cambiado de lugar, pues ahora se encuentran en el lado derecho del sitio.
  
  
  

• Ajax para una mayor velocidad, las actualizaciones (simplemente haciendo clic sobre  “Home”) se hacen a través de esta tecnología evitando así el tener que refrescar la página constantemente (aunque seguramente los seguiremos haciendo por costumbre)



• Iconos de control de tweets, los íconos de borrar, replicar y agregar a favoritos a primera vista no se ven pues aparecerán al arrastrar el cursor sobre un tweet.

• 
  
  
  “Ligero, elegante y simple”; líneas sencillas y espaciado entre tweets, el logo lo han reducido unos cuantos píxeles, el sistema de actualización de tweets, la esquinas ahora están redondeadas (que no se verán en Internet Explorer pero si en Safari, Firefox y hasta en Chrome)
  
  
  

• 
  
  
  Opciones de personalización de diseño, para aquellos que no les guste el diseño, se han incluido plantillas ya diseñadas a las que podemos modificar el fondo o cambiar su combinación de colores.
  
  
  

• 
  
  
  La pestaña “Archivo” ha sido removida, pues para poder visualizar nuestro archivo es posible hacerlo desde la URL de nuestro perfil de Twitter.
  
  
  

De momento no son más que cambios visuales pero según se menciona en el post oficial con los cambios en Twitter, esto no es más que el comienzo para un serie de cambios que se vienen para el sitio:

…it was an investment in the future. We plan to have more tabs, and we’d run out of room putting them along the top. This was the driving factor for this redesign, but you won’t see all the benefits until a future release (hopefully, very soon!).

Personalmente me gusta como es Twitter ahora y no creo que requiera más pestañas o funciones que lo hagan más complicado.

Enlace | Twitter
Vía | Twitter Blog

Contenido relacionado

• Imágenes de lo que sería el nuevo diseño de Hi5



• Crear esquinas redondeadas con CornerShop



• Programar tweets con Easy Tweets



• Nuevos aires para Delicious



• Twhirl añade soporte para Identi.ca y Seesmic

Etiquetas: web apps, ajax, cambios, css, dise

Gracias a Juan Mariano Fuentes disponemos de un magnifico vídeo-tutorial en Youtube sobre Ajax donde se nos muestra, que es Ajax, una introducción y una muestra del potencial del mismo.

¿Qué es AJAX?

AJAX Introducción

El poder de AJAX

Etiquetas: programacioacute n, ajax

Sintético repaso a las principales librerías JavaScript de código abierto y propósito general, como jQuery, Prototype, Mootools, Dojo o Yahoo UI.


Una buena herramienta para cualquier tipo de presentación divulgativa.

Visto en Ajaxian

Compártelo

Etiquetas: ajax, desarrolloweb, javascript, librerias

Web Development Helper

Es un complemento para Internet Explorer, creado por Nikhil Kothari, (co-autor del libro Developing Microsoft ASP.NET Server Controls and Components)

La versión actual es la 0.8.5.1 del 23/agosto/2007

Tiene varias opciones pero la que destaco es la que monitoriza las peticiones ajax que hace nuestra aplicación web.

Una vez instalado aparece un boton en la barra de pestañas (1) si le das click aparece en la parte inferior de la ventana, en la sección HTTP Logging habrá que habilitar el check de Enable Logging, una vez seleccionada esta opción el add-on monitoriza las llamadas con el componente XHR (XMLHttpRequest), en nuestro ejemplo estamos en la página de Google Suggest, mientras escribimos google nos sugiere diversas entradas mientras tanto se van insertando las peticiones en el log (3), si deseas ver la respuesta del servidor basta con seleccionar una petición y dar click a Show Details (4)

Se mostrará una ventana como esta, en la pestaña Response Content vemos la respuesta:

Página oficial del “Web Development Helper“:
http://projects.nikhilk.net/WebDevHelper/Default.aspx

Descargar:
http://www.codeplex.com/webdevhelper/Release/
ProjectReleases.aspx?ReleaseId=11062

Página personal de Nikhil Kothari:
http://www.nikhilk.net/

El libro “Developing Microsoft ASP.NET Server Controls and Components” en Amazon:
http://www.amazon.com/exec/obidos/ASIN/0735615829/nikhilkothari-20

Etiquetas: general, internet explorer, ajax, ie addon

Google Insights for Search o Google Análisis de Búsuqeda, si traducimos el nombre, es la nueva herramienta de Google.

Google anunció su nueva herramienta desde el blog oficial de Adwords, porque esta herramienta no es más que una extensión de Google Trends. Google Insights for Search permite rastrear palabras clave en un periodo de tiempo concreto, buscar por ubicaciones, por categorías…y todo esto con una aspecto gráfico inmejorable. La carga de las búsquedas y demás cambios que se hagan a posteriori, como la elección de la ubicación, son con Ajax, lo que hace a la página más dinámica y atractiva.

Aunque esta herramienta se parece a Google Trends tras su última actualización, Insights for Search permite a los usuarios analizar más a fondo las pautas del volumen de búsquedas mediante la introducción de una serie de nuevos filtros.

Esta herramienta, por lo tanto, se perfila como un gran apoyo a todos los webmasters y en especial a todas esas personas que usan Adwords o quieren posicionar mejor su sitio.

Vía | TechCrunch

Etiquetas: internet, ajax, google, posicionamiento

Empecemos

Al código...

<?php if ($_POST["type"] == "xml") header ("content-type: text/xml"); ?>  Selecciona una zona <?php if ($_POST["pais"] == "ES"){ ?> Palma de Mallorca Malaga Barcelona <?php } else if($_POST["pais"] == "FR") { ?> Toulousse Charles de Gaulle <?php } ?> 

       
 
 Pais: 

       
 
 Pais: 

<?php $hayPais = false; // No hay pais por defecto if (isset($_POST["pais"])) $hayPais = true; //Si hay país // URL de destino $url = ($hayPais)?"receptor.php":""; ?>        
 
 Pais:  <?php if ($hayPais) : ?>  <?php else: ?>  Selecciona un pais España Francia  <?php endif;?>  
 
  <?php if ($hayPais) { echo "Destino: "; include("destino.php"); } else { ?>  <?php } ?>  
 
  
 
  

<?php $hayPais = false; // No hay pais por defecto if (isset($_POST["pais"])) $hayPais = true; //Si hay país /* Esta versión es más corta, pero menos ilustrativa. $hayPais = isset($_POST["pais"]); // ¿Existe $_POST["pais"]; */ // URL de destino $url = ($hayPais)?"receptor.php":""; ?>

<?php if ($hayPais) : ?>  <?php else: ?>  Selecciona un pais España Francia  <?php endif;?>

<?php if ($hayPais) { echo "Destino: "; include("destino.php"); } else { ?>  <?php } ?>