One board on visual collaboration platform Trello which includes all the tools / useful websites / resources for every Web Designer, Web Developer and Front End Developer.
The human brain processes images 60,000 times faster than text, and 90 percent of information transmitted to the brain is visual. Since we are visual by nature, we can use this skill to enhance data processing and organizational effectiveness.
- Unsplash
- Burst (by Shopify)
- Pexels
- Pixabay
- Freeimages
- Kaboompics
- Stocksnap
- Canva
- Life of Pix
- Gratisography
- Flickr
- Flaticon
- Font Awesome
- icons8
- Iconstore
- Freeicons
- Streamline Icons
- Dribbble
- Iconfinder
- Material
- Pngtree
- Iconshock
An illustration is a drawing, painting or printed work of art which explains, clarifies, illuminates, visually represents, or merely decorates a written text, which may be of a literary or commercial nature.
- W3Schools
- Web developer guide | MDN
- DevDocs
- CSS Reference.io
- Open Web Reference
- Codrops CSS Reference
- Jest - JavaScript testing framework
- Jasmine - Asynchronous testing is a feature-rich JavaScript automation testing framework for JavaScript
- Karma - JavaScript test runner
- Nightwatch.js - End-to-end testing, the easy way.
- Mocha - JavaScript test framework for Node.js programs, featuring browser support, asynchronous testing, test coverage reports.
- Chai - Assertation library for JavaScript testing
- Traversy Media - HTML Crash Course For Absolute Beginners
- Academind - HTML Course - Diving into HTML
- freeCodeCamp - HTML Full Course - Build a Website Tutorial
- freeCodeCamp - Learn HTML5 - full course with code samples
- edureka! - HTML Tutorial For Beginners
- Traversy Media - CSS crash course for absolute beginners
- Academind- CSS Tutorial for Beginners - Getting Started
- freeCodeCamp - CSS tutorial Zero to Hero
- edureka! - CSS crash course in one hour
- JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour [2020] - Programming with Mosh
- Learn JavaScript - Full Course for Beginners - freeCodeCamp.org
- JavaScript Course for Beginners 2020 - Learn JavaScript from Scratch! - Academind
- JavaScript Full Course | JavaScript Tutorial For Beginners | JavaScript Training | Edureka
-
Webcode Tools - CSS Generator - Learn CSS3 with our generators and preview your results!
-
CSS Grid-Generator - Generate basic CSS Grid code to make dynamic layouts!
-
Box-Shadows - generates the CSS code for the shadow effect
-
Grabient - Select your colors, adjust your angles, and you’re good to go with the code for the desired gradient
-
Animista - One of the best websites for generating and customizing code for endless CSS animations with various effects
-
Coolors - Cool and intuitive tool to generate color palettes online
-
Neumorphism - Awesome tool that lets you create the neumorphism effect online and generate the CSS instantly
-
Uigradients - Beautiful colour gradients for design and code
-
Get Waves - A simple web tool to generate SVG breaks
-
ExtendsClass - Online tools to generate CSS
Analyze your site now and see how well it performs! Then, get tips to improve your user experience.
- GTmetrix
- web.dev
- Google PageSpeed Insights
- Pingdom
- WebPageTest
- Speedrank
- Wave testing - Accessibility standards testing
- Bundlephobia - Find out the cost of adding a new frontend dependency to your project
-
Full Page Screen Capture - You can get an accurate screenshot of your current page
-
ColorZilla - you can get a color reading from any point in your browser
-
Web Developer - Tools to resize or disable images, script, and style files, and validate CSS and HTML files
-
JSONView - Validate and view JSON documents easily
-
WhatFont - To check the font used to render a text segment in a webpage
-
Lorem Ipsum Generator - Elegant and quick way to create default text or generate Lorem Ipsum
-
daily.dev - News for Busy Developers - A must-have browser extension tool for busy developers!
- Dev.to
- CSS-Tricks
- Hashnode
- Medium
- freeCodeCamp