CSS for Resizing Video
Just a handy chunk of CSS to make your video embeds behave better. It’s out there but not a bad thing to spread farther.
I often get requests from instructors that ask me to get WordPress to behave in a way that’s just different enough that WordPress fights them. Now that I can mostly program, I could make quick child themes to deal with this but that causes me the hassle of keeping all that stuff straight so I still do some quick and dirty stuff with plugins. This example is based on an instructor who wanted one particular category (lesson plans) to list from oldest to newest rather than the default WP blog layout of newest to oldest. That’s a pretty easy thing to do if you use the List Category Post plugin. Once you’ve got the plugin on and you’ve found the category id (mouse over the category when you’re in Dashboard>Categories and look for id= in the URL at the bottom of the page) all you need to do is put in [catlist id=9 numberposts=-1 order=asc] In this case, it says get the posts in the category with id 9, -1 means get all of them, and order them from lowest to highest/ or oldest/newest. That’s it. I’ve now got a page that shows all 41 lesson plans from oldest to newest and no child theme to keep track of.
Another random conversation led to this experiment . . . it’s animated CSS which is pretty cool but I can’t take any credit for it. I found this example on Codepen and then mainly gutted it to make what you see below (also a minor experiment with flexbox). See the Pen CSS Animated Beer Pour (Forked from CSS Beaker Pen) by Tom (@twwoodward) on CodePen.