My creator has made me with the solely purpose of helping others during the journey of becoming web developers. Since he started this path he has come across amazing and really experienced people who shared their knowledge and have helped him tremendously. That is why he curated and assembled that information into this responsive page (ME) for you to explore and find everything you need to improve your learning.

There is much more to come...




Buttons, Cards, sliders and more!



GitHub Repositories




Useful Websites

  • W3schools

    A freemium educational website for learning coding online.

  • Codeacademy

    Learn the technical skills to get the job you want.

  • HTML dog

    HTML Tutorials. And Stuff. Everything HTML, CSS, and JavaScript, the most common languages used in making web pages.

  • MDN Web Docs

    The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

  • HTML Validator

    Checks the markup validty of your HTML docs and offers recommendations to fix it.

  • CSS Validator
  • Responsively

    An open-source DevTool for all Front-End developers that will make your job easier.

  • Type-scale

    A Visual Type Scale - Visualize the difference between different font sizes.

  • Small dev Tools

    20+ Tools for Developers.

  • Remove Background

    Remove backgrounds 100% automatically in 5 seconds with zero clicks.

  • Smart Mockups

    Enables you to create stunning high-resolution mockups right inside your browser within one interface across multiple devices.

  • Frontend Help

    Recommendations on how to start and improve in the Frontend world.

  • Dribble

    Get inspired from most creative and best designs.

  • Codewell

    Improve your HTML and CSS skills by practicing on real design templates.

  • Land-book

    100+ landing pages design inspiration for your next project.

  • Awwwards

    It contains the best rated websites to help you out for your design inspiration.

  • Webdesign Inspiration

    Lot's of website designs with new add-ons daily.

  • Free Design resources

    High quality design resources for free. Crafted with love from amazing artists and professional designers around the world, ranging from fonts, mockups, graphics, templates & more.

  • Call to Idea

    Curated collection of web components.

  • Icons8

    Icons8 is just more than icons. You can download illustrations, vector images, music and much more.

  • IconMnstr

    Black and white themed minimal icons which looks super great. You can also cuatomize the thickness.

  • Pixel True

    +500 2D and 3D free ilustrations.

  • Isometric

    Ilustration collections.

  • PNG Img

    SVG and PNG libraries.

  • Fonts in the Wild

    Find the perfect font for your project.

  • Libre Logos
  • PlaceIt

    Mockup Generators.

  • Ilustrations/Images

    Use these copyright-free websites to get beautiful illustrations/images for your next project.

Chrome Extensions

  • Window Resizer:

    Resize the browser window to emulate various screen resolutions.

  • CSS Viewer

    A simple CSS property viewer on any page element.

  • Wappalyzer

    Wappalyzer is a technology profiler that shows you what websites are built with.

  • Fake Filler

    A form-filler that fills all inputs on a page with fake/dummy data.

  • What Font

    The easiest way to identify fonts on web pages.

  • Open in VSCode

    Open Github and Gitlab links in VSCode.

  • Perfect Pixel

    This extension helps develop your websites with pixel-perfect accuracy!

  • Lorem Ipsum Generator

    Provides an elegant and quick way to create default text or generate Lorem Ipsum.

  • actiTIME Time Tracking

    Track time directly from your web browser. Make time tracking easier with actiTIME.

  • JSONVue

    Validate and view JSON documents.

  • One Tab

    Save up to 95% memory and reduce tab clutter.

  • TinEye Reverse Image Search

    Find out where an image came from, how it's used, or find higher resolution versions.

  • Web Developer Checklist

    Analyses any web page for violations of best practices

  • InitTab

    Initab replaces Chrome's new tab page with a dashboard of useful tools to make your job as a programmer easier.

  • Site Palette

    Extract colors from any website

  • Svg Grabber

    A tool to quickly preview and get all the SVG assets from a website.

  • Enhanced Github

    Display repo size, size of each file, download link, and option to copy file contents

  • Remote Debug Android Devices

    Remote debug live content on an Android device from your Windows, Mac, or Linux computer.



Nahuel Giordano


Abbas Khan

Abru Zucchi

Aditya Gupta

Aditya Mittal

Alexanyer Naranjo



Andres Kloster

Ashish Kumar

Ayush Thakur

Carlos Azaustre

Cosmic Red

Damien C. Tanner

Daniel Esteves

Dun Yan

Fabio Alcocer Sejas


George Moller


Harsh Makadia

Jordan Alexander

Lupita Code

Majo Ledesma

Marcos Rivas


Marko Denic

Mbaziira Ronald

Mel Baudon

Miguel Ángel Durán

Mohammed Junaid

Nihar Thummar

Nita (Juana Cervio)


Pepe Robles



Rohan kumar

Rohith Thalla

Sajal Sharma


Shay Howe


Soy Dalto

Swapna Kumar Panda

Tejinder Sharma

Vinay Sharma

Vincent Will

Vitto Rivabella