最近のWebサイト用動画フォーマット事情と<video>要素による自前配信のすすめ

基本的にWebサイト用に配信する動画はYoutubeに全部任せておけば間違いないのですが、どうしてもYoutubeを使えない、使いたくないケースもあるでしょう。 そんな時は自前での動画配信になるのですが、手法も多種多様でどれがいいのやら。 そんなこんなで最近のWebサイト用動画事...

Twitterの動画が140秒まで可能になったので最適解を求めて仕様を確認してみる

最近Twitterの動画投稿による長さの制限が30秒から140秒になったのでTwitterの動画の仕様を調べてみました。 とりあえず Twitter Developers Twitter Developers に動画の仕様が書いてあります。 https://dev.twitte...

CSSだけでできる!overflow:hiddenを使用した画像の中央トリミング決定版

overflow:hiddenしたボックスの中に画像を入れて、画像の縦横を:100%なんかしちゃったりしてトリミングすること多いと思うのだけど、最適なCSSを探してもどうも日本の記事は情報が古い記事が多い。 そんなこんなで世界各国の記事を探してたどり着いたトゥルーなトリミング...

黄ばみ、バッテリーの膨張からPS3コントローラーを救った話

今までPS2のコントローラーでPCゲームを遊んでいましたが、スティックの誤入力が増えてゲームにならなくなった。 いい機会なのでXboX360コントローラーを買ったものの、スティックの誤入力が多くてこれまたゲームになりませんでした。 仕方がないので部屋の隅で放置されていたPS3のコ...

AngularJSはWebサイトのテンプレートエンジンとしてだけ見てもなかなか使える

AngularJSは色々な事ができるし少し難しい印象もあるけど、基本的な機能だけ使っても便利だよーって話。 AngularJS(あんぎゅらーじぇいえす) Javascriptのフレームワーク。 MV*(Model-View-ほにゃらら)設計。 データバインディング...

手抜きをこじらせてSVG画像一枚のみのWebページを作りました

「デザインからコードを起こすのが面倒。画像をそのままWebページにできたらいいのに…。」って思ったことありませんか? そんなあなたの怠惰な望みも、SVG画像でレスポンシブデザインにも対応しつつ実現できるかもしれません。 この記事ではSVG画像がベクター画像であるという特性を...