Convert webm to mp4
There's an upcoming Mozilla trip to Hawaii on the cards and, in trying to be a good family man, I'm bringing my wife and two young sons. Glutton for punishment? Probably. Anyways, I've been feverishly downloading cartoons from YouTube using youtube-dl to put onto our new iPad to keep my oldest son occupied during the long flight.
It seems as though YouTube preserves the original video format, since sometimes youtube-dl provides a webm and other times a mp4. Since mp3s are iOS' best friend, I've needed to convert the webm files to mp4. The following ffmpeg command will make that happen:
ffmpeg -i "Spider-Man.webm" -qscale 0 "Spider-Man.mp4"
qscale 0 directive instructs ffmpeg not to adjust quality of the video during conversion. And with this conversion I can now properly transfer the videos onto my iPad.
Check out my media tutorials for more magic when it comes to video, audio, and images. You're sure to learn a few tricks along the way.
I was inspired when I first saw Addy Osmani's original ShineTime blog post. The hover sheen effect is simple but awesome. When I started my blog redesign, I really wanted to use a sheen effect with my logo. Using two HTML elements and...
As more devices emerge and differences in device interaction are implemented, the more important good CSS code will become. In order to write good CSS, we need some indicator about device capabilities. We've used CSS media queries thus far, with checks for max-width and pixel ratios.
CSS is becoming more and more powerful but in the sense that it allows us to do the little things easily. There have been larger features added like transitions, animations, and transforms, but one feature that goes under the radar is generated content. You saw a...