Herramientas CSS y JavaScript para subir tu sitio web a un nuevo nivel

Bibliotecas, funciones jQueri, frameworks y JavaScript

¿Deseas mejorar tu página web con las últimas herramientas disponibles? En este artículo he recopilado unas cuantas herramientas súper útiles para mejorar tu sitio web y llevarlo al siguiente nivel.

Topcoat

Topcoat es una biblioteca muy limpia y ordenada de clases CSS especializada en elementos de formulario: botones, casillas de verificación, controles deslizantes, etc. Una manera muy fácil de hacer que tu sitio web o aplicación se vea bien en cuestión de minutos.

Demo/Download: http://topcoat.io/

Countable.js

Como se puede adivinar, countable.js es una función JavaScript para añadir en vivo párrafos, palabras y caracteres contando a cualquier elemento HTML. Es muy pequeño y no se basa en un framework JS.

Demo/Download: http://radlikewhoa.github.io/Countable/

iCheck

¿Quieres casillas y botones de radio súper atractivos para tu nueva aplicación web? Echa un vistazo a iCheck, un plugin de jQuery que te permite personalizar fácilmente las opciones de los botones y ls casillas de verificación. iCheck es fácil de usar y viene con varios skins y esquemas de color.

Demo/Download: http://damirfoy.com/iCheck/

CSS con sólo navegación sensible (responsive)

Diseños Responsive son muy populares en la web en este momento, y esto es sin duda una buena cosa en mi opinión. Este es un menú de navegación sensible descargable y reutilizable, hecho en sólo CSS.

Demo/Download: http://valdelama.com/css-responsive-navigation

Almost Flat UI

Integrada en la Fundación Framework, Almost Flat UI es un completo framework HTML/CSS/JS para construir tu sitio. Se ve muy limpio y profesional. Definitivamente vale la pena probarlo!

Demo/Download: http://websymphony.net/almost-flat-ui/

PlaceIMG

Cuando estamos construyendo sitios web o aplicaciones a menudo necesitamos imágenes de marcador de posición. Este servicio es muy útil, genera imágenes aleatorias en el tamaño solicitado. Súper útil!

Demo/Download: http://placeimg.com/

jQuery PanZoom

jQuery Panzoom es un plugin progresivo para crear funcionalidades panorámicas y de zoom de un elemento. Panzoom soporta los mismos navegadores que jQuery 2.0 y se puede utilizar con jQuery 1.9.0+ o jQuery 2.0+.

Demo/Download: https://github.com/timmywil/jquery.panzoom/

Perfect Scrollbar

Si quieres ser capaz de crear barras de desplazamiento perfectas, entonces debería echar un vistazo a este pequeño plugin de jQuery. Te ayuda a crear barras de desplazamiento personalizadas sin cambios CSS en cualquier elemento inicial.

Demo/Download: http://noraesae.github.io/perfect-scrollbar/

FitVids.js

Un complemento jQuery ligero y fácil de usar para incrustar anchos de video fluidos. Fue construido por Chris Coyier y Paravel.

Demo/Download: http://fitvidsjs.com/