How to make a responsive website?

Question

Everywhere I go to find answers, there's always different things so I'm not sure what really makes a responsive website... Do we need only HTML and CSS, or we need JS? Do we need to use frameworks or is that up to the coder? If it is needed, what framework you think is the best? What "properties", "elements" or "tags" do we use for "responsiveness"?

Answer 1

Bootstrap as mentioned before is a CSS framework that makes it easier to call and use components that you might want to use for building a responsive website. Also it uses the CSS Grid system which heavily takes in consideration aspects of Responsiveness. You should visit bootstrap and lookup examples. They have a ton!! http://getbootstrap.com/getting-started/

Answer 2

window.innerHeight and window.innerWidth can be used to make elements responsive to window size.

Answer 3

You will have to use css media queries and remember the difference in users behavior on different devices. screen size is really important factor. for example on mobile devices the weight of images is much more important than on laptops.

Answer 4

@media queries

Answer 5

Well you really have to start with the basics of building a website...to simplify it for you as a newbie...Html is for content= text, image, video, links...Css= is for presentation, the look or design of the website= colors, background, div which are different sections like header, footer nav_>navigation bar= Home- about us-contact which are menu sections...But the answer to your question is the third element of a website...JavaScript is really the start of an interactive website site for an example that's what makes the page able to take your information like email, names, among many others. But as a newbie my advice is to walk before you run, so learn the basics of programming and don't worry about framework and all that other advanced stuff...You will do great you put in the work and practice what you learn in order to progress. Remember repetition (consistency) is key to everything succeed in everything in life.

Answer 6

As I mentioned before you must learn to walk before you can run. Don't overflow your self with frame work and all that fancy start with the building blocks of 1,2,3 and the a,b,c of coding. If don't your going to frustrate your self with information overload. Don't waste your time researching just start applying the basics. Because everything thing tech wise, a website or app or game ex cetera has those 3 foundations right? i.e Html for content, CSS for design and the beginning of responsiveness is JavaScript which is the most use in all things of internet. So start in those order, take one language to learn and practice for a minimum of 45 minute a day for two weeks...the secret once again is practice and implement...the best way to learn is by doing while you learn. It won't do you any good concerning about platforms when you barely know which elements to use on a platform to make your website responsive right? Think of it like this! before you master calculus, you need to master algebra, before then division, multiplication, adding, subtracting and before that you must want to learn by practicing what your learning. Remember the Karate Kid movie...Wax on, Wax off the whole concept was to start with the basics and applying them by practicing. Really that's the key to accomplishing anything in life :-)

Answer 7

bootstrap or foundation frameworks are very responsive. You can custom do it, but it requires some extra effort

Answer 8

go and look on internet "media queries".
Css method to do what you wan

Answer 9

You can make responsive website using only html and css. Simple websites don't even need media queries in css. It all depends on complexity of a website you want to make. When building more complex websites for a client, time is money. Using some grid systems and frameworks is then a good idea. Bootstrap is most popular one. in RWD JavaScript is sometimes helpful with vertical centering, scaling elements etc.

Answer 10

Do not use boostrap or frameworks, do it for yourself, it's pretty much more authentic and elegant

Answer 11

you need to use CSS framework for responsive website. like bootstrap. Also use media queries for writing your own CSS. sometimes all our requirements not fullfill by framework.

in most of responsive website use bootstrap. it is easy to use.

Answer 12

I think you should start with bootstrap framework.. it's easy to use and very common use and have major functionality that you need to make a responsive website

Answer 13

hii PHP is best for web design because it is platform independence language

Answer 14

I have been a fan of material frameworks. particularly materializecss and materialdesign lite

Answer 15

use media queries first and after you get the hang of it use any frameworks you want

Answer 16

Learn bootstrap

Answer 17

best u can try bootstrap..it's so easy to do responsive websites... Though html and css also can use in responsive site..buts it's waste of time..u need more time in html,css..so better u should choose bootstrap

Answer 18

To make a website responsive you can check th below link--

http://designinstruct.com/roundups/html5-frameworks/

Answer 19

wether to use a framework is up to the developer and the best responsive framework is bootstrap though you can do it on your own using media queries

Answer 20

whit bootstrap is very easy.

bootstarp is easy to use