Developer's Codex

A web developer / designer's life can be difficult. It's hard to find the right tools, images, tutorials...etc. I hope this collection of links will help make things a little bit easier for you.

“The three great essentials to achieve anything worth while are: Hard work, Stick-to-itiveness, and Common sense.” - Thomas A. Edison

Contribute

Have a helpful link to share? Suggestions? See any mistakes or a broken link? Send a pull request!

Inspiration

Resources for when you need some inspiration

Websites to give some ideas / inspiration

• AWWWARDS - collection of great sites
• HTTPster - another collection of great sites
• TheBestDesigns - showcase of beautiful sites
• CSS Winner - list of reviewed designs
• Site Inspire - site of fresh sites
• OnePageLove - Great designs for one page websites
• CSS Design Awards - beautiful site in and of itself. this site contains a list of award-worthy designs as well as a site-of-the-day.
• Dribble - a place for designers to show off their work
• CSS Awards - another showcase of reviewed website designs

Code Snippets

• CodePen - playground for inspiration and snippets
• CodeMyUI - code snippets + tutorials!
• CodyHouse - HTML, CSS, JS nuggets
• CodePad.Co - a place for developers to share & save code snippets

Assets

Collection of images, icons, fonts ..etc to really make your sites pop

Images

• Picjumbo - free stock photos
• Unsplash - more free stock photos!
• New Old Stock - free vintage photos - lots of sepia
• The Pattern Library - collection of fun backgrounds
• Subtle Patterns - site of free, subtle backgrounds
• Death To Stock Photos - monthly photos emailed to you
• Placehold - generate placeholder images for your site
• WOCinTech Chat - free stock photos representing women and non-binary people of color
• placekitten - kitten-themed placeholder images for developers

Icons

• Font Awesome - awesome library of icons
• Flaticon - huge collection of free icons: PNG, SVG, EPS, PSD formats
• Ionic Icons - clean, ionic icons
• Simple Icons - svg icons for popular brands. Maintained by Dan Leech.
• The Noun Project - another plethora of great icons
• Feather Icons - open-source collection of beautiul icons

Fonts

• Google Fonts - probably the most popular place to find fonts
  • Google fonts now has a newer, cleaner UI for their font library: google fonts 2.0

Tools

Useful tools to aid in development

Tools for color

• ColorPicker - a very handy chrome extension for grabbing colors on a page
• ColorZilla - another handy color tool (avaiable for firefox too)
• CSS3Gen - an excellent, easy to use gradient generator
• Spectral - create a color swatch

Tools for front end scaffolding / 'bootstrapping'

• Bootstrap - popular framework for designing responsive sites and applications
• Bootswatch - nice themes to spice up bootstrap's look
• StartBootstrap - free open-source bootstrap themes
• Foundation - another popular framework for web development
• Bulma - A modern CSS framework based on Flexbox
• Skeleton - a clean, bareboned (pun intended), responsive css boilerplate
• Unsemantic - a simple, fluid-grid system
• FlatUI - a very sexy HTML and CSS framework for a flat design
• Materialize - a modern front-end framework inspired by Google's Material design
• Tachyons - create fast, 100% responsive apps with very little CSS
• Colormind - generate a color pallete for your project using ML - very cool

Workflow and build tools - to make your life easier

• Gulp - a task runner to automate those tedious, repetitive tasks
• Grunt - another popular task runner
• Webpack - a modular bundler for bundling code into convenient chunks
• Yeoman - a scaffolding tool for building modern web apps

Collaborate

Useful tools to allow for collaboration

• Cloud9 - code and work with others in the cloud
• JSfiddle - JS fiddle offers a really cool collab feature, though I haven't used too often
• CodePen - codepen also offers a collaboration option (though I believe it's for pro users atm)
• Gist - share code fast. acts like a notepad for code
• Slack - collaborators need to communicate fast. slack seems to be the most popular chatting app amongst dev teams

Great Reading Material

Great reading resources to keep up with the latest trends/news

• A List Apart - insightful and informative dev articles
• Medium - a blog platform with every topic imaginable. To refine your search, just type in your query into the search bar
• CSS Tricks - a great blog/tutorial for just about anything code related.
• Smashing Magazine - site filled with useful dev and design articles
• Front End Developer Weekly - front-end dev news, tools ..etc emailed to you weekly

License

I, Vinny Aceto, waive all copyright-protected and related interests included in this project