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.
Related posts
Using Chart JS in FileMaker Pro 15’s Web Viewer
I’m doing a project in FileMaker. FileMaker 15. I think the last time I used FMP seriously was 2010-ish- version 11 had just come out. It’s still the same program but there have been some interesting changes. It’s also weird now because I have an entirely different set of experiences with technology that I didn’t have back then. FMP’s charting/graphing still leaves much to be desired. I was trying to create a particular chart and thought I’d be slick. I tried many things. Many, many things. I even tried creating stacked bar charts with the initial bar color begin set to transparent (that would have worked) but FMP does not let you set custom color schemes for charts (which is insane). In any case, I started wandering the Internet and found a video on integrating Google Charts with FMP 14 and the web viewer. The easiest path seems to be — get your HTML working without FMP variables – make sure all your css/js etc. are full URL paths Once it’s working, escape all your double quotes by doing a find/replace all with \” Paste this into a web view component (make sure you wrap the whole thing in double quotes) you’ll then have something like this in your editing view switch to browse to make sure it works If […]
Feedly to Diigo
Not perfect but control clicking on the title of the article in Feedly lets me choose Diigo Web Collector>Save to Diigo from the menu (on Chrome on a Mac with the Diigo plugin installed). I’m assuming right clicking on a PC will do the same. What’s funny is I’ve been trying to figure a decent way to do this for a while. I didn’t think it was worth the pro version fee. There are many people who want Feedly/Diigo integration (Delicious is the current default). I was about to go the very difficult route of trying to write a browser plugin similar to Alan’s Flickr CC attribution helper. I was already at the point of looking at Chrome’s API documentation. I was then in the place of wondering if a Chrome extension could impact a Chrome application . . . luckily I then thought of an amazingly easy straightforward solution. I know my reliance on the freemium tools of Internet is fraught with all kinds of drama. I’m working on it and I have backups. I will not weep if they wander off.
Nonprogramistan Twitterbot Monstrosity
I wanted a Twitterbot to push out Markov generated stuff from Emily Dickinson’s work. I wanted to do it fairly quickly as it was inspired by an awesome discussion yesterday with Jason Coats who will be teaching one of VCU’s online courses this summer on poetry. One of his goals was to encourage students to put themselves out there and engage with poetry. I thought mechanically created poetry might allow for a certain degree of freedom of analysis and Emily Dickinson’s work was particularly well suited to the Markov genre. As I already had a Markov generator running with some of the possible texts for Gardner and Jon’s MOOC this summer, it was easy enough to switch out the source material with Emily Dickinson’s work. It never hurts to be able to build what you discuss while still carrying on the discussion. That’s one of the things I love about computers. So that got me the Markov portion but it was on a web page and would require either a visit or a manual action to feed it into Twitter (which Jason had used previously with his students). To get at Twitter I needed a new Twitter account EmilyMkv which I got by using this GMail alias trick. It’s handy if you run out of unique emails. As I thought […]
[…] been fairly busy. That said, I’ve been meaning to play around with CSS animation thanks to Tom Woodward’s post last month featuring beer bubbles. And after talking with Bryan Mathers about more seamless animation of the artwork […]