Resources
Hey! I develop my programming skills using these outstanding resourses. Useful Links and Resources are given below.
Web Development Tools
Command Prompt Cheatsheet
A command prompt cheatsheet for Windows
VS Code Keyboard shortcuts
A visual studio code keyboard shortcut for Windows
Emmet Cheatsheet
Emmet Cheatsheet is essential tool for writing HTML and CSS.
Codepen
CodePen is a social development environment for front-end designers and developers.
Codesandbox
Your entire team can connect to the same environment and code live, together, anytime.
HTML and CSS Resources
HTML Entity Reference by CSS-Tricks
Super useful reference, gives you HTML entity name, numeric code, hex code and ISO code.
Can I Use?
Up-to-date browser support tables for front-end technologies on desktop and mobile browsers.
CSS3 Reference by Codrops
Another excellent CSS reference, this time from Codrops. Make sure to check this one out, too.
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.
Tailwind CSS
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Best Color Tools
Open Color
An open-source color scheme, optimized for UI. My go-to resource to choose colors from scratch.
Tailwind Colors
Another excellent and popular set of color pallettes. Great selection of colors for all your projects.
Flat UI Colors
A good starting point for choosing a flat design color for your next project.
Material Palette
Yet another set of colors, inspired in material design. Generate and download your palette.
Colorhunt Palettes
Don't know what colors to use for your website? Colorhunt helps you with beautiful color palettes.
LOL Colors Palettes
Curated color palettes inspiration. Another source for great color palettes.
UI Gradients
Collection of beautiful color gradients for you to choose from and export to your project.
Paletton
A very popular tool which allows you to create color combinations that play well together.
Tint and Shade Generator
Easily create lighter and darker versions of any base color. Perfect for hovers, borders and gradients.
0to255
Another helpful tool that generates variations of colors.
Coolors Contrast Checker
Tool to check whether two colors have a good contrast ratio. Essential for building accessible websites!
Best Icon Tools
Ionicons
A beautiful and round icon set, very easy to use, and 100% free even for commercial usage.
Heroicons
A 230-pieces icon set, available in outline and solid styles, best used at 24x24 px.
Phosphor Icons
Another beautiful, more boxy SVG icon set. Customizable thickness and color.
Font Awesome
A highly popular icon font, consisting of 1000+ icons spread across countless categories.
Line Awesome
Font awesome (previous icons) looks a bit outdated at this point, so this is a very simple alternative.
Iconmonstr
4500+ free and simple icons in 300+ collections, perfect if you need a single icon and not a whole set.
Icons8
An incredible premium resource. Has 175,000+ icons, some for free, across countless styles and categories.
Icon 54
5000 vector icons for iOS, Android, Websites and Apps. Worth checking out if you have a budget!
Design Inspiration
Awwwards
Awwwards are the Website Awards that recognize and promote the talent and effort of the best designers and developers in the world.
Behance
Behance is the world's largest creative network for showcasing and discovering creative work.
Dribbble
Find Top Designers & Creative Professionals on Dribbble.
Land Book
Find the best hand-picked website design inspiration.
One Page Love
One Page Love is a One Page website design gallery showcasing the best Single Page websites, templates and resources.
Page Collective
Get inspired and keep up with the latest landing page design trends.
Popular Communities
W3Schools
W3Schools is a freemium educational website for learning coding online.
Stack Overflow
Stack Overflow is the largest online community for developers to learn, share their programming knowledge.
GeeksforGeeks
GeeksforGeeks Interactive Live and Self-Paced Courses to help you enhance your programming.