Existen muchos plugins basados en JavaScript que podemos utilizar para agregar comportamientos especiales a nuestras paginas web, muchos de estos comportamientos los podemos implementar con CSS y las propiedades de CSS3 y así nos ahorraríamos el tener que cargar librerías o cualquier tipo de script en nuestra pagina web, lo único que debemos de hacer es conocer bien CSS para sacar el mejor provecho de este lenguaje. En este tutorial vamos a crear un sliding sidebar solamente con CSS y sin cargar algún script, este ejercicio será algo muy sencillo para a…

En el siguiente post te traemos algunos plugins mas populares y útiles basadas en la librería jQuery de JavaScript que circulan por Internet “En mi concepto”. Ver primera parte: Los Mejores Plugins de jQuery Primera Parte. Así que sin más, comencemos: Nota: El orden de los plugins no esta de acuerdo a su relevancia. ★ JPList jQuery jPlist es un pluglin muy flexible que nos ayudara para clasificar o filtrar contenido en cualquier estructura HTML(divs, li, tablas etc..). este contenido lo podemos clasificar de forma ascedente, descendente, alfanuméricos, fechas etc..Contiene paginación y puede trabajar con…

Poder filtrar imágenes u otro tipo de elemento HTML es muy común hoy día, lo podemos utilizar para crear portafolio dinámicos donde podemos hacer filtros y seleccionar categorías específicas, también filtrar por tipos u otro tipo de ítem. Con jQuery esto es muy fácil, en esta entrada veremos varios plugins que podemos utilizar para crear trabajos con esta técnica, algunos gratuitos, otros premium. 1 – jQuery Isotope (Free) Uno de ellos es el excelente plugin jQuery Isotope de metafizzy que nos ayudaran a crear portafolios filtrables o mostrar contenidos de forma dinámica.…

CSS3 Presento la forma en que podemos añadir imágenes a los bordes de los elementos HTML por medio de la propiedad border-image que se une a la propiedad clásica border para extender la forma en que damos estilos a los bordes de los elemento. Border-image: —valores–; En realidad border-image es el método shorthand de las propiedades: border-image-source border-image-slice border-image-width border-image-ouset border-image-repeat y en definida la sintaxis final resumida seria de la siguiente forma: border-image: source slice width outset repeat; También cabe decir que el soporte en los diferentes navegadores es bueno, y…

Modelo de Caja en CSS En el siguiente tutorial hablaremos de los conceptos base del diseño web estructural desde la perspectiva del CSS es el modelo de caja o box-model, que básicamente nos hace visualizar los elementos HTML como cajas que pueden contar con contenido, relleno, márgenes y bordes, como lo vemos en el siguiente gráfico. Donde las dimensiones reales de un elemento se da de la suma de varias de sus propiedades: Width + Padding + Border = Ancho real del elemento Height + Padding + Border = Alto…

En este tutorial vamos a crear una elegante botonera de redes sociales sin necesidad de utilizar imágenes, solo utilizaremos las características y efectos de  CSS3 y fonts icon de Font Awesome de Bootstrap. Esta botonera es muy fácil de hacer y támbien será útil para cualquier pagina web o blog, y lo mejor es que nos ayuda en gran manera en el tema de carga y optimización de nuestro sitio web. Y al final este será el resultado: Así que vamos a comenzar con el tutorial. El HTML Lo primero que tenemos que…