Make A Simple Responsive Website



A responsive website is a website that changes it’s size and shape so that it can be viewed properly on any device. This is a tutorial that shows you the steps on how to make your own responsive website. Before jumping in, it’s best to watch my beginners guide to HTML and CSS at the links below.

HTML Basics – http://www.youtube.com/watch?v=6Ct6emxVR9w
CSS Basics – http://www.youtube.com/watch?v=L8R2x7bEJUo
Entire “Website Basics” playlist – http://www.youtube.com/playlist?list=PL6291918FE7103470

Other Links:
Example – http://tinkernut.com/demos/315_responsive/index_responsive.html
Wiki – http://tinkernut.com/wiki/page/Episode_315
Browser sizes – http://resizemybrowser.com/
Browser Testing – http://mattkersley.com/responsive/

8 thoughts on “Make A Simple Responsive Website

  1. I had seen yr video tutorial on YouTube a couple of days ago.I am from Penang, Malaysia.I am using an xperia Lt15i.Even at this age,Iam 50,am very interested about phone nowadays.Amongst other tutorials yrs is much clearer but then you used a Motorola mobile phone an android 2.2version.I was wondering if you could send me a manual of sorts on how to have my phone rooted.Down to less than 50mb on phone memory and their updates for some apps which I don’t actually use is getting even lower.Be mighty obliged.

    • Hi, as far as I am aware, websites created with Weebly already have the mentioned feature. I know, because I got an e-mail from them that the website will be able to be viewed on mobile devices too (I have not published my website though, so I am not able to tell whether it is true or not). I do not understand why you are saying that they do not give access to the main HTML. I know Weebly does, because I built a website using Weebly by editing the HTML and CSS, not the Templates.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>