Autor: BlogUneWeb

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.…

Leer más

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…

Leer más

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…

Leer más

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…

Leer más

Unos de los valores mas básicos y a la vez mas utilizados en CSS son los colores. En las versiones anteriores de CSS podíamos establecer colores a las diferentes propiedades de tres formas, por medio de Keywords o palabras clave, por medio de notaciones hexadecimales o por medio del método RGB. Luego CSS3 añadió 3 formas mas para extender o ampliar mas el arte de aplicar color a los elementos de HTML: RGBA, HSL Y HSLA. En este tutorial veremos cada uno de los métodos que emplea CSS para asignar…

Leer más

Video tutorial HTML5, como trabajar con transformaciones y transiciones de botones con CSS3. Fuente:enlace Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros  Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Leer más