5 recursos web Css jQuery útiles que harán de tu web un lugar mejor

5 recursos web Css jQuery útiles que harán de tu web un lugar mejor

16 Enero, 2014 0 Comentarios1


5 recursos web Css jQuery útiles que harán de tu web un lugar mejor
5 (100%) 1 vote

Esta vez os vamos a ofrecer 5 recursos web realizados con css y jQuery muy útiles que hemos recopilado para darle ese toque especial a tu web con el plus de tener una gran apariencia visual.

1. Bubbler: Es uno de esos recursos web que nos permite realizar lo que comúnmente conocemos como “bocadillos“, en inglés speech bubble. Es una página muy simple y sencilla de utilizar, ya que se presenta arriba lo que es el resultado del “bocadillo” y debajo aparecen una serie de herramientas que nos permiten customizar al máximo este objeto modificando los atributos de color, tamaño, borde, posición del triángulo entre otras.

Una vez que tengamos el resultado deseado hacemos click sobre una pestañita que está al principio de la web que pone CSS que se encarga de desplegar el código css que debemos poner en nuestra hoja de estilos o web para que podamos disfrutar de este gran recurso.

Captura Bubbler Recurso Web Css

Os animo a visitarlo http://www.ilikepixels.co.uk/drop/bubbler/.

2. RateIt: Es un plugin de votaciones para jQuery muy sencillo de implementar y de configurar, ya que creando un elemento en HTML que contenga la clase rateit convertirá automáticamente dicho elemento en un objeto de votación. Podemos realizar infinidad de tipos de votación, de sólo lectura, con decimales, que guarde los valores en nuestra base de datos usando una llamada ajax…

Además permite controlar mediante una serie de eventos acciones sobre estos objetos como cuando alguien vota, lo resetea, sitúa su ratón encima de él…

Es un de esos recursos web que os invito a que veáis con vuestros propios ojos en http://rateit.codeplex.com/.

3. Font Awesome: Uno de mis recursos web favoritos ya que es una librería con una amplia variedad de vectores que son customizables en tamaño, color, sombreado, etc. mediante el uso de css. El kit de esta librería consiste en importar una tipografía que contiene los iconos que podemos mostrar en nuestra web simplemente utilizando su código en el atributo class del elemento donde queramos mostrarlo. Dichos iconos aparecen listados en esta página junto al nombre que hay que incluir en el class del elemento, por lo que se hace muy sencillo de implementar.

Logo Recurso Web css Font Awesome

No dejéis de visitar su web http://fontawesome.io/.

4. FlexSlider: Un plugin para jQuery que nos permite generar galerías de imágenes o rotativos de bloques de texto de forma muy rápida y sencilla. Lo más destacable de esta gran librería es la fluidez y la gran variedad de propiedades y funciones que nos ofrece, además en dispositivos móviles se puede navegar por sus elementos arrastrando el dedo de izquierda a derecha y viceversa.

Recurso Web jQuery Flexslider

Si queréis descubrir como funciona uno de los mejores recursos web para realizar galerías os dejo el enlace a su web https://github.com/woothemes/flexslider en la que se incluye tanto documentación de uso como varios ejemplos de implementación.

5. Colorbox: Es un plugin jQuery que nos proporciona funcionalidad lightbox, que consiste en superponer una ventana con información sobre la pantalla que estábamos visualizando sin tener que cambiar de página. Normalmente es usado para zoom de imágenes y para mostrar avisos pero su funciones pueden ser infinitas ya que en muchos gestores de contenido (CMS) se utiliza para editar información, subir archivos, etc. En su web podréis ver 5 ejemplos de implementación con diversos look & feels por lo que ofrece opciones dependiendo de nuestros gustos y también está la  documentación de como utilizar la librería pero os adelanto que es muy sencillo y ofrece bastantes métodos y propiedades.

Recurso Web jQuery Colorbox

Podréis implementar uno de los mejores recursos web visitando su página http://www.jacklmoore.com/colorbox/.


Pues con estos 5 grandes recursos web damos por cerrado el artículo de hoy. Si os han parecido interesantes estos recursos web o nos recomendáis otros no dudéis en hacernos llegar vuestros comentarios ya que estaremos encantados de interactuar con vosotros en este tema.

[Actualización] También podéis hacer uso de estos recursos para el desarrollo de vuestra web en http://wwwhatsnew.com/2014/09/24/50-recursos-para-amantes-de-la-web/

Soy Ing. de Telecomunicaciones, diseñador/programador desde hace 8 años, los últimos 3 centrado en el desarrollo de Apps .

Además de muchomasquewebs.com mantengo bepremium.es. En lo personal un apasionado del Windsurf y surf , en general todo lo que tenga que ver con el mar, como afición friky que todo ingeniero debe tener, me encanta el aeromodelismo.

Si queréis contactar conmigo directamente podéis hacerlo a jose.revenga@muchomasquewebs.com

Summary
5 recursos web con CSS y Jquery para potenciar tu pagina web
Article Name
5 recursos web con CSS y Jquery para potenciar tu pagina web
Description
Si necesitas mejorar tu pagina web hemos realizado una recopilación de 5 recursos muy potentes en CSS y jQuery que harán de tu pagina web un lugar mejor.
Author



Soy Ing. de Telecomunicaciones, diseñador/programador desde hace 8 años, los últimos 3 centrado en el desarrollo de Apps .Además de muchomasquewebs.com mantengo bepremium.es. En lo personal un apasionado del Windsurf y surf , en general todo lo que tenga que ver con el mar, como afición friky que todo ingeniero debe tener, me encanta el aeromodelismo.Si queréis contactar conmigo directamente podéis hacerlo a jose.revenga@muchomasquewebs.com