Resources
Non-exhaustive list of the best free and paid resources (French/English) that help me in my projects and my activity.
Web Design
Color Palette
Coolors
Create a palette or get inspired by thousands of color combinations. The site generates matching color combinations with their hexagonal and RGB values.
Picular
A website that allows you to search for any color by text or HEX color value. It's like "Google, but for colors".
Colorzilla
A CSS gradient editor that creates cross-browser CSS3 gradients. You can also use this panel to import an existing CSS gradient into the tool.
Images and Video
Tiny PNG
An online tool that allows you to compress PNGs and JPGs to reduce the size of images in your applications and sites. They will load faster.
Unsplash
Free stock photos, all in JPEG format. More than 2 million free high-resolution images from photographers around the world.
Pexels
A website and an application that help all those who are looking for images and videos that can be downloaded and used for free.
Stockio
Thousands of licensed photos in several categories. All photos are free for personal and commercial use.
Rawpixel
Free stock images, vectors and PSD mockups. Rawpixel breaks stereotypes to create design assets that reflect today's society.
Negative Space
Beautiful free high resolution photos for personal or commercial use. All images under CC0 license are completely free!
Illustrations
Humaans
Mix and match illustrations of people with a library of drawings. Use it on boardings, grids or empty/error/success states.
Storyset
Customize, animate and upload artwork to create amazing landing pages, apps or presentations!
Open Doodles
You may copy, modify, remix, share or redraw these images for any purpose without restriction under copyright law.
Icons and Graphics
Icongram
A meta-repository to get icons, pooling other logo platforms like, Devicon, Clarity and many others.
Blob Maker
Blobmaker is a free generative design tool to help you quickly create random, unique, organic-looking SVG shapes.
CSS Patterns
A gallery of background patterns and their CSS code. The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+.
Get Waves
Create SVG waves to use in your websites. Change the complexity and contrast (difference between the dots) to create different types of organic svg waves.
Cool Backgrounds
Cool Backgrounds is a collection of tools for creating attractive and colorful images for blogs, social media and websites.
CSS Gradient
The site is full of colorful content about gradients, from technical articles to examples of real gradients like Stripe and Instagram.
Trianglify
Tool to generate triangular patterns with low versatility that can be used as wallpapers and website elements.
Font Awesome
Get vector icons and social logos on your website. You can either download the code or use their CDN links.
Web Development
Youtube Channels
Darren Wilson
Darren teaches people how to create WordPress websites. Learn how to create a WordPress website or an e-commerce site without any experience!
Zero To Mastery - By: Andrei Neagoie
Zero To Mastery is where students come to learn to code, get hired as developers at world-class companies and have fun along the way.
Traversy Media
Traversy Media offers the best online web development tutorials for all the latest web technologies including Node.js, Angular 2, React.js, PHP, Rails, HTML, CSS and many more .
Design Course
Here you can learn more about creating attractive websites via graphic design and front-end development. This channel also offers tutorials on full development.
Web Dev Simplified
Web Dev Simplified aims to teach web development skills and techniques in an efficient and practical way to beginners and advanced users.
Tech With Tim
Learn programming, software engineering, machine learning and all things technology on this channel. With a special focus on Python and Javascript.
Coder C'est Cool - Hugo Taschet
Explore the complex field of computer development. Here you can find detailed information if you want to become a developer and a good dose of motivation to keep you going!
WP Marmite
Get the most out of WordPress by learning how to create and customize your WordPress site. On their YouTube channel and blog, you'll find a variety of resources and tutorials.
Grafikart
Find a concentrate of the web around the world of web development and graphic design. Learn and improve your skills through nearly 161 hours of video training.
Blogs
CSS Tricks
One of the best sites to learn CSS and responsive design. It was created by the co-founder of CodePen, a playground for frontend web development.
Nicolas Brondin-Bernard
Nicolas is a freelance web engineer and coach for junior developers. His blog is full of articles about web development.
WP Marmite
Get the most out of WordPress by learning how to create and customize your WordPress site. On their blog, you'll find many resources and tutorials.
Freelancing
Kinsta - 50 tools for freelancers
People choose to freelance for a number of reasons, but most often it is because they desire freedom.
How To Start Freelancing
To succeed as a freelance web developer, you need to have a balance between coding and business skills.
10 Steps To Becoming A Better Freelancer
Clear and concise information on 66 pages. Each section is detailed and easy to follow, with some chapters divided into subsections to make things even easier to digest.
80/20 Freelancing
Quick and concrete advice on freelancing. 50 pages (quick read) Practical tips.
Nicolas Brondin-Bernard
Articles about freelancing, life as a web developer and many other topics about the web world.