Before you get angry with me
Responsive design is essential to understand as a front-end developer. With that out of the way here's my two cents.
What is responsive design?
When I first started develop websites the term, "responsive design" kept popping up. My initial thought of responsive design was how quickly a website loads, or responds to the user. That was not the case. From what I gathered, it is essential for front-end web developers to understand. This is because websites need to be accessible with as many screen sizes as possible. The easiest way to remember what responsive design means is, how the website RESPONDS to the screen size it is currently being displayed on.
Learn the basics first
As a beginner, when you are just learning how to write HTML and CSS, worrying about responsive design can become overwhelming and frustrating.
My advice is to learn the basics and create a webpage for a specific screen size first. Focusing on a single screen size will allow to wrap your head around HTML and CSS. You'll end up feeling more accomplished in knowing you are capable of creating a webpage without having to worry about how responsive it is across all screen sizes.
Create as many websites as you need
Establish a base understanding of HTML and CSS where you are able to recreate a simple mobile or desktop website design with ease. Once you feel comfortable, the ideas of responsive design will be much easier to grasp as you will understand how text, images, links and layouts on the webpage are manipulated. With this power in your hands, changing those elements depending on screen sizes will be much clearer to you.
Conclusion
When you are first learning web development don't worry about how to create responsive websites. Instead, it is more important to create a static website layout using HTML and CSS. Once you feel comfortable with that then the ideas of incorporating responsiveness in your websites will be much clearer.
Top comments (0)