Websites that work on mobiles and desktops alike (Responsive)
February 12, 2018 at 4:13 am
(This post was last modified: February 12, 2018 at 4:16 am by WinterHold.)
I wanted to share my knowledge about programming websites that work on both mobile phones and also desktop computers.
To produce a functional, responsive website that works on both mobiles and desktop with a single HTML file; you have to use an external framework, or add what we call "media queries" to your .CSS site layout by yourself. You can also combine both.
I should note; that Frameworks and Libraries provide you media queries, in the form of classes.
The structure of your file should look like:
================
1-HTML file
2-CSS file
3-Frameworks and Libraries (they are read in the HTML; composed of .CSS and .JS)
=================
Frameworks like twitter's bootstrap, allow you to use number 3 in your website: give your HTML the ability to produce a single code; that runs cleanly on mobiles and PCs alike.
It extends the HTML, by providing "CSS classes" and "Javascript scripts" that promise a wonderful design.
Design Well !
To produce a functional, responsive website that works on both mobiles and desktop with a single HTML file; you have to use an external framework, or add what we call "media queries" to your .CSS site layout by yourself. You can also combine both.
I should note; that Frameworks and Libraries provide you media queries, in the form of classes.
The structure of your file should look like:
================
1-HTML file
2-CSS file
3-Frameworks and Libraries (they are read in the HTML; composed of .CSS and .JS)
=================
Frameworks like twitter's bootstrap, allow you to use number 3 in your website: give your HTML the ability to produce a single code; that runs cleanly on mobiles and PCs alike.
It extends the HTML, by providing "CSS classes" and "Javascript scripts" that promise a wonderful design.
Design Well !
