Página principal » Diseño web » Recursos frescos para diseñadores y desarrolladores web (febrero de 2015)

    Recursos frescos para diseñadores y desarrolladores web (febrero de 2015)

    Después de hacer esto durante más de un año, la parte más difícil de escribir este montón de recursos mensuales para diseñadores y desarrolladores es la introducción. Mientras estamos en el tema, aquí está su resumen de febrero de 2015 de los mejores y más recientes recursos para desarrolladores web como usted.

    En esta entrega, estamos ante un especial. motor de búsqueda para encontrar fragmentos de código, un muy ingenioso Referencia a problemas de dirección en el módulo Flexbox., y herramientas de desarrollo para una mejor gestión de Color, tipografía y degradados..

    Animador gradiente

    CSS3 Gradient nos permite crear gradientes sin imágenes en nuestro sitio web sin la necesidad de cargar ninguna imagen. Incluso podemos combinarlo con la animación CSS3 para dar un efecto más convincente. Pero si el código es demasiado para ti, usa la ruta más sencilla de Gradient Animator para generar una con una interfaz agradable.

    Guía de bolsillo SVG

    Guía de bolsillo SVG Está compilado por Joni Trythall. Es una referencia práctica que lo guiará a través de los conceptos básicos de SVG (como crear formas y texto) hasta características más avanzadas (como crear gradientes, trazados de recorte y patrones). El libro viene en formato Markdown y está disponible en inglés y portugués..

    Flexbugs

    Flexbox es un módulo nuevo muy prometedor en CSS3 que cambiaría totalmente la forma en que construimos diseños web. Sin embargo, también viene con problemas de compatibilidad entre navegadores propios. Este repositorio, Flexbugs, es una colección de estos errores y las soluciones para solucionarlos. Este es un recurso muy útil para cualquier persona que viva en la vanguardia de la Web..

    Icono

    Es increíble lo que podemos lograr con solo CSS, como crear un ícono completamente presentable usando solo un elemento. Icono Es la biblioteca que hace esto. En esta biblioteca, encontrará una colección de íconos familiares que están hechos solo con un solo elemento, y CSS. Estos iconos se cargarán más rápido y son más personalizables que los iconos basados ​​en imágenes..

    Dillinger

    Dillinger Es un editor Markdown agradable a la vista. Aquí puede escribir en formato Markdown y ver instantáneamente el resultado en la pestaña de la derecha. Para su comodidad, Dillinger le permite exportar su trabajo a HTML, PDF o simplemente en un formato de archivo Markdown una vez que lo haya hecho. Alternativamente, también puede conectarlo a un servicio de terceros como Dropbox y Github donde puede guardar su archivo.

    HTML5Up

    HTML5Up es una colección de plantillas gratuitas basadas en HTML5. Puede encontrar un puñado de diseños que se adaptan a diferentes tipos de sitios web: negocios, portafolio o simplemente un blog simple. Todas las plantillas son receptivas y garantizan que el contenido y el diseño del sitio web se puedan disfrutar en diferentes tamaños de pantalla.

    Colores CSS

    ¿Alguna vez te has preguntado cómo se llama un color en particular?? Colores CSS muestra el nombre del color, así como el formato Hex y RGBA para una colección de colores básicos. Es una buena fuente para encontrar la combinación de colores perfecta para sus sitios web..

    Emmet Re-view

    Re-view es una extensión de Chrome que analiza tu sitio web. @medios de comunicación consulta y muestra su sitio web en cada uno de los puntos de interrupción especificados en cada @medios de comunicación consulta. Si está buscando una herramienta que pueda ahorrarle un poco de tiempo al probar sitios web receptivos, esta es la herramienta que necesita..

    TypeGenius

    Si echa un vistazo a la biblioteca de fuentes de Google, encontrará muchas fuentes en diferentes caras, familia, peso y tipos. Por lo tanto, elegir el par correcto o la combinación de fuentes podría ser una tarea abrumadora.. TypeGenius hace que la selección de pares de fuentes sea simple y rápida y posible para la población general.

    Código de búsqueda

    Como su nombre lo indica, este es un motor de búsqueda para buscar códigos o fragmentos de código de muchos lenguajes de programación, incluyendo JavaScript, C, PHP. Este motor de búsqueda derivará su resultado de muchas fuentes como Github, Bitbucket y Google Code. Esta es una herramienta imprescindible para los codificadores pesados..