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.
Related posts
Benson, Discourse, and WordPress
It sounds like an exciting new buddy movie . . . but it’s an attempt to better integrate elements of our Discourse install in WordPress using Benson (a neat plugin Mark made that lets you use Angular w/in WordPress). I decided to look into this after seeing this example using Twig. Ordinarily, I’d do something like this using Discourse’s RSS feeds and probably manipulating it with FacetWP. I’m opting to look at these other options for a few reasons. One, with WordPress expanding JSON I want a better idea of how all that works in comparison to RSS. Two, I don’t really like duplicating all this content through the syndication option if I can achieve the same effect in other ways. I’m not so worried about space (although I don’t like to waste it) but there are occasionally issues with updates and duplications using RSS the way we do. I wonder if JSON will straighten some of that out. Angular also opens up a realm of options as you get closer to writing code rather than relying on plugins. And finally, I want to knit Discourse more tightly to WordPress. That’ll matter because of the strong resistance to “another site?” responses. What can you get out of Discourse via JSON? Short answer- lots of stuff. Much like WordPress you can […]
WPMU plugins you ought to have
Here are a few plugins I’ve got in the WPMU install I’m running. Most, if not all, were a result of my sordid association with WPMU cult leader, Jim Groom. He’s likely posted on each multiple times but it’s hard to find them among all the old cartoons and toy posts- besides I had to make a list to send to our people so I figured I might as well post it. These are all installed in the mu-plugins folder. More Privacy Options This let’s users set up additional options in the privacy page for blog admins. You can make sure the blog is visible only to those logged into your WPMU site, only visible to members of the blog, or only visible to admins. User Themes Revisited This plugin gives individual blog admins the ability to tweak CSS or theme templates individually- the edit theme ability in single user. It’s a little awkward at first but really a key plugin for me. Essentially, you copy the theme over to the individual blog and then can edit it without changing things for everyone on the WPMU install. New Blog Defaults This plugin lets you customize how the new blogs are created. You can customize a lot of key elements and do things like putting the initial “Hello World” post in […]
Beer Bubbles CSS
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.
Trackbacks and Pingbacks on this post
No trackbacks.
- TrackBack URL
Comments on this post
I’ve used very similar css before- note that the padding-bottom value works for landscape oriented videos but if embedding a flipped phone video you need a value like 8o% (I’ve managed by pulling the selector out of the container class and using two other additional classes for .portrati and .landscape
In WordPress I use the Fluid Video embeds lugin https://wordpress.org/plugins/fluid-video-embeds/ that adds the fluid sizing to suit embeds. I only had one them where it failed (I think it was already applying it)