5 tutoriales para crear tooltips con Jquery

en CSS, Desarrollo web, Diseño web, JQuery, Javascript, Tutoriales / junio 29, 2009 / 3 Comentarios

Unos proyectos en desarrollo me llevaron a buscar tutoriales para hacer tooltips, y como verán hay de todo, simples, animados, minimalistas, feos, etc. Aquí va una lista de los que me parecieron más interesantes

Animated hover effect – Webdesignerwall

En el tutorial no dicen que es un tooltip, pero puede ser usado como tal. Son los ítems 5a y 6a de la lista.

TutorialDemo

Coda Popup Bubbles – Jqueryfordesigners

TutorialDemo

Simple tooltip with CSS and Jquery – Kriesi.at

TutorialDemo

Better tooltip with Jquery awesomeness – Net tuts

TutorialDemo

Simple tooltip powered by Jquery – 3nhaced.com

TutorialDemo

Puede que también te interesen:

Links con iconos usando condicionales CSS

en CSS, Desarrollo web, Diseño web, HTML, Tutoriales / junio 25, 2009 / 3 Comentarios

Algo que queda muy bien y sirve para guiar a los usuarios: iconos distintos para links a tipos de archivo específicos: Un ícono para los PDF, otro para los ZIP, y hasta para links salientes a otros sitios. Obviamente lo ideal es que los íconos aparezcan automáticamente para cada link, y no estar cargándolos manualmente. [...]

Paz y tranquilidad sin usar nofollow

en Desarrollo web, SEO / junio 23, 2009 / 7 Comentarios

Hace un tiempo había anunciado que el nofollow es una porquería no sirve e implementé el plugin NoFollowFree, dejando a Akismet todo el trabajo de filtrado. Pasó casi un mes y no tuve mayores problemas, solamente algún que otro comentario dudoso que tuve que marcar como spam… pero bueno, alguien tiene que hacerlo. Espero que el [...]

Todas las herramientas SEO en una sola web

en Alexa, CSS, Desarrollo web, HTML, SEO / junio 4, 2009 / 2 Comentarios

Hacer SEO puede resultar bastante tedioso y estresante. Es por eso que los webmasters agradecemos infinitamente herramientas como la que provee dnframe.com, con más de 60 datos acerca del dominio que desees: Page Rank, Alexa Rank, una calificación entre 1 y 10 para tus etiquetas title y tus keywords, Page Rank. Alexa Rank. Calidad del [...]

Menú desplegable con JQuery y CSS

en CSS, Desarrollo web, Diseño web, JQuery, Javascript / junio 3, 2009 / 1 Comentario

En Noupe encontré un ejemplo de menú desplegable en JQuery de uso bastante agradable, inclusive lo guardé para próximos proyectos. Click en la imagen para ver una Demo: Se trata de un menú en el que si clickeas el texto, funciona como enlace, y si clickeas la flecha lateral se despliega el submenú. Pero lo [...]

Montones de templates css en un solo sitio

en CSS, Desarrollo web, Diseño web, Wordpress / junio 2, 2009 / 1 Comentario

Css Templates es una web en español con una rápidamente creciente colección de templates para WordPress, Blogger, Joomla, etc. El diseño extremadamente minimalista me pareció muy cómodo y sobre todo “desestresante”. Estoy poniéndome manos a la obra para crear una versión personalizable del template de ElWebmaster.net y colgarla en CssTemplates. Algunos templates que me gustaron: [...]

5 razones para no usar NoFollow

en Desarrollo web, SEO, Wordpress / mayo 30, 2009 / 23 Comentarios

Hagámosle un bien a la web y olvidemos el atributo nofollow. Originalmente fue una idea “brillante” para evitar el spam en los comentarios de los blogs, ya que al añadir rel=”nofollow” a los links estamos indicando a los robots de buscadores que no deben seguir ese link. Suena bien, parece coherente: Si el spammer busca [...]

Galería de fotos en Mootools

en Desarrollo web, Diseño web, Javascript, Mootools / abril 15, 2009 / 1 Comentario

En (E)2 Interactive publicaron para descarga la beta .93 de (E)2 Photo Gallery, una galería de fotos hecha en Mootools. La galería carga automáticamente (mediante PHP) las fotos de la carpeta que le indiques. Instalación: Descarga la galería y descomprímela. 1- Abre el archivo config.php para editarlo. $gallerypath=”images”;    //La ruta a la carpeta donde se [...]

Paginación de libro con JQuery

en Desarrollo web, Diseño web, JQuery, Javascript / abril 7, 2009 / 2 Comentarios

Cada vez hay más razones para ir dejando de lado flash! Con JQuery ahora puedes conseguir el efecto de cambio de página de un libro solamente usando esa librería de javascript. En la web del autor puedes acceder al código y las explicaciones. Puede que también te interesen:paginacion jquerypaginacion con jqueryefecto libro jquerypaginador jqueryjquery efecto [...]

Convierte tu PC en un servidor de prueba – parte II

en Desarrollo web, PHP, Tutoriales, Wordpress / abril 6, 2009 / 3 Comentarios

En la primera edición de este tutorial dejábamos en claro la utilidad de usar nuestra pc como servidor de prueba, además de descargar Xampp para hacer todo esto en 2 o 3 clicks. Ahora voy a explicar brevemente la instalación del server: Luego de descargar Xammp, descomprímelo al disco c (o el disco donde tengas [...]