Muy buen vídeo, una parodia de Matrix corriendo bajo Windows xp, esta en ingles pero seguro que lo esencial del vídeo se entiende a la perfección aunque no entiendas de este idioma.
La Matrix corriendo bajo windows
Marcadores:
ToolTips Personalizados con CSS
Un tooltip
es una herramienta de ayuda visual, que funciona al situar o pulsar con el ratón sobre algún elemento gráfico, mostrando una ayuda adicional para informar al usuario de la finalidad del elemento sobre el que se encuentra.En este post vamos a crear tooltip personalisados utilizando solo CSS.
Como Primera acción veamos en detalle el codigo CSS, este es el corazón y pulmón de nuestros ToolTips.
Como veran el codigo es bastante simple para quienes conocen lo minimo de CSS.
a.tooltip { /*Propiedades del texto visible*/Ahora crearemos las etiquetas que le daran vida...
positiondetermina la forma en que se ubica un elemento.: relative; /* posición */
RELATIVE: es el valor por defecto.
ABSOLUTE: se lo fuerza a ubicarse en un determinado lugar.
text-decoration: none !important; /* Eliminamos el subrayado */
color:#0080C0 !important; /* Cambiamos el color de texto */
font-weight:bold !important; /* negritas al texto */
}
a.tooltip:hoverDefine el estilo cuando el ratón pasa sobre él.{/*Hace aparecer el cuadro*/
z-indexNúmero de orden dentro de la pila de elementos:999; /* Definimos que este por encima de todo */
como los elementos pueden ubicarse en posiciones absolutas dentro
de la página, algunos pueden superponerse visualmente con otros,
para controlar cuál estará por encima, les asignamos un número entero,
cuanto más alto sea el número, más arriba estará.
background-color:#000000; /* obligatorio definir color de fondo */
}
a.tooltip span { /* Ocultamos el elemento */
displayestablece si un elemento será mostrado y cómo será mostrado: none;
BLOCK: un salto de línea antes y después del elemento
INLINE: ningún salto de línea antes ni después del elemento
NONE: no se mostrará
}
a.tooltip:hover span { /*Propiedades del cuadro*/
displayestablece si un elemento será mostrado y cómo será mostrado: block; /* se muestra el cuadro */
BLOCK: un salto de línea antes y después del elemento
INLINE: ningún salto de línea antes ni después del elemento
NONE: no se mostrará
positiondetermina la forma en que se ubica un elemento.: absolute; /* posicion de cuadro */
RELATIVE: es el valor por defecto.
ABSOLUTE: se lo fuerza a ubicarse en un determinado lugar.
top:2em; left:2em;
width:250px; /* ancho del cuadro */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #0080C0; /* color de fondo*/
color: #FFFFFF; /* color del texto */
}
<a class="tooltip" href="#"> el texto visible
<span> el texto oculto (cualquier código HTML)
</span>
</a>
Fuente: Vagabundia
Marcadores:
Efecto estatico con CSS
este texto esta estatico....
Esto surgio con la necesidad de crear un menu estatico a pedidio de un cliente;
en un primer momento se cree que va a resultar un poco complicado, tal vez, hasta necesario utilizar javascript.
Pero encontre una solución al problema de una manera asombrosamente simple.... CSS.
Como primer paso creamos el div que va a contener el texto estatico.
<div class="static-id"></div>
Aqui el contenido estatico....
</div>
Ahora vemos a continuación el codigo CSS.
static-id {
position: fixed;
}
Tal vez seria mucho mas simple de la sguiente manera.
<div style="position: fixed;"></div>
Aqui el contenido estatico....
</div>
Ejemplo de menu estatico.
Solo tiene un pequeño problema, no funciona en IE6.
Espero les sea de utilidad, o por lo menos educativo.
Marcadores:
Efecto de Transparencia con CSS
Las Transparencias son un efecto espectacular, lamentablemente no son muy populares. una del as mayores razones es que antes se usaba imagenes PNG, por el pobre soporte que tenia IE6.
Esto empezo a cambiar con la utilización de IE 7 y Firefox que se volvieron cada vez mas populares en el sistema operativo de Windows.
Aqui presentamos la manera de crear transparencias utilizando la llamada opacity tag y las propiedades de opacity filter basados en IE.
Como puedo crear columnas transparantes uq e funcionen en todos los navegadores?
Esto es posible utilizanco CSS. Crearemos una columna de fondo
transparente con un tamaño, y dentro colocaremos una columna transparente y más pequeña aque la anterior donde se pondra el contenido.
Empezemos
Definimos las columnas:
<div id="column-1" class="container">
<div class="overlay"></div>
<div class="content">
<h2>Content</h2>
</div>
</div>
Nosotros podemos camabiar la posición de la columna contenedora: position: relative; float; left; esto nos permite cambiar la posición de la columna de contenido dentre de la columna transparente.
column-1 {
position: relative;
float: left;
width: 500px; /* Se puede cambiar el ancho */
}
Ahora crearemos la columna transparente...
css.overlay{
position: absolute;
top: 0; /* permite subir y bajar la columna */
bottom: 0;
left: 0;
width: 100%;
background: #000;
opacity: 0.65;
-moz-opacity: 0.65; /* para viejos navegadores Gecko-based */
filter:alpha(opacity=65); /* para IE6&7 */
}
Ok. Ahora veamos el codigo para la columna de contenido:
column-1 .content {
width: 460px;
padding: 20px;
}
Ya casi terminamos. Como veras hasta ahora, el contenido aparece por debajo, para solucionar esto utilizamos la posicion relative.
css.content {
position: relative;
}
Terminamos, solo queda resolver un problema, como siempre, que funcione en IE:
* Usamos el asterico para que solo sea leido por IE-6 */
* html #column-1 .overlay {
height: expression(document.getElementById("column-1").offsetHeight);
}
Puedes mirar un muy buen Ejemplo.
Puedes descargar el codigo fuente Aqui.
Fuente Original bitsamppixels.com.
Marcadores:
Crear un Simple y Efectivo Slider
Mediante el uso de XHTML / CSS + JQuery (AJAX) se logra este espectacular Slide de simple diseño y una gran versatilidad, además de un excelente efecto de animación.
Este Slider, posee un contenido principal, que se desliza de izquierda a derecha mostrando cada uno de ellos un contenido único. Hay pequeñas imagenes que actúan como menú de navegación que nos permitirá saltar rápidamente a cualquier parte del slide. Además cada parte diferente del Slide permite tener una breve descripción y un titulo sobre una columna transparente montada sobre la misma imagen del slide.
- Auto-play. No solo permite cambiar las distintas muestras del Slide, sino también permite ir rotandolas de manera automática cada un periodo de tiempo determinado.
- Flecha indicador. Sirve como indicador visual para resaltar el panel que estamos viendo actualmente, algo así como una pequeña flecha sobre las miniaturas que apunta en el panel.
Ver demo
LINK: Auto playing featured Content Slider
Marcadores:
smush it - Optimizar la Carga de imagenes en tu web
Este servicio web permite mejorar la velocidad de carga de tu site redimensionando las imágenes que forman parte del mismo.
Tanto al subir imagenes desde tu ordenador a través de tu navegador web, o indicando la dirección URL de una imagen, Smush it comprimira de forma automática para proporcionar en un zip, una imagen muchos menos pesada que la original y sin apenas pérdida de calidad.
Este soporta formatos de imagenes gif, jpg, png y gif con animaciones.
Para aquellos que usan Mozilla Firefox existe una extensión de Smush it que se integra como un botón en la barra de estatus del navegador web y hace más sencillo si cabe la tarea de redimensionar imágenes.
LINK: Smush.it.
Marcadores:
htaccesseditor - Editar archivos .htaccess facil, rapido y online
Espectacular herramienta que nos permite editar de manera online nuestro archivo .htacces mediante un sencillo formulario que nos va preguntando que preferimos para las determinadas opciones existentes.
Los archivos .htaccess permiten modificar la "conducta" del servidor web de los planes UNIX (Apache Web Server) lo cual permite hacer muchas "cosas".
Nos permite:
* Direccionar a las paginas de error, para no permitir que el usuario ingrese a un sector no debido; errores mas conocidos: 405, 405, 406, 407, 408, 500, etc
* Definir paginas por defecto.
* Definir las directivas de redireccionamiento, tanto permanentes como temporales.
* Definir la restricción de acceso a determinadas IP.
LINK: www.htaccesseditor.com
Marcadores:
Wiriki - Potente herramienta SEO on-line y gratis
El proceso es simple, solo introduce la URL de la web que desees y el informe se generará automáticamente.
En poco más de medio minuto obtendrás un informe completo con las páginas indexadas en los principales buscadores, redes sociales, Rating Alexa, Validaciones XHTML, CSS y RSS, Analisis de metatags, BackLinks, Pagerank, fecha del dominio, hosting del dominio, Visitas diarias, precio para la venta de enlaces,...
Además todos los informes generados son guardados para que, posteriormente, puedas estudiar la evolución de un dominio web. Del mismo modo, la visualización de estos informes almacenados será instantanea, sin necesidad de esperar los 40 segundos de proceso para el informe.
- Páginas indexadas en diferentes buscadores y redes sociales
- Ranking, al menos según tres medidores
- Validaciones XHTML, CSS y RSS
- Sindicación, cuanta gente nos lee realmente vía RSS
- Diagnostico, completo informe sobre cosas a mejorar
- Backlinks, para saber quién nos está referenciando
- Marcadores sociales, es bueno saber quien habla de ti y desde donde.
- Análisis de metatags
- Pagerank
- Visitas diarias
- Precio orientativo por la venta de un enlace y del sitio
wiriki.net <- Enlace
Marcadores:
Typechart - CSS para tus fuentes
Si desean darle diferentes estilos a los párrafos de sus proyectos web, Typechart será un sitio indispensable para visitar. Typechart es un sitio que nos presenta diversas formas de resaltar el contenido de nuestro blog, jugando con las propiedades de nuestras fuentes. Lo bueno es que nos permite ver en tiempo real como se verían nuestras fuentes tanto en Windows como en MAC. Y lo mejor de todo, es que una vez que hemos encontrado una idea original podremos obtener el código CSS que nos permitirá luego, obtener en nuestros proyectos online los mismos resultados. Encontraran cantidad de opciones y ejemplos, que podrán poner a prueba en sus futuros diseños.
Enlace Typechart
Marcadores:
TableKit - Tablas tipo excel en tu web mediante AJAX
TableKit es una tabla basada en HTML que utiliza el framework Prototype. Permite la implementación de ordenamiento de columnas (sorting), modificación de tamaño de columnas, y edición de los campos de manera automatica mediante el uso de AJAX.
A simple vista parece un sistema de ordenación de tablas, pero las sorpresas están un poco más ocultas 
- Ordenación dinámica mediante Javascript
- Redimencionamiento mediante Javascript
- Editable en vivo
- Usa el potencial de Prototype para realizar todas las funciones.
Ejemplo: www.millstream.com.au/upload/code/tablekit/
Marcadores:
GenFavicon - Generador de favicones
El equipo de Ferca Network sigue lanzando proyectos interesantes este año. Esta vez GenFavicon una practica aplicación online que nos permitirá generar en simples pasos favicones para nuestro sitio web. Para utilizarlo GenFavicon nos permite subir desde muestro ordenador una imagen con un tamaño máximo de 4mb o bien introduciendo la url de una imagen que ya tengamos online. Una vez que subimos nuestra imagen podremos optar por elegir el tamaño que tendrá nuestro favicon, entre las medidas usuales para ello, 32×32, 48×48, 64×64, 128×128 px. Posteriormente daremos un click sobre la opción “captura y Previsualización”, opción que nos permitirá visualizar y recordar el área de la imagen con la cual deseamos crear el favicon. Por ultimó, solo queda descargar nuestro bonito favicon.
Enlace GenFavicon
Marcadores:
Prototip 2 - Crear ToolTips realmente asombrosos
Pues bien, ahora llega el turno de Prototip 2 script para generar ToolTips dinámicos, basada en Prototype javascript con resultados realmente hermosos. Esta es la evolucion de la original (Prototip). En su versión 2 con muchas mejoras, muchas más opciones, y muchísimos estilos realmente más bonitos que la vez anterior. Sin duda ahora lograras crear tus diversos ToolTips con esquinas redondeadas, añadirles cantidad de efectos, con botones de cierre, etc etc. La verdad, creo que Prototip 2 posee todo lo que puedas llegar a necesitar. No se ustedes, pero yo cuando piense en añadir tooltips a uno de mis proyectos, no buscare mas, Prototip 2 es mas que suficiente para todo lo que se me pueda llegar a ocurrir.
Enlace Prototip 2
Marcadores:
WaveMyPic - Efecto de Agua en movimiento en tus fotos
WaveMyPic una simple aplicación online que nos permitirá añadir a nuestras imágenes, reflejos pero con un efecto de agua en movimiento. Claro esta, que esta pensado para aquellos que busquen resultados realmente rápidos y no deseen algo muy profesional, pero si, algo original. Debo decir que el resultado que obtendremos con WaveMyPic es muy agradable, salvo claro, la publicidad que deberemos soportar. De mas esta decir, que su utilización es realmente fácil, solo deberemos subir una imagen desde nuestro ordenador, y dejar todo el trabajo pesado a WaveMyPic, Ojala todo en la vida fuera así, pero por desgracia, solo sucede en las películas.
Marcadores:
Templates Feed - Plantillas y Themes gratis
Templates Feed, otro sitio destinado a aquellos que no se cansan de buscar diseños para diversas plataformas, en el encontraremos themes Wordpress, CSS templates, HTML templates, Joomla Templates, PSD templates, etc. Sin duda será otro buen sitio de donde podrán descargar de forma gratuita cantidad de diseños agradables, que podrías llegar a usar en tus proyectos online, sea cual sea tu plataforma favorita.
Enlace Templates Feed
Marcadores:
File Dropper - comparte archivos de 5 Gigas gratis
File Dropper es un nuevo servicio que nace en internet, se trata de un servicio de almacenamiento y compartición de archivos que permite a los usuarios compartir documento, programas, etc. de hasta 5 Gigas.
Este servicio se ha popularizado rápidamente porque además es muy fácil de utilizar, solo necesitas subir el archivo y luego te dan el link: no requiere registro de ninguna clase y (por el momento) no existe publicidad intrusiva ni distractora.
Marcadores:
Fontcubes - Excelente Colección de Fuentes
Fontcubes otro bonito sitio de donde podremos descargar cantidad de fuentes muy bonitas para utilizar en nuestros proyectos online, o cuando necesitemos diseñar nuestras tarjetas personales, los membretes de nuestras hojas, etc. Sinceramente, siempre que descubro sitios como Fontcubes, me tomo unos buenos minutos indagando sobre las categorías que mas me gustan, y comienzo a descargar todas esas fuentes que podrán ser útil para mis proyectos futuros. Debo admitir, que poseo una carpeta muy amplia de fuentes esperando que las pueda incluir en algún proyectito. Pero bueno, allí están, a salvo en caso de que Internet no funcione y necesites de ellas. Si buscan fuentes, Fontcubes es una opción más a tener en cuenta.
Marcadores:
CSSTXT - Personalizar textos de forma simple
CSSTXT es una de esas aplicaciones que me agradan mucho, ya que suelen ser herramientas que pueden sacar de apuros, a aquellos que no están tan familiarizados con CSS, y tampoco desean meterse de lleno en este tema, pero si solucionar o personalizar alguna cosita pequeñita rápidamente y sin solicitar ayuda alguna en el proceso. Básicamente CSSTXT nos permite dar formato a nuestros párrafos o textos de la forma mas sencilla posible, tan solo deberemos ir configurando o seleccionando en las opciones la fuente a utilizar, color, espacios, etc. Para que automáticamente CSSTXT nos genere la estructura, y específicamente el código CSS para lograr la personalización deseada.
Enlace CSSTXT
Marcadores:
Windows Vista lite booteable desde Pendrive USB
En este presento Windows Vista Portable, para los que lo quieran provar en su pc, sin necesidad de instalarlo.
Parte 1:
http://rapidshare.com/files/35517115/Windows_Vista_LiveCD.part1.rar
Parte 2:
http://rapidshare.com/files/35517126/Windows_Vista_LiveCD.part2.rar
Espero les guste.
Marcadores:
Windows Xp lite booteable desde Pendrive USB
Tu Windows en español, arrancabledesde un pendrive USB de 128 megas.
Ademas contiene herramientas útiles como:
- Backups
- Antivirus, AntiSpyware, etc
- Encriptadores de ficheros
- WinRar
- Wincommander
- Firefox
- Borradores de discos, limpiadores de sectores, etc
- Herramientas de Diagnosticos de sistemas
- Herramientas Forenses: Recuperadores de password-sistemas, etc
- Herramientas Recuperadoras de datos
- Etc...
Ademas lo puedes grabar el WinXpUSB.iso a un Cd y funcionar igual.
Como instalarlo en un USB arrancable:
-------------------------------------
Formatea tu usb con el programa HpUsbFormat.exe :
- File system : FAT
- Volumen label :WinXp_USB
- Format options:No marcar ninguno
- Start
Despues copia el contenido en la pluma USB:
- ntldr
- NTDETECT.COM
- WinXpUSB.iso
- winnt.sif
Ahora resetea el ordenador y entra en la bios, asegurate que en la parte de booteo, esta habilitado arrancar por usb. Si tu ordenador es "moderno" no tendras ningún problema, si es de los "antiguos" no arrancara. Si este último caso es el tuyo, puedes grabar el iso en un cd y utlizarlo como un sistema windows util, autonomo y externo.
Descargar Aqui:
pass: snork
Marcadores:
Page Peel Effect - Agregar dobles en las esquinas de tu web
How To Page Peel Effect, es un agradable efecto que solemos ver en mas de una Web. El mismo consiste en un efecto que se produce al pasar nuestro ratón sobre la esquina superior de nuestra web, algo similar al doblar una hoja de papel, y en el cual podremos agregar información extra o publicidad creativa. How To Page Peel Effect se logra a partir de javascript + imágenes + .sfw (flash). Por lo general estos script suelen ser de pago, es mas, en una oportunidad los necesite y debo admitir que en su momento no encontré ninguno gratuito en la red. Por suerte hoy, podremos encontrar en hongkiat este script totalmente gratuito, y a ellos le sumaremos otras alternativas que acabo de ver en Diariothc.
Descarga y mas Info: Create A Peel Away Effect On Website [How To]
Otros script alternativos:
Marcadores:
IzzyMenu - Crear menús CSS fácilmente
IzzyMenu, una herramienta que a mas de uno de ustedes les será realmente útil. Básicamente con IzzyMenu podremos crear tantos menús profesionales como deseemos, y lo mejor aun, sin tener conocimientos previos, en un lapso de tiempo sumamente breve, y sin complicaciones. Izzymenu es tan simple que tan solo deberemos configurar una serie de parámetros, y elegir las opciones adecuadas para lograr el estilo deseado para nuestro menú. Nos permite crear menús horizontales como verticales, menús estáticos o desplegables, y descargar cada uno de los diseños con sus imágenes y códigos CSS, listo para ser usado en nuestros proyectos Web. Podremos inclusive indagar por diseños ya diseñados por terceros, sin necesidad de registrarnos, y guardar todos nuestros diseños en caso de optar por regístranos de forma gratuita. Izzymenu hará que crear menús con diseños profesionales sea cosa de niños, y sorprendas a tus amigos con diseños agradables que tan solo te han llevado escasos minutos.
Marcadores:
Bitnami - Instalar CMS sin Utilizar un Servidor Local
Si eres de los que disfrutas probando CMS o simplemente necesitas un entorno para desarrollar localmente tus proyectos, seguro que ya te has visto en el engorro de tener que montar un servidor web o te has dedicado a subir por FTP tus ficheros a algún alojamiento.
Ninguna de las dos soluciones es todo lo cómoda que podría ¿verdad? Incluso si empleamos un instalador automático y obtenemos un servidor en unos minutos, luego nos quedará configurarlo y, si lo que queremos es usar un CMS, instalar el CMS y configurarlo también. Demasiados pasos ¿no?
Bitnami viene a nuestro rescate con pequeños “stacks” que contienen un CMS completo, listo para instalar y usar como si fuese una aplicación cualquiera (doble click en un exe en windows, por ejemplo). También podremos instalar un entorno para Ruby o un servidor Apache con MySQL y PHP de la misma forma simple y limpia. Limpia ya que la desinstalación también es así de sencilla y deja el sistema como lo teníamos.
Los stacks no interfieren con ningún software que tengamos instalados y están disponibles para Windows, Linux y Mac OS
Actualmente el listado de stacks es impresionante y parece que cada día crece más.
Marcadores:
5 Sistemas Libres Para Montar tus Redes Sociales
Sin duda, las redes sociales han sufrido un auge impresionante. De sólo tener algunas redes como MySpace y Facebook copando el mercado a nivel global, hemos pasado a tener redes temáticas e incluso pequeñas redes sociales privadas, para amigos o grupos de usuarios.
Si bien montar una red social es algo más que construir la infraestructura, existen suficientes opciones libres listas para instalar y ahorrarnos bastante tiempo. Aquí os traigo 5 de ellas, para que escojáis la que mejor se adapte a vosotros.
-
AROUNDMe:
Libre y con múltiples opciones (incluida la de crearnos un servidor personal de OpenID) AROUNDMe de Barnraiser es uno de los softwares sociales libres con más historia. Uno de los primeros, si no el primero, en ofrecernos este tipo de herramientas de forma libre.
AROUNDMe: http://www.barnraiser.org/
-
Elgg:
Nacido en el entorno educativo, Elgg nos ofrece todo lo que podamos necesitar para crear nuestros perfiles y compartir nuestros conocimientos. Podremos crear grupos de usuarios, agregar amigos, subir nuestros ficheros, podcasts…
Elgg: http://elgg.org
-
PHPizabi:
PHPizabi es otro de los decanos en las redes sociales de código abierto. Nos promete sencillez, potencia y velocidad y nos ofrece un sistema modular en el que podremos ir agregando funcionalidades a medida que vayamos necesitándolas.
PHPizabi: http://www.phpizabi.net
-
Dolphin:
Desarrollado por Boonex, Dolphin es un caso extraño en este listado. Es Open Source pero al usarlo tenemos la obligación de mantener el enlace hacia la web de los creadores o pagar una licencia (39$ una licencia anual y 99$ una de por vida). Eso si, es una solución muy cuidada y elaborada.
-
Lovd By Less:
Seguramente el último en llegar a la fiesta, Lovd By Less está escrito en Ruby on Rails e incorpora funcionalidades tan interesantes como la integración con servicios tan populares como Flickr o YouTube.
Lovd By Less: http://lovdbyless.com/
Marcadores:
FlowPlayer - Reproductor de Video Para tu Web
Mas características:
- Protección contra enlaces directos: Podrás proteger tus vídeos e imágenes contra en enlace directo.
- Soporte para publicidad: La listas de reproducción permite insertar publicidad en los stream de los vídeos. Además los controles de vídeo se pueden desactivar cuando sale la publicidad, y por supuesto la publicidad enlazada al anunciante.
- Soporte para modo de pantalla completa.
- y mucho, mucho mas ….
Marcadores:
Busca tu fuente con Searchfreefonts
Aparte de otros sitios similares, SearchFreeFonts ofrece una amplia galeria de fuentes (13,000 tipografias gratuitas y 23,000 de tipo comercial) con un vistazo de como se ve la fuente junto a un enlace para su descarga.
Marcadores:
Tu Propia Herramienta Para comprobar el Pagerank en Varios Datacenters
Esta es una herramienta gratuita creada por pablo de Kbytes, la cual nos permite visualizar el estado de nuestro page rank en los distintos datacenters; ademas de esto, podremos utilizar este codigo para ponerlo en nuestra pagina.
Entonces simplemente con descargar el zip, descomprimirlo y subirlo a su servidor pueden tener una herramienta para chequear el pagerank en los distintos datacenters.
Inclusive si miran el código fuente pueden agregar todos los datacenters que ustedes quieran, pueden personalizar el código con su propio logo, etc.
LICENCIA DE USO
NINGUNA, simplemente lo descargan y hacen lo que quieren con el 
Marcadores:
PhpMotion - Tu Propio Youtube
PHPmotion se trata de un software libre que te permitirá crear de una manera muy sencilla una página para compartir videos. Con un diseño muy similar al del rey de los vídeos, tus visitantes se sentirán muy cómodos con el formato y aprovecharás toda la potencia que te ofrece esta interesante solución.
Marcadores:
Miniajax - Pequeños Scripts Para Descargar
MiniAjax es una recopilación de pequeños scripts encontrados por la red, listos para descargar y utilizar. Se trata de scripts Bastante completos, que nos ahorra tiempo de búsqueda.
Marcadores:
GetBoo, tu propio del.icio.us
Con GetBoo podrás crear tu propio portal de marcadores sociales, instalado en tu servidor y de forma sencilla. Dispondrás de casi todas las funciones de Del.icio.us e incluso algunas más (como los comentarios para los marcadores). Y ya que es de código abierto podrás hacer todas las modificaciones que desees.
Puedes probar el servicio online o descargar directamente el código fuente, tu eliges:
GetBoo: http://www.getboo.com/
Marcadores:
PhatFusion - Herramientas dinamicas con MooTools
Phatfusion es una evolucionada herramienta en base a MooTools . Son muy diversas, encontraras más de una herramienta útil que podrás tener en cuenta para la finalización de tu proyecto. Entre ellos los bonitos lightbox, tab, tables, multibox, menú animado con imágenes, etc.
Podras ver un londo ejemplo Aqui.
Marcadores:
Barra de progreso en ajax
Más de una vez necesitamos para nuestra web una barra de porcentaje de carga para señalar el progreso de una tarea específica. Pero nos encontramos muchas veces o no, que es difícil encontrar un funcionamiento y una solución rápida sin usar flash. Los chicos de webappers han creado una simple barra de progreso basada en ajax e inspirada en displaying percentages. Estéticamente muy bonita y muy funcional, seguramente encontraras un lugar donde utilizarla.
Marcadores:
mooSlideBox v3 - Un lightbox distinto
Ver Demo
Marcadores:
Descubriendo todo el potencial de AdSense
Rita Barberis, Senior Associate para AdSense América Latina, presentando “Descubra todo el potencial de AdSense” en Buenos Aires, 26 de septiembre de 2007.
Marcadores:
ZoomClouds - Nube de Tags para RSS
Con ZoomClouds puedes colocar pequeñas (o grandes) nubes de etiquetas en tus páginas, relevantes a aquello que esté siendo tratado en tu sitio. Y como además tienes control total sobre el tipo de etiquetas que deseas que aparezcan en tu "nube", así como el aspecto visual de la misma, podrás mejorar el contenido y la apariencia de tus páginas sin apenas esfuerzo ni gasto alguno, y a la vez proporcionar a tus usuarios una manera atractiva de mostrarles qué temas se están tratando en tus páginas o en tu blog. |
| Diseña tu nube |
| Selecciona el contenido sindicado (feed) del cual deseas que se extraigan los términos que poblarán tu nube, y dale a la misma un aspecto personalizable al 100% con nuestro editor visual. |
Añadela a tus páginas |
| Añade un pequeño trozo de código a tus páginas... ¡Y ya está! |
Marcadores:
Link Diagnosis - Analizar Link y su PageRank
Link Diagnosis es una herramienta muy completa y sencilla. Como viene siendo habitual, con sólo introducir la URL del sitio a analizar comienza el proceso. Y aquí está la primera diferencia con tantos otros servicios similares: Link Diagnosis se toma su buen tiempo analizando a fondo nuestros enlaces, con este sitio ha tardado algo más de 10 minutos.
Si no queréis tener que reiniciar el navegador al final del escaneo para concer vuestros datos, quizá queráis instalar la extensión para firefox de la que nos proveen, de lo contrario apenas obtendrás datos.
Una vez instalada la barra podrás saber cosas como el pagerank de los enlaces que recibes, los anchors más utilizados para enlazarte, tus páginas más enlazadas… Además, al utilizar el plugin podrás acceder a reportes de los sitios que visitas, directamente con un click.
Marcadores:
Fawnt - Fuentes Gratis
Fawnt otro bonito sitio donde podremos descargar toneladas de fuentes gratuitas. Algo muy indispensable para todo diseñador. Fawnt posee una interfaz de navegación realmente fácil de utilizar, y muy diferentes a otros sitios de este tipo, por ejemplo la falta de categorías algo que puede ser muy interesante cuando no sabes que fuente buscar. En fin, si gustas siempre de conseguir nuevas fuentes para tus proyectos Fawnt será un sitio de visita obligada.
Marcadores:
ShoutMix - Pequeño Chat para tu blog
ShoutMix, una herramienta online que nos permitirá agregar un pequeño chatbox a nuestro blog, algo así como un pequeño Chat con el que podremos chatear en tiempo real con todos nuestros usuarios. Solo deberemos crear una cuenta, configurar algunas cosas (color, etc) copiar el código en nuestra web y comenzar a interactuar con nuestros usuarios en tiempo real de forma muy sencilla. ShoutMix ofrece una opción gratis y otra de pago con más opciones, pero la versión gratuita es más que suficiente para nosotros.
Marcadores:
Corroborar si los email son validos o no
Emailvalido es un servicio online que acaba de surgir que básicamente nos permite corroborar si los email que tenemos almacenados siguen siendo validos o no en la actualidad. Una herramienta que evidentemente podrá ser útil para verificar casillas de correo electrónico de amigos a los cuales hace tiempo ya no les escribimos. Solo deberemos ingresar la casilla de correo de la cual deseamos verificar su existencia y dejar que el resto lo haga Emailvalido, de esta forma estaremos seguros de que el email que enviaremos realmente llegue a la persona que deseamos. Además si deseas agregar este servicio a tu sitio, podrás hacerlo agregando por medio de un código un pequeño casillero de verificación en tu blog, y brindar así, un servicio extra a los visitantes habituales de tu blog.
Marcadores:
Plantillas web gratis
Nuviotemplates es un sitio que nos ofrece una variedad de plantillas xhtml válido que podremos descargar de forma totalmente gratuita. Las estructuras de las plantillas están realmente bonitas, y mas de una ella ayudara a poner tu sitio online en menos tiempo de lo que piensas.
Enlace Nuviotemplates
Marcadores:
YouSwap, envío de archivos de hasta 1 GB
YouSwap, es otra buena alternativa a tener en cuenta cuando deseemos enviar archivos realmente grandes. YouSwap es una sencilla aplicación online que nos permite adjuntar archivos de hasta 1GB, para luego enviar un enlace de descarga a una cuenta de correo electrónico determinada. Aparte de ser un servicio sencillo de usar, no requiere registro alguno para utilizarlo, algo que a más de uno nos agrada.
Para enviar nuestros archivos simplemente debemos adjuntar todos los ficheros que deseamos compartir, Posteriormente añadiremos los correos electrónicos a los cuales deseamos enviar un enlace de descarga, que podrán ser mas de uno, solo debemos tener en cuenta que debemos separar todas las direcciones de Email con una coma. Y por ultimo simplemente comenzaremos a subir nuestros archivos con la opción “Upload”. Una vez que nuestros archivos hayan sido almacenados en YouSwap, todos los Email que hemos ingresado recibirán un enlace de descarga con los archivos que hemos decidido compartir con ellos.
Marcadores:
Crea tus logos 2.0 online
LogoGenerador es una aplicación en línea que nos permitirá crear logos con estilo 2.0 al instante. Utilizarlo es muy sencillo, tan solo deberemos agregar un texto y elegir entre los 10 diseños que nos ofrece LogoGenerador para generar nuestro logo, posteriormente baste descargarlo y agregarlo donde mas gustes. Si no eres una persona que se desenvuelva bien utilizando Photoshop LogoGenerador será una opción para que tengas en mente, los resultados son muy agradables por lo que no tendrás nada que envidiar a los logos generados con photoshop. Y bueno, si deseas ahorrar tiempo, también es una buena herramienta.
Marcadores:
Buscador de inspiración en diseño
Designoogle es un buscador de temas y artículos que nos pueden servir para inspirarnos en diseño, búsqueda que realizaremos basada en adjetivos. Por ejemplo, si deseas ver bonitos diseños en tonos rojos, en el casillero de búsqueda escribirás “red”, o ideas para texturas, en el casillero de búsquedas escribirás "rough texture". Siempre las búsquedas realícenlas en Ingles, porque en español los resultados serán casi nulos. Los resultados que nos arroja Designoogle son muy buenos, pruébenlo.
Marcadores:
Menu animado basado en Mootools
Si les agradan los Menú animados para sus proyectos online, y específicamente el menú que vemos en el sidebar del sitio oficial de mootools. Podremos descargar los ejemplos listos para ser usados en nuestros proyectos online. El pack de este menú basado en Mootools, contiene todo el código fuente, moofx.js y todo archivo que permitirá obtener los efectos visuales.
Ver Demo - Descarga
Marcadores:
Entradas
