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

Efectos navideños para web ….

Efectos navideños para web. En estas fiesta navideñas , muchos pensarán en utilizar su logo navideño o Colocar algún script para realzar la navidad y ese espíritu navideño dentro de vuestras web´s. Por eso es que el equipo de Bloguero-ec en esta sección publicará algunos Efectos navideños para web que talvez te podrían interesar y utilizarlos sin restricción alguno. Siéntase libre de utilizar estos estilos que hemos recopilado utilizando CSS SVG JAVASCRIPT … Arbol Navideño a puro estilo de CSS..   Este árbol navideño esta hecho con puro estilo CSS ,…

Seguir Leyendo

jQuery plugins y librerías gratis para web ..

Esta vez les traigo unas librerías y plugins jQuery y es que hay ocasiones que diseñadores y desarrolladores web tienen que ganar una gran lucha contra el tiempo , pero a la vez hay que estar en la cima de una gran cantidad de tecnologías y tendencias emergentes. Pero existe una gran comunidad de diseñadores que crean librerías y plugins impresionantes que nos ayudan y ahorran tiempo a la hora de realizar nuestros trabajos.. Aquí les traigo una recopilación de estas librerías y aportaciones a ver si les sirve de ayuda……

Seguir Leyendo

Página web que adivina tu edad…???

Este un experimento de aprendizaje automático que toma la vanidad social y la lleva a nuevos niveles, Microsoft ha lanzado una página web que es capaz de adivinar tu edad  . A veces es para “morirse”. Otras, resulta divertido y en ocasiones absolutamente incorrecto. Es simple: Carga una foto, espera unos segundos y luego la máquina te da un número de años. Y como el sistema puede analizar cualquier foto, puedes compararte con tus amigos, familia e inclusive, tus enemigos. Pero adivinar la edad de alguien puede ser un juego peligroso,…

Seguir Leyendo

Representación gráfica de los Simpsons con puro estilo css….

Este es una representación gráfica de los Simpsons con puro estilo css .Chris Pattle Su creador comenta en su Blog que tomó el rostro de cada personaje y los rompió en diferentes formas , para posteriormente juntarlas y crear a cada personaje, esta técnica la utilizan a menudo varios artistas para mejorar sus técnicas de dibujo.. Este css se visualiza mejor en Google Chrome su demostración se basa con líneas de puro código css creando cada línea usando una clase diferente para crear la boca , el cabello, el ojo, la…

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

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

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