Creando un simple sliding portfolio jquery

Saludos Amigos esta vez les traigo un simple sliding portfolio jquery , que va a mostrar en secciones con imágenes cada proyecto creado, para ser mostrado al usuario de una manera amigable y agradable. Para esta demo se utiliza los siguientes archivos: style.css main.js modernizr.js jquery.js (v2.1.1) index.html Comenzaremos estructurando nuestro index.html , la estructura se compone de 2 listas desordenadas. ul.cd-projects-previews .- para mostrar las imágenes previas a cada proyecto. ul.cd-projects .- para mostrar el detalle de cada proyecto. nav.cd-primary-nav .- Que es una barra de navegación envuelta en…

Seguir Leyendo

10 Librerías javascript css que te podrían interesar.

Saludos Amigos esta vez les traigo 10 librerías javascript css que talvez te podrían interesar. Nuestra misión es mantenerlo actualizado con las últimas y mejores tendencias en desarrollo web. Esta vez lanzamos una colección cuidadosamente seleccionada de algunos de los mejores recursos, con los que nos hemos topado y que consideramos dignos de su atención. Code Surfer Este es un componente React, que puede usar para atraer la atención del lector hacia las partes más importantes de su código. Le permite resaltar palabras, una determinada línea o incluso varias líneas, y…

Seguir Leyendo

CSS Grid VS Flexbox : una comparación práctica

En esta publicación vamos a realizar una comparación rápida entre css grid vs flexbox, creando una plantilla sencilla y comparandolas. No hace mucho tiempo, el diseño de todas las páginas HTML se realizaba a través de tablas, flotantes y otras propiedades CSS que no eran adecuadas para el diseño de páginas web complejas. Luego vino flexbox – un modo de diseño que fue específicamente diseñado para crear páginas robustas y receptivas. Flexbox hizo que sea fácil alinear correctamente los elementos y su contenido, y ahora es el sistema CSS preferido de la mayoría de…

Seguir Leyendo

Validación de formularios web (Una via fácil y rápido con HTML)

Al agregar validación de formularios web con HTML, se asegurará de que los usuarios ingresen sus datos con precisión y en el formato correcto. En el pasado, la validación de las entradas de formularios requería el uso de complementos de JavaScript, pero hoy en día la mayoría de los navegadores tienen soluciones integradas que pueden manejar la mayor parte de la validación. En este tutorial le mostraremos cómo agregar reglas de validación a sus formularios, utilizando únicamente atributos de entrada HTML nativos. Para demostrar el proceso de creación de reglas…

Seguir Leyendo

Nuevas Librerias Javascript y Css para Octubre del 2017

Esta vez te traemos nuevas librerías javascript y css. El desarrollo web no se detiene, es por eso que esta vez te presentamos una colección de algunos recursos que hemos investigado y consideramos que sea digno de su atención. DisplayJS Pequeño framework que facilita la sincronización de datos con el DOM. En lugar de tener que configurar y actualizar manualmente el contenido de la página, con DisplayJS simplemente puede asignar variables JavaScript a elementos HTML específicos, de manera similar como React o Vue.js . React Beautiful DnD Una biblioteca React…

Seguir Leyendo

Recopilación de librerías Css y javascript

Saludos queridos lectores, esta vez les traemos una recopilación de librerías Css y javascript,  para el desarrollo web del día a día . Esperemos que sea de su agrado y consideración , nuestra misión es mantenerlos al día con las últimas y mejores tendencias en el desarrollo web. TITANIC Un conjunto de hermosos iconos SVG con animaciones muy detalladas en el :hover. A diferencia de la mayoría de las demás fuentes de iconos web, esta es en realidad una fuente de JavaScript y requiere la biblioteca bodymovin para exportar animaciones de After Effects al…

Seguir Leyendo

Creando Triangulos con Css.

Cualquiera que haya tratado de hacer flechas  HTML, globos de texto u otros elementos puntiagudos, sabe que creando triángulo con CSS tiene que utilizar algún tipo de truco. Las dos soluciones más populares para crear triángulos son : #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } // y lo mostramos en una capa <div id=”triangle-up”></div> , o para utilizar Caracteres Unicode  . U+25B2 //Triangulo negro UP U+25BC //Triangulo negro DOWN // y asi utilizando todos los simbolos Unicode Html Hay…

Seguir Leyendo

Tips y trucos para CSS..

En esta publicación  compartiremos  con ustedes una colección de tips , trucos útiles y mejores prácticas que se recomiendan por la comunidad CSS. Algunos se adapta más a los principiantes, y algunos son un poco avanzado, Esperemos que los disfruten al máximo. 1.- Margin Collapse.. A diferencia de la mayoría de otras propiedades, los márgenes verticales se cierran cuando se encuentran. Lo que esto significa es que cuando el margen inferior de un elemento se tope con el margen superior de otro, sólo el más grande de los dos sobrevive. Aquí…

Seguir Leyendo