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

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

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