Contenido Slider sensible para dispositivos móviles…!

Liquidslider es un contenido slider responsive para adaptarse a cualquier dispositivo móvil o pc. Que contiene trancisiones css3 avanzadas. Su instalación es sumamente sencilla pero potente que trae solo el código necesario para su uso . Se puede utilizar en cualquier contenido html , la navegación que se va a construir entorno a su contenido y el deslizador se adaptará al ancho de cualquier pantalla. En realidad no hay mucho que decir de este slider jQuery solo si les sirve podrán  hacer uso de este plugin su configuración avanzada la podrán encontrar…

Seguir Leyendo

Imagen de fondo a pantalla completa con css…!!

Si lo que te has propuesto en mente es colocar un fondo de pantalla completa a tu web con una imagen o crear presentaciones de imagenes a pantalla completa, lo podrás realizar con css y su propiedad background-size. Con esta propiedad podrás realizar el efecto deseado con tan solo colocar unas pequeñas propiedades que vamos a ver a continuación. Ante que nada cabe recalcar que las propiedades de una imagen se pueden reescalar como se muestra a continuación… Con una id y sus propiedades ajustables a manera que el usuario…

Seguir Leyendo

Presentación de imágenes con jQuery javascript y css..

Hola amigos les traigo una nueva publicación esta vez consiste en la presentación de imágenes con un plugin de jQuery…. Si lo que necesitas es mostrar una galería de imágenes en vuestras web’s muchas veces para captar la atención del usuario, no nos vendría mal este Plugin jQuery. Esta implementación es bástante sencilla y su creador fue Danny Markov .. En primer lugar, usted tiene que insertar una imágenen el HTML como lo haría normalmente. Después de esto, hay que añadir un atributo de datos-data-slideshow– y establecer una serie de imágenes que desea convertirse en un…

Seguir Leyendo

Tooltip herramienta de ayuda para web con jquery javascript y css

Un tooltip (también llamada descripción emergente) es una herramienta de ayuda visual, que funciona al situar el cursor sobre algún elemento gráfico, mostrando una ayuda adicional para informar al usuario de la finalidad del elemento sobre el que se encuentra. Los tooltip son una variación de los globos de ayuda y es un complemento muy usado en programación y diseño, dado que proporcionan información adicional sin necesidad de que el usuario la solicite de forma activa. Hoy en dia existen varias herramientas para utilizar un tooltip como por ejemplo Poshy…

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

Menú css3 adaptable para web

Un menú en una web es indispensable a la hora de hacer que el navegante encuentre informació relevante y nos conduzca a un lugar deseado por el programador . Como no utilizar un menú que solo cuando lo necesitemos aparezca con un clic . Esta barra de menú horizontal permanece escondido hasta que el usuario haga clic en un icono de menú, este a su vez lo hará aparecer. El uso de CSS3, realiza de forma animada el efecto , La presentación del menú puede variar con los distintos dispositivos…

Seguir Leyendo

Realizando efectos css sobre imágenes..!

Animación css3 de una imagen antes y después ,el efecto se consigue cuando al pasar el mouse sobre la imagen el efecto realiza un desplazamiento de imagen hacia la izquierda mostrando la siguiente imagen y dando un aspecto de transición de un antes y un después. Esto utiliza un estilo css3 que podremos ver en el siguiente demo y a su vez el código fuente a utilizar para realizar este proyecto.. Archivos: • index.html • style.css index.html entre <body> colocar las clases correspondientes: <a class=”nowandthen”> <img src=”img1.jpg” alt=””> <img src=”img2.jpg”…

Seguir Leyendo

Creando botones css3 para redes sociales con Flipboard

Flipboard crea una serie de botones CSS con un efecto de rotación horizontalmente sobre sí mismos cuando pasamos el ratón sobre ellos, creando un efecto elegante y llamativo. Emplea CSS3 para transformar y crea transiciones para hacer el trabajo pesado. Los enlaces los podrás personalizar dependiendo la red social que desees utilizar Utilizando una serie de imágenes a tu elección también podrás utilizar texto plano para el efecto. En una nota técnica, cada botón se compone de 3 niveles de profundidad de marcado, específicamente: LI -> A -> SPAN .…

Seguir Leyendo