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

Diseño responsive y adaptable para web con framework o estilo css

Hoy en día la gran mayoría de usuarios están usando dispositivos móviles para acceder a la red , Si optimizas tu sitio para móviles, puedes captar y retener a estos visitantes y ganar terreno con las demás web´s . Existen gran cantidad de Frameworks responsives para que adaptes tu web a cualquier dispositivo citando algunos ejemplos como: • Bootstrap.- Es compatible con la mayoría de NAvegadores web’s • Foundation .- Con una amplia comunidad y soporte es buena opción. • Yaml .- Muy útil con soporte y compatibilidad en la…

Seguir Leyendo

Adaptar nuestra web a cualquier dispositivo con css media screen

Hoy en día es un verdadero reto para los desarrolladores y diseñadores web el diseño adaptable , ya que se han presentado infinidades de dispositivos ejm, tablets, smartphones, laptos, monitores de varios tamaños. Que pone en reto ante el diseñador de como presentar información mediante pantalla .. Hoy en día se nos presenta una oportunidad con css para hacer responsive o adaptable vuestras webs . Con la propiedad media screen de css lograremos que el diseño web se adapte a cualquier pantalla con la que el usuario visite su web…

Seguir Leyendo