the whole screaming goat thing is weird…
these are the things that i MUST HAVE in order to efficiently work on a responsive web design project
i use editplus. use whatever you want. who am i to say “nay” to dreamweaver…
absolute must. all those trailing digits? use them. let the browser decide where to cut the number off!
firefox. yes, there are a lot of people who have jumped ship and solely use chrome, especially for development, but the Responsive Design View feature in Firefox is huge for me. To activate, view a site in Firefox and then hit Ctrl+Shift+M to activate. i prefer that to actually resizing the overall browser window.
for those times you need to do a sanity check with your calculations, use cool ruler. it’s an on-screen ruler to make sure the percentage you used for padding actually equals 20px
finally took care of a nagging part of my site… the top slideshow. it wasn’t responsive before and now it is
it’s based off the responsive slider plugin. i had to make a minor change to it so it would show six slides per page load, choosing randomly from the library of slides. by default, it would show x amount of slides, where x is set in the settings > reading section (“Blog pages show at most”)
$slides = new WP_Query( array( 'post_type' => 'slides', 'order' => 'ASC', 'orderby' => 'menu_order' ) );
$slides = new WP_Query( array( 'post_type' => 'slides', 'order' => 'ASC', 'orderby' => 'rand', 'posts_per_page' => 6 ) );
i actually didn’t expect the
'orderby' => 'rand' part to do what it did (choose randomly from the library of slides), but i’m pretty happy with it. this way, i can upload as many slides and not have to worry about ordering them in any special way
'posts_per_page' => 6 is what controls the amount of slides that are shown in the slideshow
yes, i’m aware that this will be killed if i update the plugin…