Generador de pestañas CSS para redes sociales

Generador etiquetas redes sociales

Magnífico recurso el que presentamos en este caso. Se trata de un generador de pestañas CSS para acceder desde tu web a las principales redes sociales. Nos llega de la mano de Wifeo y lo pone a disposición de quien quiera usarlo en su web de forma gratuita, tanto si es para uso personal o profesional.

Si no tienes suficientes conocimientos como para hacerlo tú mismo o no tienes tiempo de ponerte a ello porque se trate de un proyecto urgente, esta es la forma ideal de conseguir este útil elemento en tu web.

Con este generador de pestañas podrás poner acceso desde tu web a tu perfil de Facebook, Google+, Twitter, etc… , para ello debes entrar los parametros del estilo de sus pestañas, y abajo de la pagina, indicar las direcciones hacia tus diferentes paginas o perfiles de redes sociales.

Acceder | Generador de pestañas CSS para redes sociales

Forecast Font: fuente gratis para el tiempo

Forecast font

Forecast font

Forecast Font es una web-font para la creación de iconos del tiempo de varias capas. Fue creada para que el diseñador tenga más control sobre la apariencia de los iconos, en lugar de sólo tener un solo color o estilo. Puede ser que estés buscando Iconos planos, de un solo color y eso es genial, pero con Forecast Font tienes toda la flexibilidad de color, estilo o incluso animar a diversas partes de los iconos. Así pedemos crear algo un poco diferente al lo que suele verse por ahí. Son totalmente escalables para su uso en cualquier dispositivo, sin necesidad de crear sprites o utilizar varias imágenes para crear los iconos del tiempo.

Merece la pena echarle un vistazo a esta fuente gratis y experimentar con ella para iconos.

Descarga | Forecast Font

Plantilla HTML minimalista gratis. Nina

nina-free-html-minimal-template

s–>nina-free-html-minimal-template

En esta ocasión traemos una plantilla HTML gratuita ideal para editar y adaptar a cualquier necesidad. Se trata de un recurso gratuito para uso personal o comercial.

El autor, Flay, da la opción de comprar la plantilla adaptada a wordpress por un precio de $40.

Tiene un diseño sencillo pero muy cuidado que da muchas posibilidades de adaptación y edición.

Demo | aquí
Descarga | aquí

10 sliders y carousels jQuery gratis

Sliders jQuery 10

es–>Aquí tenemos una buena colección con algunos de los mejores de sliders jQuery que hemos encontrado en internet.

jQuery es de lo mejor de Internet en estos momentos. Prácticamente se ha quitado de encima a flash y está empezando a ocupar su sitio. Así que hemos decidido preparar una lista de los mejores plugins y tutoriales para sliders jQuery que hemos encontrado por ahí.

Un control deslizante de imágenes o diapositivas puede agregar una gran cantidad de funcionalidad e interactividad a cualquier sitio web y probablemente esta es la razón por la que tanto gusta este elemento. 

Elastic Image Slideshow con previsualización de Thumbnail

El modo en el que se muestran los thumbnails es realmente fascinante en este plugin.

Sliders jQuery 01

jQuery Slider Shock

Gracias a esta web puedes preparar un slider a tu medida.

Sliders jQuery 02

Unoslider

Sencillo slider que funciona a la perfección.

Sliders jQuery 03

Elastislide Carrusel adaptable

Sliders jQuery 04

Responsive Thumbnail Gallery Plugin

Es más que una galería pero funciona como un slider jQuery en cualquier caso.

Sliders jQuery 05

Galleria

Sliders jQuery 06

Creando un Slideshow con jQuery y CSS

Sliders jQuery 07

Supersized – Full screen background slideshow jQuery Plugin

Sliders jQuery 08

jQuery & WordPress Image Slider

Sliders jQuery 09

Marcofolio

Sliders jQuery 10

Botones animados con CSS gratis

Boton animado CSS

Boton animado CSS

Para hoy hemos preparado unos botones animados mediante CSS. Están inspirados en el concepto de botón de Twitter de Erik Deiner.

En los enlaces de abajo podéis acceder tanto a la demo como al código. Sentíos libres de usarlos y mejorarlos en lo que se os ocurra. Sobre todo, agradeceríamos que compartieseis con nosotros vuestras impresiones y mejoras sobre el código.

Enlaces | Descarga | Demo