DEVELOPER ROADMAPS
- Frontend 154 - Frontend Development Roadmap.
- Backend 78 - Backend Development Roadmap.
- React 57 - React Development Roadmap.
- Andriod 27 - Android Development Roadmap.
- DevOps 35 - DevOps Roadmap.
- MDN Web Docs 7 - The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
- DevDocs 5 - Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.
- DEVHINTS 5 - A modest collection of cheatsheets.
- FLEX - Malven 10 - A visual cheatsheet for CSS flex layout.
- GRID - Malven 6 - A visual cheatsheet for CSS grid layout.
- Figma 13 - Figma helps teams create, test, and ship better designs from start to finish.
- Adobe XD 7 - Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it’s all right here, all in one place.
- Sketch 1 - Create, prototype, collaborate, and bring your ideas to life with the design platform used by over one million people — from freelancers, to the world’s largest teams.
- Whimsical 3 - Communicate visually at the speed of thought – collaborative flowcharts, wireframes, sticky notes, and mind maps.
- How the Internet Works Video 10 - How does the Internet Works?
- How the Internet Works Brief Videos 3 - A brief explanations on, how does the Internet works?
- DNS 7 - How DNS works?
- HTTPS 8 - How HTTPS works?
- freeCodeCamp 16 - Free course to learn Web Development.
- Interneting Is Hard 8 - Friendly web development tutorials for complete beginners.
- HTML Elements 6 - HTML elements reference by MDN.
- HTML Entity 4 - HTML Entity Reference by CSS-Tricks.
- CSS3 Properties 4 - CSS reference by MDN.
- CSS Reference 5 - A free visual guide to CSS.
- Flexbox Froggy 6 - A game that helps you to learn CSS Flex.
- CSS TRICKS - Flexbox 3 - A Complete Guide to Flexbox.
- Grid Garden 4 - A game for learning CSS Grid.
- CSS TRICKS - A Complete Guide to Grid 5 - A comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.
- Learn CSS Grid 6 - A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.
- Can I Use 3 - Up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
- CSS Effects 9 - CSS Animations.
- Keyframes 5 - Create basic or complex CSS @keyframe animations with a visual timeline editor.
- Animista 4 - Play with a collection of ready to use CSS animations.
- BEM 3 - BEM naming cheat sheet.
- Autoprefixer 2 - Autoprefixer is a PostCSS plugin which parses your CSS and adds vendor prefixes.
- CSS Formatter 3 - Online CSS Formatter, CSS Beautifier.
- Placeholder 2 - How To Use Our Placeholders. Just specify the image size after our URL and you'll get a placeholder image.
- CodePen 4 - Build, share, and learn JavaScript, CSS, and HTML with our online code editor
- Frontend Mentor 3 - Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.
- Good Code 4 - Browse through dozens of front end coding challenges, complete with Adobe XD files and styleguides.
- codier 4 - Explore and attempt front-end coding challenges.
- CSSBattle 4 - CSS code-golfing is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.