1980k 1980k

District Nights

This piece is all about DC at dusk and night -- concentrating on the monuments and historial buildings on the mall. During the making of this time-lapse, I was hassled/stopped 27 times by DC police and received 5 parking tickets. That's pretty much how it goes in DC.

Read More
1980k 1980k

JohnnyExpress. It’s 2150. There are all sorts of Aliens living throughout space. Johnny is a Space Delivery Man who travels to different planets to deliver packages. Johnny is lazy and his only desire is to sleep in his autopilot spaceship. when the spaceship arrives at the destination, all he has to do is simply deliver the box. However, it never goes as planned. Johnny encounters strange and bizarre planets and always seems to cause trouble on his delivery route. Will he be able to finish his mission without trouble? Source

Read More
1980k 1980k

Time-Lapse | Earth. All Time-lapse sequences were taken by the astronauts onboard the International Space Station (ISS) (Thanks guys for making this available to the public for use!) All footage has been color graded, denoised, deflickered, slowed down and stabilized by myself. Clips were then complied and converted to 1080 HD at 24 frames/sec. Source

Read More
1980k 1980k

Mirror City Timelapse.  Mirror City is a visual story through some of the great American cities: Chicago, San Francisco, San Diego, Las Vegas and Los Angeles. The video starts off with simple mirrors and recognizable architecture, as the video progresses, so does the visual stimulation, showing the real abstraction of the piece. Source

Read More
1980k 1980k

Responsive Video Embeds with FitVids

Last week, Trent Walton tweeted about the frustration of getting standard video players to work in a responsive design:

Trent is right. It’s deceptively difficult to make videos fluid and responsive. I almost lost all my hair getting it to work on Do Lectures. On one hand, the HTML5 video element is super easy to make responsive: video { max-width: 100%; height: auto; }

Unfortunately, if you want to do something basic like embed a video from YouTube or Vimeo (that has a flash fallback) you can set the width: 100%; but the height stays the same breaking the aspect ratio… until now.

After some interstate brainstorming and coding with Chris Coyier, we came up with a solution. Mr. Walton, we’re here for our check.

Introducing FitVids

FitVids is a lightweight, easy-to-use jQuery plugin for fluid width video embeds. It currently supports the major video vendors: YouTube, Vimeo, Blip.tv, and a couple outliers.

How it works

The plugin is based on Chris’ pre-exising work on fluid videos and the Intrinsic Ratio method suggested by Thierry Koblentz (ALA #284). With these gems of knowledge combined with my ability to only make tiny jQuery plugins, getting your videos do aspect ratio-based resizing is now as easy as targeting your .container, .post, etc. with FitVids.

$("#thing-with-videos").fitVids();

It’s that easy! Best part, there’s very little Javascript happening. After the initial setup, it’s all percentage based resizing with just CSS.

You can fork it on Github to dig in deeper into how it works. We’d love your feedback.

FitVids happily joins the Paravel family of easy-to-use tools for radical web: Lettering.js andFitText. If you use FitVids or any of these plugins on a something, let us know! We love to seeing this stuff in action.

Updates: Plugins and Modules

Absolutely amazed that people are taking this and running with it. Thanks, y’all.

  1. Also, we’ve made some updates to FitVids and you can add your own custom video vendors and test out other players. If this interests you, read more here.

Source

Read More
1980k 1980k

I, Pencil: The Movie. A film from the Competitive Enterprise Institute, adapted from the 1958 essay by Leonard E. Read. For more about I, Pencil, visit http://www.ipencilmovie.org

Read More