Codex del desarrollador
La vida de un desarrollador web / diseñador puede ser difícil. Es difícil encontrar las herramientas, imágenes, tutoriales correctos ... etc. Espero que esta colección de enlaces ayude a que las cosas sean un poco más fáciles para usted.
"Los tres grandes elementos esenciales para lograr cualquier cosa que valga la pena: el trabajo duro, la itividad y el sentido común". - Thomas A. Edison
Contribuir
¿Tiene un enlace útil para compartir? ¿Sugerencias? ¿Ves algún error o un enlace roto? ¡Envíe una solicitud de extracción!
Inspiración
Recursos para cuando necesitas algo de inspiración
Sitios web para dar algunas ideas / inspiración
- Awwwards - Colección de grandes sitios
- Httpster - otra colección de grandes sitios
- TheBestDesigns - Showcase de hermosos sitios
- Ganador de CSS - Lista de diseños revisados
- Inspire del sitio - Sitio de sitios frescos
- OnePagelove: excelentes diseños para sitios web de una página
- CSS Design Awards: hermoso sitio en sí mismo. Este sitio contiene una lista de diseños dignos de premios, así como un sitio del día.
- Dribble: un lugar para que los diseñadores muestren su trabajo
- Premios CSS: otra escaparate de diseños de sitios web revisados
Fragmentos de código
- CodePen - Playground para inspiración y fragmentos
- Codemyui - Fragmentos de código + tutoriales!
- Codyhouse - HTML, CSS, JS Nuggets
- CodePad.co: un lugar para que los desarrolladores compartan y guarden fragmentos de código
Activos
Colección de imágenes, iconos, fuentes ... Etc para que sus sitios estén explotando
Imágenes
- Picjumbo - Fotos de archivo gratis
- Unsplash - ¡Más fotos de archivo gratis!
- New Old Stock - Fotos vintage gratuitas - Mucho sepia
- La biblioteca de patrones - colección de fondos divertidos
- Patrones sutiles: sitio de fondos libres y sutiles
- Death to Stock Photos - Fotos mensuales por correo electrónico
- Posición de positivo: genere imágenes de marcador de posición para su sitio
- Chat de Wocintech - Fotos de archivo gratuitas que representan a mujeres y personas no binarias de color
- PlaceKitten - Imágenes de marcador de posición con temas de gatito para desarrolladores
Íconos
- Font Awesome - Biblioteca de íconos impresionante
- Flaticon - Enorme colección de iconos gratuitos: PNG, SVG, EPS, formatos PSD
- Íconos iónicos: iconos iónicos limpios
- Iconos simples: iconos SVG para marcas populares. Mantenido por Dan Leech.
- Proyecto sustantivo: otra gran cantidad de grandes íconos
- Iconos de plumas - Colección de iconos de beautiul de código abierto
Fuentes
- Google Fonts: probablemente el lugar más popular para encontrar fuentes
- Google Fonts ahora tiene una interfaz de usuario más nueva y limpia para su biblioteca de fuentes: Google Fonts 2.0
Herramientas
Herramientas útiles para ayudar en el desarrollo
Herramientas para el color
- ColorPicker: una extensión cromada muy práctica para agarrar colores en una página
- Colorzilla: otra herramienta de color práctica (Avaable para Firefox también)
- CSS3GEN: un generador de gradiente excelente y fácil de usar
- Spectral: crea una muestra de color
Herramientas para andamios frontales / 'bootstrapping'
- Bootstrap: marco popular para diseñar sitios y aplicaciones receptivas
- Bootswatch: buenos temas para darle vida al look de Bootstrap
- StartBootstrap - Temas gratuitos de bootstrap de código abierto
- Fundación: otro marco popular para el desarrollo web
- Bulma: un marco CSS moderno basado en Flexbox
- Esqueleto: una calderera CSS limpia, barebonada (juego de palabras)
- Inadecuado: un sistema simple de red fluida
- Flatui: un marco HTML y CSS muy sexy para un diseño plano
- Materializar: un marco moderno front -end inspirado en el diseño de material de Google
- Tachyons: cree aplicaciones rápidas y receptivas al 100% con muy poco CSS
- Colormind - Genere una paleta de color para su proyecto utilizando ML - Muy genial
Flujo de trabajo y herramientas de construcción: para facilitar tu vida
- Gulp: un corredor de tareas para automatizar esas tareas tediosas y repetitivas
- Grunt: otro corredor de tareas popular
- Webpack: un grupo modular para agrupar el código en fragmentos convenientes
- Yeoman - Una herramienta de andamios para construir aplicaciones web modernas
Colaborar
Herramientas útiles para permitir la colaboración
- Cloud9: código y trabaje con otros en la nube
- JSFIDDLE - JS Fiddle ofrece una función de colaboración realmente genial, aunque no he usado con demasiada frecuencia
- CodePen - CodePen también ofrece una opción de colaboración (aunque creo que es para el cajero automático de los usuarios de Pro)
- GIST - Compartir código rápido. actúa como un bloc de notas para el código
- Slack: los colaboradores deben comunicarse rápido. Slack parece ser la aplicación de chat más popular entre los equipos de desarrollo
Gran material de lectura
Excelentes recursos de lectura para mantenerse al día con las últimas tendencias/noticias
- Una lista aparte: artículos de desarrollo perspicaces e informativos
- Medio: una plataforma de blog con cada tema imaginable. Para refinar su búsqueda, simplemente escriba su consulta en la barra de búsqueda
- Trucos CSS: un gran blog/tutorial para casi cualquier cosa relacionada con el código.
- Smashing Magazine - Sitio lleno de artículos útiles y artículos de diseño
- Front End Developer Weekly - Front -End Dev News, Herramientas ... Etc enviado por correo electrónico semanalmente
Licencia
I, Vinny Aceto, renuncia a todos los intereses protegidos por derechos de autor y relacionados en este proyecto
