10 Librerías javascript css que te podrían interesar.

Saludos Amigos esta vez les traigo 10 librerías javascript css que talvez te podrían interesar. Nuestra misión es mantenerlo actualizado con las últimas y mejores tendencias en desarrollo web. Esta vez lanzamos una colección cuidadosamente seleccionada de algunos de los mejores recursos, con los que nos hemos topado y que consideramos dignos de su atención. Code Surfer Este es un componente React, que puede usar para atraer la atención del lector hacia las partes más importantes de su código. Le permite resaltar palabras, una determinada línea o incluso varias líneas, y…

Seguir Leyendo

CSS Grid VS Flexbox : una comparación práctica

En esta publicación vamos a realizar una comparación rápida entre css grid vs flexbox, creando una plantilla sencilla y comparandolas. No hace mucho tiempo, el diseño de todas las páginas HTML se realizaba a través de tablas, flotantes y otras propiedades CSS que no eran adecuadas para el diseño de páginas web complejas. Luego vino flexbox – un modo de diseño que fue específicamente diseñado para crear páginas robustas y receptivas. Flexbox hizo que sea fácil alinear correctamente los elementos y su contenido, y ahora es el sistema CSS preferido de la mayoría de…

Seguir Leyendo

Validación de formularios web (Una via fácil y rápido con HTML)

Al agregar validación de formularios web con HTML, se asegurará de que los usuarios ingresen sus datos con precisión y en el formato correcto. En el pasado, la validación de las entradas de formularios requería el uso de complementos de JavaScript, pero hoy en día la mayoría de los navegadores tienen soluciones integradas que pueden manejar la mayor parte de la validación. En este tutorial le mostraremos cómo agregar reglas de validación a sus formularios, utilizando únicamente atributos de entrada HTML nativos. Para demostrar el proceso de creación de reglas…

Seguir Leyendo

Nuevas Librerias Javascript y Css para Octubre del 2017

Esta vez te traemos nuevas librerías javascript y css. El desarrollo web no se detiene, es por eso que esta vez te presentamos una colección de algunos recursos que hemos investigado y consideramos que sea digno de su atención. DisplayJS Pequeño framework que facilita la sincronización de datos con el DOM. En lugar de tener que configurar y actualizar manualmente el contenido de la página, con DisplayJS simplemente puede asignar variables JavaScript a elementos HTML específicos, de manera similar como React o Vue.js . React Beautiful DnD Una biblioteca React…

Seguir Leyendo

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

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