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
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
- The Noun Project - another plethora of great 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
Workflow and build tools - to make your life easier
- Glup - 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
Tutorials and Courses
Tutorials and courses to help learn/re-learn a technology
Note: The tutorials and courses for each languages are contained in their own separate sections. I hope this prevents too much bloat on one page.
- JavaScript - JavaScript tutorials and courses
License
I, Vinny Aceto, waive all copyright-protected and related interests included in this project