Herramientas para desarrollo web

 En este articulo, veremos paginas que ayudaran para el front end.

Ejemplos practicos de css

Aquí podrás ver ejemplos y el código, sobre propiedades de CSS.

Material design

Esta pagina nos recomendará toda una paleta de colores según dos colores principales.

Color adobe

Esta pagina nos recomendara una gama mas amplia donde podemos seleccionar reglas para nuestros colores, es útil para también diseño gráfico.

Colors co

Podemos crear una paleta de varios colores, donde podemos elegir nuestros colores favoritos y generar múltiples paletas de manera rápida. (Cuidado con el dominio que ha cambiado).

Can I use

Aquí podemos saber si una funcionalidad de HTML, CSS, entre otros... Si es compatible con diferentes navegadores y sus versiones.

Flexbox sapito

Esta pagina nos enseñara a usar flexbox de manera fácil y comprensible. Ademas de que tiene niveles de dificultad para una mejor practica.

Ubicacion grid siembra

Esta pagina nos enseñara a ubicarnos en una malla usando grid. De una manera didáctica.

Animate style

Aquí podemos traer una librería con animaciones predeterminadas, para ayudar en la visualización de la pagina. Y para usarlo se debe usar dos clases en el objeto.

CSS colors

En esta pagina podremos obtener el hexadecimal de cualquier color que queramos, ademas de poder saber cuales son los predeterminados de CSS.

Fonts google

Aquí podemos mirar y aplicar miles de fuentes para texto...

Aquí podremos poner a prueba nuestros conocimientos en desarrollo front.

Practicar pruebas técnicas

Aquí podremos practicar, las pruebas técnicas que usualmente harán las empresas al momento de reclutar.

Verificar contraste

Esta herramienta nos ayudará, con dos colores verificar que tan compatibles son, y mejorar nuestros diseños. 

Paleta de colores, con un color primario 

Nos creara toda una paleta de degradados, solo con un color primario.

css-code-quality

Es una pagina la cual analiza el css, y valida que tan bueno es el codigo, ademas de donde y como solucionar problemas.