Creando un cuadro de dialogo responsive y elegante javascript…!!

DEMOSTRACIÓN DESCARGAR En esta ocasión vamos a crear un cuadro de dialogo responsive y elegante ….! Para esto vamos a usa HTML, CSS y JavaScript (con un poco de jQuery). Este ejemplo es responsive para navegadores mobiles y de escritorio con lo moderno que está todo hoy en día hay que adaptarse a la necesidad del usuario en caso de requerirse esto….. Los cuadros de diálogos son una buena manera de presentar un mensaje o que requieren una acción para sus usuarios. Los cuadros de diálogo integrados en los navegadores web no puede ser…

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

Bootstrap | proyectos listos para ahorrarnos tiempo..

Esta vez vamos a publicar unos recursos prácticos hechos con el framework Bootstrap que podría utilizar en sus próximos proyectos a realizar .Estos le ayudarán a minimizar documentación de Bootstrap ya que se encuentran listos para copiar y pegar dentro de su proyecto … Espero que disfruten de las siguientes plantillas.. Tablas de precios responsive.. Si de mostrar variaciones de precios en tablas se trata , esta es una buena opción .Es fácil de adaptar y personalizar adaptarse a su diseño no es complicado.   Lista de estilo personalizada ..…

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

Creando una cabecera responsive para web…

Hola amigos aquí les traigo un pequeño tutorial de cómo crear una cabecera responsive (adaptable a cualquier dispositivo) utilizando css y sus propiedades para realizar el efecto responsive. Esta cabecera incluye un css que podrás adaptar a tu web o cualquier proyecto sin necesidad de dañar el diseño de tu web , además que es elegante y sencilla pero a simple vista elegante para el usuario.. Pués bién comencemos : Esta consta de 2 barras superiores que conforman una cabecera aqui su código fuente y explicación : Antes que nada…

Seguir Leyendo

Cómo crear un borde animado con SVG y CSS ….

Vamos a explorar un efecto de animación de borde muy sutil utilizando CSS y SVG. Su efecto es bastante llamativo y agradable , al pasar el mouse sobre uno de los elementos dará un efecto de animación como si se desvaneciera el borde y continuamente volviera a aparecer . Al momento de visualizar el efecto a simple vista no será visible lo que está sucediendo , pero fijandonos bién en el borde superior veremos como el ancho de la linea blanca va disminuyendo de derecha a izquierda y una nueva línea…

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

Timeline(Línea del tiempo) responsive Css con efecto 3D

En este artículo experimentaremos un timeline responsive css 3d con la perspectiva y el uso de un truco de entrada de radio para crear una estructura de toque de un solo clic con css. La idea es mostrar un post de un artículo y al hacer clic en la entrada de radio asociada, el contenido se expandirá y girará en 3D, dándole profundidad a todo el asunto. Estaremos usando CSS transformación 3D, transiciones y selectores asociados. Algunos archivos utilizados en este demo no se publicarán pero los enlaces a sus…

Seguir Leyendo