Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/IliasHad/Developer-Tools-and-Resources

The Best Tools and Resources for developers
https://github.com/IliasHad/Developer-Tools-and-Resources

List: Developer-Tools-and-Resources

awesome-list developer developer-portfolio developer-tools developers tools

Last synced: about 1 month ago
JSON representation

The Best Tools and Resources for developers

Awesome Lists containing this project

README 

        
# Developer Tools and Resources

My Best Tools and Resources as a developer.



Table of Content



* [Testing and Optimization](#testing-and-optimization)

 

* [Free Stock Photos for commercial use](#free-stock-photos-for-commercial-use)

* [Free Illustrations for commercial use](#free-illustartions--for-commercial-use)

* [Color Gradient](#color-gradient)

* [Free Icons](#free-icons)

* [UI Design Inspiration](#ui-design-inspiration)

* [Free UI Design](#free-ui-design)

* [Others Tools](#others-tools)

* [Javascript Ressources](#javascript-ressources)

* [CSS Ressources](#css-ressources)

* [Youtube Channels](#youtube-channels)

* [Blogs](#blogs)

* [Podcasts](#podcasts)



* [Music Playlists](#music-playlists)

* [Market or Sell your Side Projects](#market-or-sell-your-side-projects)

* [Remote Jobs](#remote-jobs)

* [Freelancing](#freelancing)

* [Developer Portfolio](#developer-portfolio)

* [Developer to follow on Instagram](#developer-to-follow-on-instagram)



* [Developer to follow on Twiiter](#developer-to-follow-on-twiiter)



* [Developer Communities](#developer-communities)



### Testing and Optimization 

[Google Page Speed Insight](https://developers.google.com/speed/pagespeed/insights/)--  Test your website speed and accesiblity



[Sizzy](https://sizzy.co/)-  Preview your website on Various Phones in same time



[Minify](http://minifier.org/)--  Minify your JS and CSS files to speed up your website



[TinyPNG](https://tinypng.com/)--  Compress your PNG images to speed up your website



[W3C Html Validator](https://validator.w3.org/)--  Check Your HTML markup



[Meta Tags Validator](https://metatags.io/)--  Preview your website meta tags in Google Search , Facebook , Twitter and more



### Free Stock Photos for commercial use



[Unsplash ](http://unsplash.com/)-- My favortite stock photos website with beautiful and high-resolution photo



[Pexels](https://www.pexels.com/)-- Another great stock photos website



[Burst By Shopify](https://burst.shopify.com/)--  Free stock photos for websites and commercial use by Shopify



### Free Illustrations for commercial use



[Undraw](https://undraw.co/illustrations)-- SVG and PNG Modern Illustrations



[ManyPixels](https://gallery.manypixels.co/)-- SVG and PNG Modern Illustrations



### Color Gradient



[UI Gradient](https://uigradients.com/)-- Beautiful color gradients for design and code



### Free Icons



[Icomoon](https://icomoon.io/)-- Free SVG Icons to use in your website



[Ionicons](http://ionicons.com/)-- Free SVG and Webfonts Icons for commercial usage.



[Fontawesome](https://fontawesome.com/)-- Free and Premium Webfonts Icons for commercial usage.



### UI Design Inspiration



[Dribbble](https://dribbble.com/)-- The #1 and my favorite website to get great UI design for inspiration



[Behance](https://behance.com/)-- Another great website to get UI design for inspiration



[Uplabs](https://www.uplabs.com/)-- Another great website to get UI design for inspiration



[Land Book](https://land-book.com/)-- Hand Picked Landing Pages design



[CollectUI](http://collectui.com/)-- Collection of great UI Design 



### Free UI Design



[Dribbble - Free UI](https://dribbble.com/search?q=free+ui)--Free high-quality and great UI Design

 



[UI8](https://ui8.net/category/freebies)--Epic design freebies to get you started



[Freebiesbug](https://freebiesbug.com/)--free high-quality design resources like PSD files, HTML website templates, fonts and other cool stuff



### Others Tools



[Public APis](https://public-apis.xyz/)--Collection of public, free and private apis for software development like weather apis, currency exchange , zip code and much more



[Task Book](https://github.com/klaussinani/taskbook)--Tasks, Notes and Boards like Trello in command line



[Build With](https://builtwith.com/)--Find out what websites are built with and latest web technologies trends



[Unminify](https://unminify.com/)--Unminify your minified CSS and JS files and make them readable



[Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap)--Roadmap to becoming a web developer in 2019



[Puppeteer ](https://github.com/GoogleChrome/puppeteer)- Headless Chrome Browser to automate form submission, Test your web app  in the latest version of Chrome using the latest JavaScript and browser features and also scrap Informations from websites



[WakaTime](https://wakatime.com/)- Track Your Coding Time



### Javascript Ressources



[Sans jQuery](https://gist.github.com/joyrexus/7307312)--Vanilla JS equivalents of jQuery methods



[React Ressources](https://reactresources.com/)--Videos, Talks, Conferences, Guides, Podcats, Courses, Jobs about React



[Airbnb Javascript Style Guide](https://github.com/airbnb/javascript)--How Aribnb Developer write Javascript Code



[Google Javascript Style Guide](https://google.github.io/styleguide/jsguide.html)--How Google Developer write Javascript Code



[JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc)- Read and Edit Your JSON Files



### CSS Ressources



[Can I Use](https://caniuse.com/)--Check if web technologie you want to use is supported by browsers



[Codrops - CSS Reference](https://tympanus.net/codrops/css_reference/)--An extensive CSS reference with all the important properties and info to learn CSS from the basics



[Clippy](http://bennettfeely.com/clippy/)--A small tool to help you using the new and powerful clip-path property.



[CSS Tricks](https://css-tricks.com/)--The Best tutorials and articles to master CSS



 [Keyframes](https://chrome.google.com/webstore/detail/keyframes/dalaiblmpeklkjnpeocmaojcfldmbfck)- Creat CSS animations right in your browse



### Youtube Channels



[Dev Tips](https://www.youtube.com/user/DevTipsForDesigners)--I discover DevTips 5 months ago and I love the way of teaching technologies like Docker , PWA , Puppeter and much more



[Wes Bos](https://www.youtube.com/user/wesbos)--Great Youtube Channel for Javacsript Developers . Wes Bos has Great Videos about Front End Developement like 30 Javascript Challenge Playlist



[FreecodeCamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)--The best Youtube Channels for Developers with a lot of great tutorials and Crash Course and you can learn code for free



[Coding Train](https://www.youtube.com/user/shiffman)--Daniel teach programming languages and library with a funny way



[Fun Fun Function](https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q/videos)--MPG has great videos and way to teach web developement and also life of a developer



[Traversy Media](https://www.youtube.com/user/TechGuyWeb)--Brad Traversy has great tutorials and crash course about web developement and also about freelancing as a developer



[Chris Sean](https://www.youtube.com/channel/UCu1xbgCV5o48h_BYCQD7KJg/)--Life of front end developer at Entrepreneur Magazine



[Joshua Fluke](https://www.youtube.com/user/TechGuyWeb)--Great Youtube Channel for developers who are looking for remote jobs



[Coding Tech](https://www.youtube.com/channel/UCtxCXg-UvSnTKPOzLH4wJaQ/)--Collection of great Conferences about different tech topics



[Andy Sterkowitz](https://www.youtube.com/channel/UCZ9qFEC82qM6Pk-54Q4TVWA)--Great videos for Self Taught Software Developer



[DesignCourse](https://www.youtube.com/user/DesignCourse/)--My favorite Youtube Channels to learn new things about front end developement and web design



[Life of Luba](https://www.youtube.com/channel/UCgzKCeDYLRzPhQ64R6AKyBQ)--Great Lessons and Interviews from a developer at Airbnb



[ForrestKnight](https://www.youtube.com/channel/UC2WHjPDvbE6O328n17ZGcfg/)--Life of full-time Software Engineer



[Joma Tech](https://www.youtube.com/channel/UCV0qA-eDDICsRR9rPcnG7tw/)--Life of Data Scientist in Silicon Valley and Interviews with Software Engineers In Silicon Valley



### Blogs 



[Free Code Camp](https://www.youtube.com/channel/UC2WHjPDvbE6O328n17ZGcfg/)--Open Source Community with great articles about development, design, and data science



[Codeburst](https://www.youtube.com/channel/UC2WHjPDvbE6O328n17ZGcfg/)--Another great community with great articles about web Developement



[Smashing Magazine](https://www.youtube.com/channel/UC2WHjPDvbE6O328n17ZGcfg/)--A very popular web design and development blog, writing about all things coding and designing.



[Codrops](https://www.youtube.com/channel/UC2WHjPDvbE6O328n17ZGcfg/)--The Best Articles and Tutorials about latest Trends in Front End Developement



### Podcasts

[Syntax](http://syntax.fm)--My favorite podcast about web developement hosted by Wes Bos and Scott Tolinski

[Indiehackers](https://www.indiehackers.com/podcast)--Great podcast for developers who want to get inspired stories about inide makers developers



### Music Playlists



[Code Radio By Freecodecamp](https://www.youtube.com/channel/UC2WHjPDvbE6O328n17ZGcfg/)-24/7 Music for concentration



### Market or Sell your Side Projects



[Product Hunt](https://producthunt.com/)-Product Hunt is a curation of the best new products and services, every day and you can get potential users of your products or servcies for free



[Code Canyon](https://codecanyon.net/)-#1 Marketplace to Sell and Buy Wordpress Plugins , CMS and more...



[Themeforest](https://themeforest.net/)-#1 Marketplace to Sell and Buy Themes for Wordpress, Shopify, Mangento and more...



 

### Remote Jobs



[Remote Ok](https://remoteok.io/)- #1 Remote Jobs Board



[We Work Remotely](https://weworkremotely.com/) - Another great remote jobs board



[Stack Overflow](https://stackoverflow.com/jobs/remote-developer-jobs)- Remote Jobs by biggest Community of Developers



### Freelancing

[Upwork](https://www.upwork.com/) - The #1 Freelancing Marketplace to get freelancing projects



[Fiverr](https://www.fiverr.com/) - Great Website for new developer to get freelancing projects from 5$ to 1000$ and more



### Developer Portfolio



[Tobias Reich](https://electerious.com/) - Web Developer and Designer



[Matt Lee ](http://bymattlee.com/) - Creative Developer



[Riccardo Zanutta](http://riccardozanutta.com/) - Front End Developer



[Rafael Caferati](https://caferati.me/) - Full Stack Developer



[Jad Joubran](https://jadjoubran.io/) - Award-winning tech speaker & web consultant

 

[Jonathan Dion](http://www.jonathandion.com/) - Full Stack Developer & Designer.



### Developer to follow on Instagram



[Fidalgo](https://www.instagram.com/fidalgo.dev/) - Self Taught Front End Developer



[Julia Johnson](https://www.instagram.com/juliacodes/) - Web Developer & Designer



[Jens](https://www.instagram.com/jens.codes/) - Web Developer & Designer



[Victoria Meicncaus](https://www.instagram.com/vickysdailystandup/) - Web Developer & Designer



### Developer to follow on Twiiter



[Sara Soueidan](https://twitter.com/SaraSoueidan) - Sara is an award-winning freelance front-end UI/UX developer, technical writer, author and speaker from Lebanon



[Brad Frost](https://twitter.com/brad_frost) - Brad a web designer, speaker, writer, consultant, and musician in beautiful Pittsburgh, PA. Author of Atomic Design.



[Smashing Magazine](https://twitter.com/smashingmag) - An online magazine for professional Web designers and developers



### Developer Communities



[WebDev - Reddit](https://www.reddit.com/r/webdev/) - A community dedicated to all things web development: both front-end and back-end



[Learn Programming - Reddit](https://www.reddit.com/r/learnprogramming) - A subreddit for all questions related to programming in any language.



[Javascript - Reddit](https://www.reddit.com/r/javascript) - All about the JavaScript programming language!



[Programming - Reddit](https://www.reddit.com/r/programming/) - The biggest community of developers on Reddit with over than 1.9 Members



[DEV ](https://dev.to/) -  an online community for sharing and discovering great ideas, sharing tools and tips



[Indiehackers](https://www.indiehackers.com/)--Great community  for developers who want to get inspired stories about how inide makers developers built sucessful products 

# How to Contribute



Please, feel free to contribute more developers tools and resources . just send a Pull Request with respect to our [Contribution Guidelines](https://github.com/IliasHad/Developer-Tools-and-Resources/blob/master/Contribution_Guidelines.md)