Modern VHS

Here at camp I’ve finally worked through my Bootstrap tutorials and created a spec site for a much larger project that I’m hoping to work on this summer. As part of my learning to code binge , I’m planning to learn the basics of Python and OpenCV to try and make an image processing application. The […]

Here at camp I’ve finally worked through my Bootstrap tutorials and created a spec site for a much larger project that I’m hoping to work on this summer. As part of my learning to code binge , I’m planning to learn the basics of Python and OpenCV to try and make an image processing application. The goal is to make a tool which would allow someone to upload still(s) from a modern movie and create a retro VHS case design. I know I can create all the cover design assets – box format, stickers, logos, and worn edges – but building the tool will be daunting. I’ve always wanted to build an image editing tool, Ryan and I have loved so many awesome ones. I have Python and OpenCV tutorials to get me started, so we’ll see how much I can figure out! The Modern VHS site‘s form actually works (my PHP skills in action!), so if I ever get it working and you want to know about it join the mailing list.

And to be good about summer camp letters to myself, I’m reporting out on my Modern VHS spec site built in Bootstrap.

I’m definitely getting a bit more comfortable with creating custom css to adapt all the various components to look the way I want them. But working with all the classes in particular the break points for columns and the offsets requires a lot of futzing. And getting the inline form to actually center, was only possible due to Stackoverflow. I love how much people share solutions on that site. Amazing. Also, I did get my card stack of the three example VHS covers to break from three, to two, to one. I like the two columns much better than seeing three columns really narrow.

And as for campers, well no students showed yesterday but today I have one. Also, Mariana Funes and I are still keeping each other company via a Google Doc. It’s starting to become a nice little record of our learning and discourse. I definitely helps me keep going. Thanks Mariana!

 

Letter from Camp

Code summer camp has been off to a nice start. There have been about six students who have taken advantage of the offer to come into York College and use the lab and each other to get some work done. In particular, shout out to Neyser who’s come three out of our first four days. […]

Code summer camp has been off to a nice start. There have been about six students who have taken advantage of the offer to come into York College and use the lab and each other to get some work done. In particular, shout out to Neyser who’s come three out of our first four days. He’s working on rebuilding his portfolio in Bootstrap after having learned a ton on his final project which was a UX for a college roommate finder.

It’s also been nice to have a little discourse going with Mariana Funes via a google doc about her efforts to prepare for her upcoming web development bootcamp. I’m hoping she’ll find useful some of the tutorials I made for this year’s web design and web development courses. The nice thing is that some of the c-Panel, FTP, and PHPMyAdmin stuff is Reclaim Hosting specific. So you Relcaimers will benefit. 😉

For myself, I’m finally getting into some tutorials and have really gotten into Bootstrap. I guess it’s about time! So powerful and fairly straightforward to use. I’ve been using Bootstrap 4’s alpha version 6, which uses Flexbox’s grid system by default. So that’s something else to learn. I haven’t been able to get too much done yet as last week required a bunch of finishing of end of semester chores – grading and the like – but a little navbar, forms/tables, and few other components.

Overall very happy to see students coming to the lab during the summer. It’s already been a big help for me productivity-wise, and I’m hoping them as well. As the summer progresses I’m hoping to transition to tutorials for half the day and project work the second half. I’ve some ideas that I want to pursue, but some skills must be built first!

Code Summer Camp

This summer I’m going to be hosting a code summer camp for my students at York College. I’ve been honest with them in that it’s as much for me as it is for them. It’s been an unusual year in which I’ve started teaching web design and development for the first time. Though I’ve built websites […]

This summer I’m going to be hosting a code summer camp for my students at York College. I’ve been honest with them in that it’s as much for me as it is for them. It’s been an unusual year in which I’ve started teaching web design and development for the first time. Though I’ve built websites over the years and feel generally comfortable trying to figure things out for a particular project, I’d never taught classes in HTML/CSS, JavaScript, and/or PHP.

It was getting ridiculous this spring while teaching the web development course for which I was getting up at 4AM to review tutorials, take notes on them, and then present them while recording the screencast. My Youtube account is now filled with a ridiculous number of screencasts with me often stumbling to find the missing semi-colon, $ on a variable, or improperly closed parenthesis or curly bracket.

But I actually I loved it. I’ve been meaning for the longest time to force myself to learn to code in a more structured way. And what better way to do so than to do some just-in-time-preparation to teach! 😉 I have so much to learn still and a little company get through the summer is what I’m looking for.

I’ve a rough plan for the structure of the summer camp which is heavily inspired by a Freakononmics podcast on which Owain Service was interviewed about the UK “Nudge Unit.” That group had been using what the literature of behavioral psychology tells us about how to help people accomplish larger goals through managing a series of smaller tasks. So instead of focusing on the goal of building an python application to edit photos (more on that later), it’s better to “think small” – determine specific things to do at specific times to help toward the goal.

This kind of covers the first two steps – set a goal and make a plan (small chunks). But the third step is to make it public, which is where our summer code club comes in. Each day we come in we’ll have two blocks of time to work for three hours. But you’ll need to declare on the whiteboard what you plan to do for those three hours. This is third step, making your plan public. By making it public people tend to stick their commitments. We also have time to check in between the one hour blocks.

 

Finally, we’ll tell each other what you’ll reward yourself with if you follow your plan. This is the final step from the nudge group playbook. Putting something meaningful at stake, using “temptation bundling” to help you through the work.

 

It’s just the initial plan and we’re going to start next week. I’m planning to use my final block at least a couple days a week to blog, so hopefully there will be more to read about how it goes.We’re going to start next Tuesday May 30th. On that first day we’ll probably use the first block to discuss goals and plans. At York, we’ll have dozens of video tutorials you can work through if you’re just looking to build some basic skills in lots of different areas.

And if people want to join in from the web, we could create a public Google Doc for posting your commitments and rewards.

Here’s the sign-up form.

 

Tricky Dick with the Hand Buzzer

To be able to use the buzzer in the handshake trick on your After Effect friends, you’re going to want to learn to use wiggle expressions. After Effects allows the use of expressions to hand code a variety of effects, of which the wiggle expression is very easy to apply and commonly used. It allows … Continue reading “Tricky Dick with the Hand Buzzer”

To be able to use the buzzer in the handshake trick on your After Effect friends, you’re going to want to learn to use wiggle expressions. After Effects allows the use of expressions to hand code a variety of effects, of which the wiggle expression is very easy to apply and commonly used. It allows you to create random motion across a period of time for distance measured in pixels.

You can follow along with the tutorial above using the PSD layered version of Elvis Meeting Nixon. Tricky Dick is up to his typical no good with the hand buzzer. But if you’d like to work with your own assets to illustrate the use of the wiggle expression, please do.

This image was created by working with a simple wiggle expression affecting the Elvis layer.

simple-elvis-gag-wiggle-expression

This image combines the rigging of a puppet with null objects and puppet pins covered previously. Various wiggle expressions are applied to the null objects.

tricky-dick-with-the-buzzer

And re-cropped to focus a bit more on the practical joke.

Updates on your project assets and animation plans

I thought I’d share another project possibility care of CT Major alumni Leeza Walkes. She created this wonderful remix animation during her motion graphics class in 2011. The project uses a short scene from the film Punch Drunk Love and it is re-envisioned with her characters and backgrounds. I was inspired by this incredible work … Continue reading “Updates on your project assets and animation plans”

I thought I’d share another project possibility care of CT Major alumni Leeza Walkes. She created this wonderful remix animation during her motion graphics class in 2011. The project uses a short scene from the film Punch Drunk Love and it is re-envisioned with her characters and backgrounds.

I was inspired by this incredible work to create something much less sophisticated at the time (I barely knew AE then). But I thought I’d share it. The sound is from the film Rocky and the monsters come from Dungeons and Dragons Monster Manual, 1st Edition. I think I’ll rework this add some new animation ideas which I think I could pull off now. Like moving the tentacles, claws of the big eye, and I’m going to try and have the broken nosed beast walk into frame.