日曜の晩にNHKで『世界ふれあい街歩き』という番組が放送されています。世界各地の町並みをただひたすら歩き続けて人に話しかけてるだけなのに妙に楽しい番組なんですが、この番組で不思議なのは手持ちカメラで撮ってるはずなのにほとんど画面が揺れないんです。 検索してみると、これは「ステディカム」という機械を使っていることがわかりました。『BSファン倶楽部』というブログに書かれている “世界ふれあい街歩きの秘密” という記事や、『おもしろ歯なし』の “NHK「世界ふれあい街歩き」のブレないカメラ” という記事に詳細が書かれています。 ■ステディカムとは? ステディカムは1973年、カメラ技術者であるギャレット・ブラウンによって開発された。ステディカム (Steadicam) は、カメラを持つカメラマンの体の振動やカメラを搭載した車両などの振動を、重量バランスとジンバルの組み合わせ作用によって吸収したり
ログインエリアなどで、たまに見かけるラベルをクリックするとスライドしてパネルエリアが出てくるUI。 jQueryなどJavaScriptで構成されているものが多いのですが、 そのUIをCSSのみで作っている「Pure CSS Slide-out Interface」がおもしろそうだったので参考程度に紹介。 ≫Pure CSS Slide-out Interface ≫デモはこちら:CSS Slideout 画面左に現れる「FEEDBACK」と書かれたラベルにマウスオーバーすると パネルがスライドして入力テキストエリアが表示されます。 全体の構成もかなりシンプルに作られています。 ◆HTML <div id="slideout"> <img src="feedback.png" alt="Feedback" /> <div id="slideout_inner"> [form code go
Ever wondered how to create an element that flares into another using only CSS? Here’s a quick tutorial using existing CSS attributes, in combination with CSS generated content, to produce the effect using no images at all, and no additional markup. And it falls back gracefully for older browsers.Let’s start with a mockup of what we want to build. And, if you want to jump right to the end, here’s
そのまんまなのですが、プログレスバーがCSS3で実装されています。 これをJSで読み込み処理中に使ってあげると、プログレスバーが実装できるようになりますね。 ダウンロードは下のリンクからどうぞ。
Need a cool hover effect for something on your site? Look no further! We’ve created several custom examples that you can view live for inspiration. If you like the effect, steal it! We’ve got the CSS ready and waiting for you to copy. 19+ Million Digital Assets, With Unlimited Downloads Get unlimited downloads of 19+ million design resources, themes, templates, photos, graphics and more. An Envato
.Border-radius{ padding: 10px; background-color: #ECECEC; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .Border-radius p:last-child { margin-bottom: 0; } border-radiusで「かどまる」 border-radiusプロパティで角の半径を指定します。 -webkit-border-radiusはSafari・Chrome、-moz-border-radiusはFirefoxのための指定です。 IEも9から対応しています。 ここではすべて10pxを指定しています。 おまけでlast-childセレクター last-childはCSS3のセレクターの1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く