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.
We have an awesome general education course starting this semester called Cultural Passport (aka RVArts). The goal is to get students involved with the community’s cultural events – participating, promoting, reviewing them. The web side of this ends up being pretty interesting. See their video below for more details on the course. When we started this conversation last year, I thought I was going to go the Gravity Form submission routeI thought I wrote a full tutorial on this but can’t find it. I often have unrealized good intentions though . . . and use a js library to make it possible to add the events to various calendars. Like most projects, particulars shifted and we started changing things pretty radically right before winter break. We ended up shooting for full WordPress editor access for students to create events and the desire to write three different types of responses (interviews, reviews, and features) that would be associated with a specific event. Also, like most projects, this was all a bit beyond what I’d ever done before. I started off thinking I’d create a custom post type for events. I was trying to make up my mind between using Advanced Custom Fields and CMB to help do that when I realized I hadn’t really thought about repeat events. The complexities involved […]
Inspired by the Noise Professor’s decision to make his animated GIF in Photoshop, I decided to play around with that tonight and ended up learning a good bit and with a much better process and product (fewer programs, higher quality). I didn’t know you could do this all in just CS4. Video to Images Capture video frames as stills to layers – you can even select portions of the video right in the import window. You’ll now have all the frames as images in individual layers. Animation Window Open up the Animation WindowNever opened this before Eternal Looping I set it to loop eternally. It’s right there in the bottom left hand portion of the animation window. If you forget you have the option to set this again when you do the final export/polishing. Frame Speed Shift click to select all the frames and you can change the animation speed all at once. Animate the GIF I saw this was impossible in a number of places and if you go to the normal Save/Save As location, it is. There is actually an option below that on the menu that is “Save for Web & Devices.” Somehow I never saw that. You’ll have Animated GIF as an option here. Polish It Up
Try the POC here. Talking to Britt and John “Aughie” Aughenbaugh (who will be teaching an intro to government course online this summer), Aughie mentioned a conversation he had with some students about whether Chris Christie could be a legitimate contender for president after all the recent bridge drama. That led to some talk of other historical political drama and how things were slightly different back then. It led to some wondering about how previous presidential candidates/winners might fare in today’s 24 hour news cycle (AKA the CNN Effect). The rough idea was to build a randomizer that would present three randomized US presidents with three randomized traits/characteristics. Students would be able to argue whether a person with those traits would be electable. Clearly, I like randomization but it’s more than just the chaotic serendipitous aspect. I think it adds an element that makes it “safer” for students. It is random after all, there can’t be a specific answer the instructor wants because the question can’t be totally predicted. Plus, it takes work off the instructor and adds variety to the responses since everyone gets different prompts. I had this meeting Wednesday and wanted to get a semi-decent looking proof of concept built fairly quickly. I knew I wanted images of the presidents and figured I could re-use some of […]