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

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

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

Tabla de precio html responsive para web..

Hoy nos gustaría compartir una tabla de precio html responsive para web. Las Tablas de precios son un componente esencial en las páginas web donde se ofrecen servicios digitales. Mientras que parece que hay un patrón común, hay infinitas posibilidades de estilo. Esta demo muestra algunas ideas puede hacer uso de la que mas le convenga. Hay que tener en  cuenta que las propiedades CSS utilizadas en esta tabla de precio html responsive para web que citamos en esta publicación sólo funcionan en los navegadores modernos y actualizados. Aqui citamos la…

Seguir Leyendo

jQuery plugins y librerías gratis para web ..

Esta vez les traigo unas librerías y plugins jQuery y es que hay ocasiones que diseñadores y desarrolladores web tienen que ganar una gran lucha contra el tiempo , pero a la vez hay que estar en la cima de una gran cantidad de tecnologías y tendencias emergentes. Pero existe una gran comunidad de diseñadores que crean librerías y plugins impresionantes que nos ayudan y ahorran tiempo a la hora de realizar nuestros trabajos.. Aquí les traigo una recopilación de estas librerías y aportaciones a ver si les sirve de ayuda……

Seguir Leyendo

Bootstrap | proyectos listos para ahorrarnos tiempo..

Esta vez vamos a publicar unos recursos prácticos hechos con el framework Bootstrap que podría utilizar en sus próximos proyectos a realizar .Estos le ayudarán a minimizar documentación de Bootstrap ya que se encuentran listos para copiar y pegar dentro de su proyecto … Espero que disfruten de las siguientes plantillas.. Tablas de precios responsive.. Si de mostrar variaciones de precios en tablas se trata , esta es una buena opción .Es fácil de adaptar y personalizar adaptarse a su diseño no es complicado.   Lista de estilo personalizada ..…

Seguir Leyendo

Subir imágenes Php jQuery Ajax…

Saludos esta vez vamos a crear un formulario para subir imágenes con php jquery y Ajax . La función consiste en permitir a los visitantes cargar archivos desde sus navegadores tan solo con arrastrarlos o seleccionarlos de forma individual con un input.. Vamos a combinar una librería que se encuentra alojada en Github llamada jQuery file Upload  y la librería jQuery Knob que nos va a mostrar la barra de progreso de carga.. Hay que tener en cuenta que por el momento existe un archivo php que va a permitir la subida…

Seguir Leyendo