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

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

Consejos útiles para tu sitio web.

Hemos preparado estos consejos útiles para tu sitio web que beberías tener en consideración. El diseño web es complicado. Los diseñadores y desarrolladores deben tener en cuenta muchas cosas al diseñar un sitio web, desde la apariencia ( cómo se ve el sitio web ) hasta el diseño funcional ( cómo funciona el sitio web ) . ARQUITECTURA INFORMACIONAL La gente a menudo usa el término “arquitectura de la información” (AI) para referirse a los menús en un sitio web. Pero eso no es correcto Si bien los menús son parte de AI, son solo uno de…

Seguir Leyendo

Librerías css y Javascript para Noviembre 2016.

Saludos amigos este penúltimo mes del año les traigo las últimas y más frescas tendencias en el desarrollo web. Espero que esta colección de librerías css y javascript sean de su agrado y disfruten utilizandolas en futuros proyectos. Leaflet Es una de las soluciones de código abierto más populares para crear mapas interactivos. Ofrece todo lo que se espera de una librería ejm. mapas – marcadores, capas, zoom, y muchas características más tanto básicas y avanzadas. La versión oficial es 1.0 con muchas mejoras a la API. Reflexbox Flexbox grid…

Seguir Leyendo

Top 16 Material Design framework…

Material Design fue desarrollado por Google, con la idea básica de crear un estilo unificado para todas las aplicaciones web y móviles. Se basa en muchos principios que incluyen cosas como las animaciones apropiadas de respuesta y un uso inteligente de colores y sombras. Usted puede leer acerca de las directrices con todos sus detalles aquí . Aunque el lenguaje de diseño de Google se observa principalmente en aplicaciones nativas de Android, sigue siendo una gran opción para las aplicaciones web e híbridas. Para ayudar a los usuarios en la creación…

Seguir Leyendo

Aprendiendo material design lite en pocos minutos….

Consejo rápido:  Aprendiendo material design lite en pocos minutos , este framework está en aumento por su gran capacidad de diseño tal como ya habíamos hablado en otro tutorial , vamos a ver sus clases y como iniciarlo con unas cuantas líneas y además de cambiar sus colores tanto desde el css y desde su paleta de colores . Antes de comenzar cave recalcar que la información proporcionada esta siendo sacada desde su página de autor getmdl.io y no pretende sustituir a ningún contenido .. Comenzando. Debemos utilizar sus hojas de…

Seguir Leyendo

Cabecera responsive utilizando flexbox una propiedad de css..

Si realizar una cabecera responsive hasta el momento se te hace un poco complicado y sigues utilizando propiedades como float, margin  u otros trucos complicados e incluso ajustar manualmente los valores de píxeles, pues bien …… ¡Eso se acabó…! Crearemos una cabecera responsive utilizando flexbox. La técnica que se va a demostrar que se basa en el modo de diseño de gran alcance Flexbox que hace todo el trabajo sucio por ti. Utiliza sólo un puñado de propiedades CSS para crear una cabecera que esté correctamente alineada y se vea bien en todos…

Seguir Leyendo