DEV Community

hari1k
hari1k

Posted on

Useful resources and links for Web Development

Alt Text

Learning Platforms

freeCodeCamp
A nonprofit community that help people learn to code for free and build projects.

Scrimba
Next-gen learning platform which has interactive courses and tutorials.

Codecademy
Have access to resources that can teach web fundamentals, as well as multiple programming languages, including JavaScript, Ruby, and Python.

Frontendmentor
Learn and Solve real-world HTML, CSS and JavaScript challenges.
Alt Text

Sololearn
Learn to code for free which has interactive lessons, "on-the-go"
practice and peer support.

Illustrations

Blush
Create, mix, and customize illustrations made by artists around the world.

Ouch!! Icons8
ICONS8 allows designers to express their ideas giving right design elements at right time.
Alt Text

Storytale
Storytale is a platform with vector, raster, and 3D illustrations that grows every week.

Drawkit
DrawKit is a designstripe project has free Hand-drawn vector illustration and icon resources.

CSS

Tailwindcss
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

CSSgradient
Free tool that lets you create a gradient background for websites.
Alt Text

cssinspector
Chrome extension which helps to get the CSS of any element on the web.

CSSpeeper
A smart CSS viewer which Inspect styles in a simple, well-organized& beautiful way with Chrome extension.

BTTN.CSS
Get awesome buttons for awesome projects.

Other resources

Startupstash
Online directory of resources and tools for startups and entrepreneurs.

Unsplash
Over 1 million free high-resolution images brought to you by the world’s most generous community of photographers.

Pixabay
Over 1.8 million+ high quality stock images and videos shared by our talented community.

Top comments (1)

Collapse
 
alexanderjanke profile image
Alex Janke

I'd also throw Squoosh into the room
squoosh.app/
Optimize the size of images

(Github: github.com/GoogleChromeLabs/squoosh)