Cabecera responsive utilizando flexbox una propiedad de css..

Si realizar una cabecera responsive hasta el momento se te hace un poco complicado y sigues utilizando propiedades como float, margin  u otros trucos complicados e incluso ajustar manualmente los valores de píxeles, pues bien …… ¡Eso se acabó…! Crearemos una cabecera responsive utilizando flexbox. La técnica que se va a demostrar que se basa en el modo de diseño de gran alcance Flexbox que hace todo el trabajo sucio por ti. Utiliza sólo un puñado de propiedades CSS para crear una cabecera que esté correctamente alineada y se vea bien en todos…

Seguir Leyendo

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