Developer-Tools-and-Resources

KO | EN

gitlite — search

#typescript #javascript #react #hacktoberfest #python #swift #blockchain #embedded #nodejs #website #csharp #authentication

Developer-Tools-and-Resources

★ 65 Open GitHub ↗

The Best Tools and Resources for developers

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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)

Developer-Tools-and-Resources

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README