Learn the core principles behind writing JavaScript code that makes your web page responsive. Instead of using WordPress templates for your clients, you can get more control by learning how to write your own responsive webpage code.
Original source
8 responses to “JavaScript Tutorial 9 – Writing Responsive JavaScript Code”
Excellent tutorial! very very nice!!!!!!!!!!!!!!!!!!!!!
I like it keep up!
What's the program you're running this all on? I use a mac and I'm just learning java script so I'm trying to get the best and easiest to use programs.
Great tutorial, Greg. I know you were wanting to keep it simple, which it is, but I would recommend adding in Paul Irish's debounce: http://www.paulirish.com/2009/throttled-smartresize-jquery-event-handler/
The resize event fires repeatedly during the resize on IE and Webkit, and that is almost like throttling if you are firing your function over and over again as well.
Thanks again for a great tutorial, Greg.
Very informative, and it prompted me to try and understand why not to use media queries to deal with responsiveness.
Found this nice little plugin called restive.js and a post related to the difference of both approaches here http://blog.restive.io/posts/4887492/css-media-queries-vs-restive-js
Great demo, thanks. Interesting to see the changes occur using Javascript, since I mostly use media queries in CSS. Any thoughts on when to choose JS over CSS?
Excellent tutorial!
Hi, How do called the editor you use? Could serve to develop in joomla?