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.
flickr photo shared by Thomas Hawk under a Creative Commons ( BY-NC ) license Reclaim Hosting has a great status page that alerts you when stuff is not working correctly. We had a brief outage this morning and I just thought it’d be nice to see if we could proactively send out a message based on that status page but only for things relevant to our server. I asked Tim (as you can see in the tweets below) and ended up with an API that happily spit out a JSON feed. @ReclaimHosting ha ha – LOVE IT https://t.co/UrlIvwa91S — Tom Woodward (@twoodwar) February 24, 2016 Based on my recent experiments with JSON and Google Scripts I didn’t think it’d be too hard to write something to send out Tweets based on that feed. I found this snippet that dealt with the authorization portion for Twitter.It does seem to be missing one piece ( var twit = new Twitter.OAuth(props); ) but he doesn’t have comments turned on . . . Once I had the JSON parsed and assigned to variables, all I had to do was set it to check every 5 minutes. Now we can hook it up to the ALTLab account if we’d like, have it notify various people, etc. etc. Fun stuff . . . all done during […]
It is always a wonderful feeling to figure something out, especially after having struggled with it. The following is a continued progression from one idea in 2011 to this idea in February of 2014 and then merged with this tangential idea from February 2014. The new child theme is here. So at this point, I have a workflow that starts with a bookmarklet that adds the page to Diigo (maintains my normal workflow) auto creates the WordPress Snap code then FeedWordPress takes the Diigo posts and adds it to a blog The blog now also generates a sortable visual interface of screenshots To business . . . Bookmarklet Modifications I made an addition here, wrapping the comment field in a div I named “show”. I did this because Diigo puts the tags in the body of what becomes the post. So it looks like below. It was irritating because the tags weren’t in any particular div and there was no other easy way to address the pieces I wanted to vanish. I didn’t like that and since this site was purely set for this workflow I went the other route (a fairly nuclear one). I set .entry-content p to display: none. That vanishes it. Since I’d added the additional div piece for the Diigo comments, that stuff was safe from […]
I’m still not entirely sure this isn’t some sort of art project. The pictures are just too perfect and comments like the one here don’t exactly allay suspicions. I kind of hope it is. It’d be doubly weird to be “fixing” intentionally created errors. In any case, as part of my 30 minutes of something creative here’s a more aggressive before/after repair attempt. To make repairs like this (when the light is fairly even it’s especially helpful) you can select an undamaged portion from the opposite site of the face. You can see I’ve made that selection above if you look closely. It’s a good idea to copy a good bit extra as you’ll be erasing portions at the edges to help with blending. I copy/paste that piece which will automatically generate a new layer. I then flip that object (command T, flip>horizontal) and slide it into place. Once it’s roughly in place, I select the eraser tool and make it decently large, very soft, and drop the opacity down. I then erase chunks of the excess until I get a decent blend. The healing brush tool is a good option to blend the wrinkle lines in. I can’t get a decent screenshot of that. General tips, avoid exactly mirrored portions when possible. Keep an eye out for repetitive patterns. […]