   |
Un agradable menú inspirado en los efectos logrados por MooTools, salvo que esta vez basado en jQuery. El tutorial es muy simple de seguir, aunque podremos descargar el ejemplo completo para estudiarlo desde casa, conocer como funciona, o para usar rápidamente en tus proyectos.
Comment info un interesante plugin Wp que nos genera mas información de las personas que comentan a diario en nuestro blog, básicamente se centra en contar y mostrar todos aquellos post en donde un determinado usuario ha dejado un comentario. Un plugin realmente interesante y sencillo de utilizar, tan solo debemos descargarlo, instalarlo y activarlo, luego solo deberemos pasar nuestro ratón por cada uno de los nombres agregados por nuestros comentaristas.
Información que nos ofrecerá Comment info:
Mas info y descarga Comment info
Fuente blogmundi
PD: Pueden verlo funcionar en el blog
Seguramente conocerán Snap Shots, un servicio online que nos permite generar vistas previas de los enlaces que se dirigen a una Web determinada. Pues hoy en cssglobe puedo ver un simple Script jQuery que nos permitirá básicamente lograr algo similar, pero personalizado a nuestro gusto y sin necesidad de contar con servicios externos, algo que siempre es una ventaja. Con este script podremos generar tooltip-burbuja como pop-ups y vistas previas, algo que será útil para mostrar las previas de ciertos enlaces externos o bien como alternativa para mostrar nuestro porfolio desde nuestro sidebar.
Mas info y descarga cssglobe - Tooltip and Image Preview Using jQuery
Instalación:
Lo primero será descargar nuestras librerías y realizar las llamadas desde nuestro encabezado, copiamos y pegamos el siguiente código dentro de nuestras etiquetas < head > …..< / head >
Uso
Generar tooltip simples - DEMO
Un poco de estilo
Luego, Añadimos la clase "tooltip" a nuestros link y utilizamos el atributo “title” para añadir información que mostraremos al generar nuestros tooltip.
Usandolo en imagenes - DEMO
estilo
Luego, Añadimos la clase "preview" a nuestros imágenes. Vale recordar utilizar dos imágenes, una como miniatura y otra en tamaño real.
Para añadir una descripción a nuestras imágenes, volvemos a hacerlo utilizando el atributo “title”
Generar screenshot: similar ha snapshots - DEMO
Uso
Añadimos la clase "screenshot" a nuestros enlaces, y la propiedad “rel” para llamar nuestra imagen. Rel ="cssg_screenshot.jpg"
Para añadir una descripción, nuevamente damos uso a la propiedad “title”
Unos de los servicios que han crecido bastante este tiempo, son aquellos que ofrecen a los usuarios transformar una URL muy larga en una pequeñita, Is.gd, es otro servicio que nos permitirá convertir nuestras URL extremadamente largas por una realmente corta y fácil de recordar. Is.gd reducen el tamaño de la URL original un 80%. No se cuantos de ustedes usaran este tipo de servicios, pero si suelen hacerlo a menudo, es bueno contar con otras alternativas a las ya conocidas.
Enlace Is.gd
Via hongkiat
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
Via webmasterlibre
PSD Freebee es un sitio que a mas de uno les agradara, en el podremos encontrar cantidad de recursos en formato PSD, libres para descargar y utilizar en tus proyectos Web. El sitio es realmente nuevo, hoy no es mucho lo que podremos descargar, pero desde ya lo poco que hay, les gustara y servirá.
Enlace PSD Freebee
Fuente Intenta
Seguramente cada uno de ustedes acostumbrara a dejar su huella en cada escritorio en el cual se sientes a trabajar, inclusive en cada ordenador que suelan usar personalizándolo a gustos personales. Creo que seria bueno no obviar a nuestro querido wordpress. WP-AdminThemes es un nuevo sitio que acaba de lanzar Andrés Nieto, en el podremos crear de la forma mas sencilla posible nuevos themes para el panel de administrador de Wordpress 2.5. Es tan simple de usar, que tan solo deberemos seleccionar o configurar 5 colores básicos que formaran parte de nuestro nuevo panel. Una vez que hemos seleccionado todo, simplemente descargaremos el archivo y lo instalaremos y activaremos como solemos hacerlo con cualquier otro plugin. Lo bueno en WP-AdminThemes es que nos permite compartir cada una de las gamas de colores que hemos creado con el resto de los usuarios o descargar otras ya diseñadas por terceros. Si la imaginación escasea, no se preocupen, podremos crear un theme apartir de las últimas paletas de colores generadas en ColourLovers.
Enlace WP-AdminThemes
Instalar un WP-AdminTheme
Esta segunda opción es directamente un plugin wp, Easy Admin Color Schemes, desarrollado para WordPress 2,5 el cual nos permitirá también personalizar nuestro panel con los tonos deseados. A diferencia con el de Andres, este plugin nos permite ir configurando todo desde nuestro propio panel, ir guardando cada una de las paletas creadas, y demás.
Instalar Easy Admin Color Schemes
Debo admitir que en mis épocas de secundario he bajado más de un trabajo práctico directamente desde el RincondelVago. Pues hoy conozco Buscaexamen.com es un sitio algo similar, o con el mismo fin. En el, los alumnos y profesores pueden subir exámenes ya realizados para compartir con el resto de los usuarios, algo que siempre es bienvenido para utilizarlos como material de estudio. Inclusive el sitio permite a los usuarios comentar o plantear ciertas dudas a partir ellos, para luego resolverlas en conjunto. Sin duda son sitios de los cuales siempre se puede sacar un provecho adicional, sobre todo si estas apunto de rendir por primera vez una materia, y deseas darte una idea lejana de lo que podrá ser el examen.
Enlace Buscaexamen
Via loogic
Color palette, una simple Herramienta online que nos permite crear una paleta de colores con 10 tonos bases, y a partir de ellos jugar con diversos grados de opacidad. La fila superior emula la opacidad en un fondo blanco, y la siguiente sobre un fondo negro.
La opacidad en la fila superior va desde un valor 100% opaco, al 75%, 50%, 25% hasta llegar al 10%. La fila inferior se inicia en un 85% en lugar del 100%, llegando hasta un tono realmente oscuro. Podremos configurar cada opción como deseemos, o añadir el color base que más nos agrade. Pero si aun no se deciden por cual, basta jugar con el botón “Random Base” para que nos vaya generando diferentes paletas de colores de forma automática. Además, podremos obtener un Link permanente a la gamas que hemos creado o mas nos ha gustado.
Enlace Color palette
Simple slide panel, es otra practica forma para añadir contenido o información adicional sobre nuestra empresa, nosotros o sobre los perfiles en los cuales participamos en Internet. Posee un efecto simple pero muy atractivo, y lo mejor es que siempre llama la atención de alguna forma. Seguramente habrán visto varios slide de este tipo, donde la idea es hacer clic sobre un vinculo (boton) que accionara nuestro slide, mostrando todo el contenido en el, con un efecto de desplazamiento (arriba / abajo) similar al de una persiana de oficina.
Ver Demo - Descarga ejemplo - Referencia webdesignerwall
Instalación:
Descargamos jquery y realizamos como de costumbre la llamada a nuestra librería de nuestro encabezado (Head)
Añadimos un poco de estilo (style.css)
Contenido
