Este blog está libre de NOFOLLOW!

Golpe de timón -plus Color, plugin jquery

en CSS, Diseño web, JQuery, Javascript / Enero 11, 2010 / 1 Comentario

Últimamente el blog estuvo un poco descuidado, los que hicieron comentarios o preguntas durante este tiempo se habrán dado cuenta. Uno de los tantos motivos fue haberme encontrado con la, probablemente, peor pesadilla de los freelancers: un trabajo fijo.

Pero es momento de retomar el “buen camino”. Ahora, con un poco más de independencia, y además de presentarles dentro de unos días la web de mi nueva empresa de diseño web (para que me digan si les parece fea o no ;) ),  voy a aumentar la frecuencia de los posts y el feedback con los lectores. Porque eso es lo importante, aprender juntos.

Los dejo con Color, un plugin en Jquery que sirve para animar texto, capas, realizar scrolls con easing, y cambiar de color cualquier texto con un agradable efecto de fading.

Yo veo más útil el fade en el cambio de color, para usarlo en los links durante el mouseover.

Sitio del plugin Color, jQuery

Tutorial para incluir fading en el :hover de los links

5 tutoriales para crear tooltips con Jquery

en CSS, Desarrollo web, Diseño web, JQuery, Javascript, Tutoriales / Junio 29, 2009 / 2 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 [...]

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. [...]

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:

Dock menu con jQuery para tu web

en CSS, Diseño web, JQuery, Javascript / Abril 23, 2009 / 1 Comentario

Un regalo para los fans de MAC, este menú basado en jQuery y CSS inspirado en el dock de la manzanita. Desarrollado por ndesign, con íconos que también ellos diseñaron. Incluye 2 estilos: top y bottom Descarga el menú – Mira el demo Implementación del menú: Luego de descargar el menú, incluye el siguiente código [...]

Menú manuscrito grunge con css

en CSS, Diseño web, HTML, Tutoriales / Marzo 31, 2009 / 1 Comentario

Es muy común ver en webs con diseño grunge esos menús con tipografía manuscrita que se subrayan al pasar el cursor encima. Una técnica para lograr esto consiste en usar 2 imágenes: una para el menú no activado y otra para cuando pasamos el mouse encima, en este caso con los ítems subrayados. Usar la [...]

Convertir divs en links o botones

en CSS, Desarrollo web, Diseño web, HTML / Marzo 25, 2009 / 2 Comentarios

Algo que muchas personas preguntan (principalmente en foros) es cómo hacer cuando quieren convertir en link un div que tiene imagen de fondo, algo así como convertirlo en un botón. El ejemplo que presento es para un div con imagen de fondo que se transforma en link al colocar dentro un link de texto oculto, [...]