articulos

Crear un login facebook php mysql (Demostración y Descarga)

DEMOSTRACIÓN Y DESCARGA Saludos amigos esta vez implementaremos un login facebook php mysql en nuestra web, para esta demostración crearemos una variable de sesión que nos permitirá verificar si el usuario a iniciado sesión y permitirá acceder a archivos ocultos,los cuales solo pueden ser visto por usuarios registrados en nuestra web. Utilizaremos el SDK PHP de facebook que se encuentra en los repositorios de github . Antes de continuar hay que tener en cuenta que facebook nos debe proporcionar credenciales para acceder a los datos de un usuario. Puedes consultar…

Seguir Leyendo

Actualizar multiples registros php mysql mvc..

DEMOSTRACIÓN DESCARGA Saludos amigos esta vez les traigo una forma de actualizar multiples registros php mysql . Simularemos publicaciones a las cuales les vamos a actualizar las categorias mediante un checkbox para eso vamos a tomar en cuenta que vamos a utilizarlo como array , utilizando las categorias almacenadas en una tabla, Utilizaremos una estructura MVC controlando las vistas desde el index.php, Voy a publicar solo lo necesario en este post, ya que este sistema es muy extenso y no alcanzaría a explicar a detalle todo, pero esto está bien…

Seguir Leyendo

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

DEMOSTRACIÓN 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…

Seguir Leyendo

Imagenes Webp formatos de próxima generación para navegadores web.

Justo cuando todos pensábamos que las imágenes Webp 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 así…

Seguir Leyendo

Construyendo un Template para juegos (descarga gratis)

DEMOSTRACIÓN DESCARGAR 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…

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