Topic: Desarrollo web

Íconos de estado para aplicaciones web: Sixpack status




Sixpack status es un set de iconos que podemos usar para los mensajes de status de nuestras aplicaciones, es completamente gratis para un uso personal y comercial y los íconos están disponibles en 4 tamaños: 32×32, 64×64, 128×128 y 256x256px. También están disponibles en formato vectorial (SVG),por si queremos adaptarlos mejor a nuestros diseños.

sixpack

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

Cross domain AJAX usando CSS




Una de las tecnicas mas importantes dentro del desarrollo web es AJAX, esta tecnica de programación es muy poderosa, sin embargo tiene ciertas restricciones por seguridad, la mas importante de ellas es la llamada “same-origin policy” la cual no permite generar llamados hacia otros dominios (Cross domain)…

Ahora me he encontrado con una libreria muy interesante la cual nos permite realizar llamados AJAX cross domain, pero usando CSS (Ellos lo llaman AJACSS), la razon de esto es que la politca “same-origin” solo afecta los llamados hechos con el XmlHttpRequest, por esta razon ellos nos presentan CSSHttpRequest.

Tiene como limitante el que solo se pueden realizar llamados tipo GET y que la respuesta vendra codificada dentro de CSS, sin embargo ellos ya nos brindan librerias para codificar en Python, Ruby y PHP y para descodificar en Javascript, aqui les dejo un ejemplo de como seria el uso y en la pagina de los autores pueden encontrar un ejemplos, saludos…

CSSHttpRequest.get(
        "http://www.nb.io/hacks/csshttprequest/hello-world/",
        function(response) { alert(response); }
    );

Respuesta:

#c0 { background: url(data:,Hola%20Mundo!); }
#c1 { background: url(data:,Este%20seria%20un%20ejemplo); }

Sitio oficial…

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

Sexy Lightbox: El Lightbox más sexy de la web

En esta ocación les traigo el Lightbox más sexy de la web, o al menos eso dicen en su pagina oficial, y la verdad aunque existen mucho scripts tipo lightbox este trae un estilo bastante fresco y ademas lo he venido siguiendo por algun tiempo y se nota que esta en desarrollo constante, cosa que es muy importante y habla muy bien del proyecto y de sus creadores.

15-10-2009-05-39-35-p_m_

Por supuesto es libre y acepta varios tipos de contenido, imagenes, videos, html…




Todos los flash que tengas en tu sitio deben tener la propiedad wmode en transparent u opaque para que el lightbox se muestre correctamente.

Ahora puedes usar SexyLightbox en español de la siguiente manera:

SexyLightbox = new SexyLightBox({color:'negro'});

Por cierto, cuentan con otros componentes bastante buenos tambien, asi como Sexy Tooltip o Sexy Forms, tambien podrian echarles un ojo…

Sitio oficial

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

Agregar Google Analytics a un blog de Blogger

Una de las herramientas de sitios web mas usada y la verdad una de las mas completas es sin duda Google Analytics, ahora, para todos aquellos que tienen un blog en Blogger, existe una manera de integrar ambas herraimientas, es decir de instalar seguimiento a nuestro Blog que podria ser por ejemplo http://devmex.blogspot.com.

blogger_logo

El proceso es muy sencillo (consideremos que ya tienes tus cuentas blogger y analytics), primero agregamos un nuevo perfil en analytics y ponemos en el la direccion de nuestro blog… despues de eso, nos proporcionaran un bloque de codigo que debe ser insertado en nuestra pagina web, una vez hecho esto iremos a nuestra cuenta blogger y elegiremos la opcion Diseño del blog con el que estamos trabajando, en Diseño iremos a la pestaña Edicion de HTML y en el textarea que dice Editar plantilla, buscaremos al final la etiqueta </body> y justo antes de ella insertaremos el codigo de Analytics, listo, con esto ya podemos dar un seguimiento profesional a nuestro sitio web, saludos…

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

Incrustar documentos en la web, gracias a Google

Recientemente google puso a nuestra disposición un visor de presentaciones y documentos PDF, es un servicio orientado a Google Docs obviamente, pero en este caso ellos nos permiten usar cualquier archivo que este en la web, es algo muy simple, solamente necesitamos incrustar el siguiente código en nuestra web:

<iframe src="http://docs.google.com/gview? url=http://infolab.stanford.edu/pub/papers/google.pdf &embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

La verdad es que esto no es un servicio nuevo, pero siempre es interesante el ver que características podría agregar google. Saludos.

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

Administrador web para MySQL en un solo archivo: Adminer

Adminer es un administrador para MySQL del tipo de PHPMyAdmin, pero tiene una característica muy especial, usa un solo archivo, esto lo hace muy sencillo de instalar y distribuir, está listo para ser usado en 11 lenguajes entre ellos español y es fácilmente skineable usando CSS…

php-mysql-admin-script

Usa las versiones PHP 4.3+ y  MySQL 4.1+.

Sitio oficial…

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

PNG error en IE7 [Internet Explorer 7]

En Internet Explorer 6 existía un error con los PNG , el error afectaba las imágenes con transparencia y se hicieron muy comunes algunos scripts para corregir eso.

all-ie

Este error quedo corregido en Internet Explorer 7 sin embargo, existe una pequeña regla que podría causarte serios dolores de cabeza, las imágenes PNG con transparencia deben ser usadas en su tamaño original, es decir, no se deben redimensionar las imágenes mediante código html (aunque de hecho, nunca deben hacerlo), de cualquier forma, este detalle ya esta corregido para Internet Explorer 8… saludos.

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

Simple Pie: PHP RSS Parser

Cada vez es mas comun el uso de RSS dentro de nuestras aplicaciones y aunque basicamente se trata de XML, existen librerias que nos facilitan la vida y nos permiten tener menos complicaciones, en esta ocación les presento SimplePie una libreria muy util y una de las que mas ha crecido en los ultimos años…

php-rss-parser

Acepta multiples formatos de RSS y Atom, seguro les sera de mucha utilidad…

Sitio oficial…

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

WebOpenSource simple y rapido: BitNami

BitNami es considerado por algunas personas como un framework de instalación para aplicaciones web open source, tienen un concepto muy interesante llamado stack y son paquetes con todo lo necesario para correr una aplicacion web como Joomla o WordPress, permiten instalaciones en local, para maquinas virtuales y tambien en entornos cloud como Amazon EC2, realmente facilitan mucho el trabajo a la hora de montar un servidor con alguna de las aplicaciones disponibles, ademas, es una buena opcion para probar software que no hemos usado sin meternos en complicaciones…

soda-stacksSitio oficial…

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF

Ajax loaders para tus WebApps

Muchas veces, cuando estamos creando aplicaciones ajax requerimos de una buena imagen para usar de loader, aqui les traigon un excelente recurso en linea que te permite crear diferentes tipos de loaders, con configuracion de colores y tranparencia… espero sea util…

ajaxloaderIr al Sitio…

Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Linkter
  • Live
  • MySpace
  • Netvibes
  • Reddit
  • Technorati
  • Bitacoras.com
  • email
  • LinkedIn
  • Meneame
  • Print
  • Socialogs
  • SphereIt
  • StumbleUpon
  • FriendFeed
  • RSS
  • Yahoo! Bookmarks
  • Twitter
  • Add to favorites
  • PDF