JB' RESOURCES FOR GRAPHIC DESIGNERS, WEB DESIGNERS AND WEB DEVELOPERS TO ACCELERATE PRODUCTIVITY SO THAT YOU DO BEST WORK QUICKLY

Join 500+ developers and don't miss an update to this list!

Development tools

Visual Studio Code

The best text editor in the world. See next resource for my current setup.

My Visual Studio Code Setup

Check out exactly what theme, extensions and settings I currently use in VSCode.

Codepen

Codepen is an essential tool to quickly test out ideas. I use it in multiple courses too.

Codepen

Codepen is an essential tool to quickly test out ideas. I use it in multiple courses too.

Github

Git is a version control system, a tool you use to track changes made in a website’s code over time.

Bitbucket

it's a source control tool that works just like GitHub.

Bootstrap

is the best software development tool for working with Java, Cascading Style Sheets (CSS), etc

Collaborator

Enhances the code review process for GitHub, GitLab etc.Supports 11 version control tools including Git.

HTML5 Resources

My HTML5 and CSS3 Course

My premium course for building beautiful responsive websites with HTML and CSS.

HTML CSS Projects and Exercises

Improve your front-end coding skills by building real projects.

HTML5 Reference by MDN

You don't need to know every HTML element. I just use this excellent reference all the time.

HTML Entity Reference by CSS-Tricks

Super useful reference, gives you HTML entity name, numeric code, hex code and ISO code.

HTML Cheat Sheet

You don't need to know every HTML element. Just use this excellent cheat-sheet all the time.

Html5 Doctor

Keep Updated with new elements and releases for Html5

CSS3 Resources

My Advanced CSS Course

Master advanced and modern CSS, responsive design, Sass, flexbox, CSS Grid, and so much more!

HTML CSS Projects and Exercises

Improve your front-end coding skills by building real projects.

CSS3 Reference by MDN

As with HTML, you don't need to know every CSS property. Use this reference instead.

CSS3 Reference by Codrops

Another excellent CSS reference, this time from Codrops. Make sure to check this one out, too.

Can I use?

Up-to-date browser support tables for front-end technologies on desktop and mobile browsers.

30 CSS Selectors by Tutplus

I find myself using this handy list of the 30 most important CSS selectors from Tutplus all the time.

CSS for People Who Hate CSS

Excellent guide on how to write better, cleaner and more reusable CSS code.

Clippy

A small tool to help you using the new and powerful clip-path property.

CSS easing functions

An amazing collection of easing functions bo be used in CSS transitions and animations.

Get Free Images

Freepik

Freepik is a popular website that offers a wide range of graphic resources.

Pngwing

Provides images without backgrounds.

Unsplash

Unsplash is a popular online platform for sharing high-quality photographs.

Pixabay

Provides high-quality, royalty-free images,illustrations, vector graphics, and videos.

Pexel

provides a vast and diverse collection of high-quality stock photos and videos.

Vecteezy

has an extensive library of nice free stock photos.Has a more robust search engine.

Picjumbo

It's a free stock photo library started by a 24-year-old photographer.

Pikwizard

is a free online platform that offers a vast and diverse collection of high-quality stock photos.

Commonly used Extensions

What Font

What Font helps the developer to know the type of font used on the website.

Web color picker

helps the developer to scaan for the color codes used on the website or app.

lorem Ipsum Generator

helps create placeholder text for your web projects.

Css Viewer

The CSS Viewer Chrome extension for developers comes in handy for viewing and identifying CSS properties from anywhere on the web page.

ChatGpt For Google

can improve your productivity while programming by supporting with some codes.

Window Resizer

Lets you resize your browser window on the fly.

Check My Links

is arguably the most powerful and robust broken link checker.

Browser Stack

BrowserStack is another handy Chrome extension for web developers that lets you test your work on every possible on-demand browser and OS.