• Tuesday , 21 November 2017

JavaScript Tutorial 9 – Writing Responsive JavaScript Code

Code Canyon



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

3d Ocean

Related Posts

8 Comments

  1. Navnath Ugale
    November 13, 2017 at 12:14

    Excellent tutorial! very very nice!!!!!!!!!!!!!!!!!!!!!

  2. juan
    November 13, 2017 at 12:14

    I like it    keep up!

  3. Braylon Bush
    November 13, 2017 at 12:14

    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.

  4. Alexander Ferguson
    November 13, 2017 at 12:14

    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.

  5. Jlixerkun Camargo
    November 13, 2017 at 12:14

    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

  6. Karla Leibowitz
    November 13, 2017 at 12:14

    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? 

  7. MrMrwilson11
    November 13, 2017 at 12:14

    Excellent tutorial!

  8. zetaperu
    November 13, 2017 at 12:14

    Hi, How do called the editor you use? Could serve to develop in joomla?

Leave A Comment

You must be logged in to post a comment.