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

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

Cargar contenido aleatorio ajax php mysql..

Como están usuarios de la red esta vez vamos a crear un pequeño script, que nos va a servir para mostrar contenido aleatorio ajax php mysql , de tal forma que se vaya actualizando la información sin necesidad de refrescar toda la página . Utilizaremos como ejemplo una base de datos con artículos ingresados previamente por mi, un script para llamar al archivo php y cargar el contenido dentro de nuestra web, es sencillo y dinámico podrán mejorarlo y usarlo en sus futuros proyectos. Manos a la obra vamos a…

Seguir Leyendo

Librerías css javascript a tener en cuenta en junio del 2016

Saludos amigos esta vez les traigo unas librerías css  javascript a tener en cuenta para junio del 2016. En el mundo del desarrollo web hay que estar al día, es por eso que esta vez traemos para este mes, una colección de algunos de los mejores recursos que hemos visto y se consideran digno de vuestra atención. Esta lista incluyen bibliotecas JS para un mejor desplazamiento, plugins jQuery para crear modales, un kit modelo web de Google, y mucho más…! Hint.css Es una librería CSS para añadir tooltips HTML. Es muy…

Seguir Leyendo

Seleccionar múltiples listas jQuery bootstrap..

Este plugin permite seleccionar múltiples listas jQuery utilizando como estilo css a nuestro querido bootstrap, permitiendonos cargarlos en forma de objeto JSON . Su configuración es muy sencilla y su instalación no es nada del otro mundo , vamos a ver que archivos vamos a utilizar.. • index.html • jquery.multilistbootstrap_plugin.js Dentro de index.html vamos a colocar el enlace del estilo de bootstrap utilizando sus CDN . Adicional enlazamos el archivo jquery multilistbootstrap_plugin.js y un script correspondientemente para realizar la selección multiple jquery.. Enlazamos la librería jQuery descargandola o desde sus CDN Hosted. <!–estilo…

Seguir Leyendo

Efecto leer más jQuery con el plugin dotdotdot.js

Saludos esta vez vamos a ver el efecto leer mas jQuery con el plugin dotdotdot.js , hace tiempo habíamos visto este efecto en otra publicación similar pero con otro plugin jQuery. Este plugin es bastante sencillo de integrar además que nos permite ajustar contenido dentro de una capa sin sobresalir del diseño de vuestras web’s. La funcion de este plugin es mantener un contenido limpio, ya que muchas veces el contenido que esta adentro de una etiqueta se sale de los márgenes de su contenedor ocasionando mucho desastre dentro de…

Seguir Leyendo

FaceMocion Plugin jQuery (Simulando los botones nuevos de Facebook)

FaceMocion plugin jQuery  . Este plugin  simula los nuevo botones de facebook. Su peso es de 2 kb y  convierte un campo de entrada en un selector de emoji , utiliza un sprite PNG  y para simular el efecto solo tienes que darle clic en el emoji  . Su utilización es muy sencilla y constará de pocos archivos además que su configuración es cosa de niños.. 1.- Incluimos sus principales librerías faceMocion.css y faceMocion.js y la ibrería jQuery y  bootstrap.min.css es opcional. <!– Bootstrap & JQuery –> <link rel=”stylesheet” href=”bootstrap.min.css”> <!– Opcional –> <script…

Seguir Leyendo

15 Librerias javascript y css de interés ..

Aquí te traemos 15 librerias javascript y css que te podría interesar y analizar este febrero 2016. Es un buen momento para ser un desarrollador web. La gran comunidad crea un montón de librerías nuevas y emocionantes de JavaScript y CSS, así que siempre hay algo nuevo que aprender y ver. Estos son algunos de nuestros favoritos, que creemos que usted debe probar para febrero del 2016. Hay que tener en cuenta que la mayoría de estos script son gratuitos y no vendría mal , dar una ayuda a estos grandes…

Seguir Leyendo