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
Have a helpful link to share? Suggestions? See any mistakes or a broken link? Send a pull request!
Resources for when you need some 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
- 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
Collection of images, icons, fonts ..etc to really make your sites pop
- 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
- 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
- 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
Useful tools to aid in development
- 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
- 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
- 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
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 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
I, Vinny Aceto, waive all copyright-protected and related interests included in this project