Esta es una lista de enlaces a herramientas básicas cuando estás trabajando en tu sitio web con HTML y CSS, o en cualquier proyecto básico digital.
Crear un sitio web se une con herramientas básicas de diseño, que es útil tener el conocimiento de ellas sobre todo cuando sólo tu estás desarrollando algún proyecto.
Fuentes de Letra
Google Font
Google Fonts te ofrece una variedad de fuentes que puedes usar en tu sitio web. Considero que son visualmente atractivas, muy fáciles de instalar, te ofrece opciones de personalización del ancho de la fuente y está soportado para usarse en varios idiomas.
Paleta de Colores
Color Hex
Color Hex es una herramienta de colorimetría. Lo que más me gusta de esta herramienta es su sencillez, una vez que ingreses un color en el buscador de la cabecera te ofrece una variedad de espectros de un solo color, incluído un espectro de claros y oscuros del mismo color. Esto te abre a muchas oportunidades de ser creativos con un solo color o con los colores primarios de tu proyecto.
HTML Color Codes
HTML Color Codes es también una herramienta de colorimetría, pero esta te provee una lista de los 140 ¨nombres¨ de los colores que soportan los navegadores actuales.
Fotografías de alta calidad sin costo
Unsplash
Unsplash es una biblioteca de fotografías de alta resolución y profesionales sin costo. Si ya has estado un tiempo en el mundo de front-end development, diseño e incluso marketing sabrás lo caro que son las fotografías y sus licencias. Sin duda Unsplash es uno de mis favoritos, así mismo por su sentido artístico de los fotógrafos que colaboran en este sitio. Pero además Unsplash te ofrece cierto códigos URL para poder usar sus imágenes de sus bibliotecas con opciones random de ciertas categorías.
Pexels
Pexels también es una biblioteca de fotografías de alta calidad sin costo. Utilizo esta herramienta como segunda opción a Unsplash donde además ofrece más fotografías corporativas, de acuerdo al sitio que esté construyendo.
Plantillas HTML y CSS
Wrap Bootstrap
Wrap Bootstrap es una biblioteca de plantillas de pago creadas con la estructura de HTML y CSS de Bootstrap para iniciar un sitio web. Acude a este recurso si buscas inspiración para hacer tu propio sitio web desde cero, o usar las plantillas para comenzar a crear tu siguiente sitio web.
Bootstrap Themes
Bootstrap Themes son plantillas creadas por desarrolladores bajo la misma premisa de la estructura Bootstrap. La misma funcionalidad que la anterior, más opciones.
Iconos web y gráficos
Font Awesome
Font Awesome es una biblioteca de íconos, incluyendo logos para redes sociales, con una variedad muy amplia que puedes usar sin costo. Está dirigido especialmente para ser insertado en tu código HTML y CSS.
Icon Finder
Iconfinder es una biblioteca de íconos, algunos diseños son gratis y otros tienen costo. Te ofrece una variedad amplia de diseños para tu material gráfico.
Plantillas de Diseño de alta resolución sin costo
Smart Mockups
Smart Mockups es una plataforma que te ofrece una variedad de productos demo listo para poner tu logo. Una herramienta muy útil para mostrar un producto final dentro de tu sitio web.
Free PSD Templates
Free PSD Templates es una biblioteca de plantillas de Photoshop de alta calidad sin costo.
