articulos

Efecto parallax en imagenes usando la librería Javascript simpleParallax..

SimpleParallax es una librería de JavaScript muy simple y pequeña que agrega efecto parallax en imagenes . El efecto de parallax se agrega directamente en las etiquetas de imagen, no es necesario usar imagen de fondo como la mayoría de las otras librerías parallax. Básicamente, puede agregar efectos de parallax en un sitio web de producción sin romper su diseño. También puede optar por aplicar el efecto parallax en las etiquetas de imagen/srcset . La implementación es bastante sencilla y la animación es suave y natural. Instalación la instalación es…

Seguir Leyendo

Webp imágenes en formatos de próxima generación.

Justo cuando todos pensábamos que las Webp imágenes en formatos de próxima generación. se habían terminado, regresan a las grandes ligas. Las imágenes de WebP están justo en medio de su historia de regreso, ahora que Firefox y Microsoft Edge han comenzado recientemente a admitir imágenes de WebP. ¿Qué son las imágenes de próxima generación? Los GIF se inventaron en 1987. El primer estándar JPEG se emitió en 1992 y PNG se convirtió en una Recomendación W3C en octubre de 1996. Sé que la década de los 90 no se siente…

Seguir Leyendo

Construyendo un Template para juegos (descarga gratis)

Saludos amigos esta vez construiremos un template para juegos usando la tecnología de Bootstrap, super fácil y sencillo . Se podrían hacer mejoras, pero para la demo esta bien, Usaremos una barra de navegación , dentro del body crearemos 4 secciones incluida una cabecera que nos proporcionará el último video subido. El estilo es bastante sencillo y responsive el cual está incluido dentro del index para no llamar archivos externos. Comenzamos. Archivos a utilizar Index.html bootstrap.min.css fontawesome.css bootstrap.min.js Utilizaremos una página normal creada desde cero. Dentro del head colocaremos los…

Seguir Leyendo

10 Librerías Javascript Css de interés para diciembre 2018

Saludos esta vez  lanzamos una colección de 10 librerías javascript css que deberían ser dignos de su atención para analizarlas antes que se acabe el año y poder usarlas como buen recurso. Porque lo nuestro es mantenerlo actualizado con las últimas y mejores tendencias en desarrollo web esperemos sean de su agrado. Omi Este es un framework web de próxima generación que combina las ventajas de Web Components y JSX en uno. Se basa en Shadow DOM, ofrece compatibilidad con TypeScript y tiene un enlace de datos reactivo moderno. Lo que es más, Omi es extremadamente…

Seguir Leyendo

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