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

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.

Scroll to Top