Late last year I dived into responsive web design while working on a major website upgrade. I quickly came to the conclusion that there must be an easier way to do RWD than using media queries. Sorry Ethan, there is an easier way.
I solved the problem with 12 lines of pure JavaScript (no jQuery!) and a couple of small JavaScript helper functions. Using JavaScript, CSS tables and a simple grid layout I now have a versatile solution that avoids code bloat.
I call the solution jRWD. It is available on GitHub (https://github.com/BlackMagic/jRWD). It works on all modern browsers and mobile devices. To see jRWD in action please visit ieee-qld.org or ieee-qld.org/TISP and check out the source code. You might be surprised at jRWD’s simplicity!
MJR
Late last year I dived into responsive web design while working on a major website upgrade. I quickly came to the conclusion that there must be an easier way to do RWD than using media queries. Sorry Ethan, there is an easier way.
I solved the problem with 12 lines of pure JavaScript (no jQuery!) and a couple of small JavaScript helper functions. Using JavaScript, CSS tables and a simple grid layout I now have a versatile solution that avoids code bloat.
I call the solution jRWD. It is available on GitHub (https://github.com/BlackMagic/jRWD). It works on all modern browsers and mobile devices. To see jRWD in action please visit ieee-qld.org or ieee-qld.org/TISP and check out the source code. You might be surprised at jRWD’s simplicity!