Campos de entrada html con efectos jQuery CSS3…

Esta es una técnica para crear efectos jQuery css3 en campos de entrada type: INPUT y TEXTAREA la cual sirve de mucho para diseño de un formulario atractivo y divertido .. Este es un plugin experimental jQuery que básicamente hace que sea divertido para escribir texto. funciona con campos de entrada envueltos con un div, de una manera que oculta el campo de entrada real (pero todavía se “comunica” con ella), y poner un elemento span que contiene el carácter presionado (en un caso de uso normal), y cada elemento span…

Seguir Leyendo

Material design de Google para aplicaciones web´s

Desde que google anunció Material Design con la introducción de Android 5.0 , ha surgido el concepto de llevar este framework a las aplicaciones web´s .Aunque ya existen a nivel mundial librerías que promueven este concepto como MUI – Material UI y Polymer las cuales se construyen alrededor de componentes web´s. En el comienzo de julio de 2015, Google lanzó públicamente un nuevo framework que es fácil de usar y no tiene dependencias adicionales. Se llama Material Design Lite , tiene un parecido al ya popular Bootstrap  aquí veremos unos aspectos importantes…

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

Sistema de comentario con respuesta + panel de administración

Hola amigos como están esta vez les traigo un sistema de comentarios con respuesta más un panel de administración su planteamiento es bastante sencillo. Este sistema utiliza jQuery javascript css es responsive está basado en el lenguaje php mas una base de datos en  mysql  .. Contiene varios archivos para su procesamiento, por el momento solo voy a explicar su funcionamiento ya que su código fuente es bastante extenso y me llevaría tiempo colocarlo y les tomaría tiempo a uds. como usuarios copiar y pegar el código , y acarrearía…

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