how to make a responsive website

[KryptonS]

So I want to know how you make responsive websites, do you code everything from scratch? Cause when I try to make responsive websites I code it from scratch and there's always a part where its not responsive. Is there an easier way?

[Chase]

protip: a great starting place for responsive sites is html5up.com

[KryptonS]

protip: a great starting place for responsive sites is html5up.com

Oh thank you so much, there are some great templates

[Chase]

Oh thank you so much, there are some great templates

No problem! Remember to "thanks" my post

[fsp]

You can also use the bootstrap framework

[liquidsystem]

I've always dealt with ActionListeners in Java, but most web-languages have a method to hook an event to a specific thing, like onClick... etc... so maybe look around and you could find something helpful

No problem! Remember to "thanks" my post

Don't do that, it's frowned upon to force people to thanks you... If they want to, they will!

[megaz0rd]

Give Bootstrap a look at, it introduced me to Responsive CSS but I still suck at it tho

[Moona]

Bootstrap is very efficient to begin with, but you'll have to use homemade CSS (Like @Media screen, max-width, min-width for example) , and JS.

[DigitalGangster_]

Use Bootstrap, 980 grid system any sort of grid system that shrinks is what you're looking for.. Could always try writing your own grid system using CSS..

[notSmart]

Well, your own grid system is actually 10mins of work max, take a look at flexbox layout

philipwalton.**********/solved-by-flexbox/demos/grids // ****** . io thx mpgh ;p

more in-depth
css-tricks.com/snippets/css/a-guide-to-flexbox

Flexbox is already implemented in all current browsers
caniuse.com/#feat=flexbox

and if you really need that IE 8-9 support, look here
planningforaliens.com/blog/2014/03/11/real-world-flexbox

Flexbox is easy and clean, no reason to use bloated bootstrap or (very, very bad practice) positioning elements with JS. It's also much easier to start mobile first, because you are just upgrading to make better use of bigger screens. Worst can happen is just too much white space

Can mods fix the links or it gonna be that crap forever?

[valetteclark12]

protip: a great starting place for responsive sites is html5up.com

Great friend

Thanks for sharing

[KryptonS]

Yeah I tried bootstrap and it's amazing and easy to use, thanks guys

[Ahsankamal]

for me search on google html5 and css templates you will get your template. just check pluton template.

[Chase]

One new resource I have found helpful in recent days is "skel"

Skel: A lightweight responsive framework for the www

Powerful breakpoint management, a sophisticated CSS grid system, cross platform support and much more – all in just a single 24kb file.