Crear nuestro primer plugin para jQuery

Últimamente estoy en medio del desarrollo de varios plugins para jQuery y supongo que mas de uno tendrá ganas de ponerse a ello pero no sabe por donde empezar. Pues vamos a empezar aquí mismo, con un sencillo plugin que hará la función de asignarle un texto a un input de texto, valga la redundancia, que al pulsar en el desaparezca y al salir de el vuelva a aparecer.

Aunque no hayáis entendido nada, os aseguro que es mas fácil de programar que de explicar.Mientras tanto os podéis descargar ejemplo.

Vamos al lió…

Quitar borde de puntos en los links

Seguro que muchos os habeis preguntado alguna vez por que aparece ese borde de puntos tan feo al pulsar en los links que normalmente no coincide con el estilo de la página.

Bien pues la solución es muy sencilla, consiste en aplicarle las siguientes propiedades a los links activos.

a:active{outline: none;}
a:focus{-moz-outline-style: none;}

Le tenemos que aplicar el css específico para Firefox ya que si no no hace efecto. Tambien podemos ser mas directos y quitarle la decoración a todos los links:

a{outline: none;}

Eliminar Imagenes que no Cargan con jQuery o MooTools

A David Walsh se le ha ocurrido una idea muy simple pero efectiva para borrar las imagenes que no cargan. Esto sería util por ejemplo en una galería con varias imagenes, ya que eliminando las que no cargan la galería sigue viendose perfectamente.

Link: Remove Broken Images Using MooTools or jQuery

Cabeceras al estilo Iphone

Me ha gustado mucho este tutorial de jQuery For Designers que muestra las cabeceras de unos textos al estilo iPhone. Esto es, que cuando te desplazas por el texto y la cabecera llega a la parte superior, se queda fija hasta que es reemplazada por la siguiente o anterior cabecera. Esto que parece un lio, lo vereis mejor en la demo.

Links: iPhone-like Sliding Headers | Demo

99 Plantillas CSS/XHTML Gratuitas

Si, habeis leido bien, 99 plantillas, ni una mas ni una menos. La gente de InstantShift ha tenido que pasarse un buen rato recopilando toda esta información, que a parte de ser gratuita, es de bastante calidad. Nunca está mal tener plantillas que poder investigar e inspirarse.

Link: 99 High-Quality Free (X)HTML/CSS Templates

15 Blogs para los amantes de jQuery

En Web Resources Depot nos proponen visitar unos cuantos blogs dedicados a jQuery, algunos los conocía, pero la mayoría son nuevas incorporaciones para mi. Os recomiendo que les echéis un ojo por que hay algunos bastante interesantes y con ejemplos curiosos.

Link: 15+ Blogs To Follow For jQuery Lovers

Increible colección de acciones para Photoshop

En Tripwire Magazine saben que nunca está demás tener unas buenas acciones para Photoshop que muchas veces nos solucionan la vida, o simplemente para experimentar, que nunca se sabe cuando puede sonar la flauta.

Link: Massive Collection of Stunning Photoshop Actions

15+ Webs anti Explorer

Me ha encantado esta recopilación de Cats Who Code en la que nos deja 15 sites donde predican el AntiExplorismo, si es que esa palabra tiene algún sentido.

Link: 15+ amazing anti IE resources

25 técnicas para bordes redondeados con CSS

En CSSJuice recopilan 25 técnicas interesantes con las que conseguir el efecto de bordes redondeados antes de que CSS3 se estandarice por completo.

Link: 25 Rounded Corners Techniques with CSS

70 sets de iconos

En Tripwire Magazine nos dejan una orgía de iconos importante, mas de 70. Algunos bastante útile.

Link: 70+ Awesome Free Icon Sets and Icon Collections for Web Designers