Creando Triangulos con Css.

Cualquiera que haya tratado de hacer flechas  HTML, globos de texto u otros elementos puntiagudos, sabe que creando triángulo con CSS tiene que utilizar algún tipo de truco. Las dos soluciones más populares para crear triángulos son : #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } // y lo mostramos en una capa <div id=»triangle-up»></div> , o para utilizar Caracteres Unicode  . U+25B2 //Triangulo negro UP U+25BC //Triangulo negro DOWN // y asi utilizando todos los simbolos Unicode Html Hay…

Seguir Leyendo

Tips y trucos para CSS..

En esta publicación  compartiremos  con ustedes una colección de tips , trucos útiles y mejores prácticas que se recomiendan por la comunidad CSS. Algunos se adapta más a los principiantes, y algunos son un poco avanzado, Esperemos que los disfruten al máximo. 1.- Margin Collapse.. A diferencia de la mayoría de otras propiedades, los márgenes verticales se cierran cuando se encuentran. Lo que esto significa es que cuando el margen inferior de un elemento se tope con el margen superior de otro, sólo el más grande de los dos sobrevive. Aquí…

Seguir Leyendo

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

15 Librerias javascript y css de interés ..

Aquí te traemos 15 librerias javascript y css que te podría interesar y analizar este febrero 2016. Es un buen momento para ser un desarrollador web. La gran comunidad crea un montón de librerías nuevas y emocionantes de JavaScript y CSS, así que siempre hay algo nuevo que aprender y ver. Estos son algunos de nuestros favoritos, que creemos que usted debe probar para febrero del 2016. Hay que tener en cuenta que la mayoría de estos script son gratuitos y no vendría mal , dar una ayuda a estos grandes…

Seguir Leyendo

Tabla de precio html responsive para web..

DEMOSTRACIÓN Hoy nos gustaría compartir una tabla de precio html responsive para web. Las Tablas de precios son un componente esencial en las páginas web donde se ofrecen servicios digitales. Mientras que parece que hay un patrón común, hay infinitas posibilidades de estilo. Esta demo muestra algunas ideas puede hacer uso de la que mas le convenga. Hay que tener en  cuenta que las propiedades CSS utilizadas en esta tabla de precio html responsive para web que citamos en esta publicación sólo funcionan en los navegadores modernos y actualizados. Aqui citamos…

Seguir Leyendo

Responsive jQuery Pop Up Gallery …

Responsive jQuery Pop Up Gallery es un plugin que te ayudará a mostrar una galería de imágenes en una ventana emergente .. Cada galería tiene una pequeña vista previa. La cual presenta cinco modelos diferentes de galerías, estas estan separadas tanto su css como su javascript para utilizarlas por separado isn tener problemas a la hora de utilizar estas galerías. Todas las animaciones son mediante transiciones CSS. La idea original era utilizar 100% CSS pero al ser una galería compleja es necesario aplicar un poco de javascript. Responsive jQuery Pop…

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

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