CSS3のアニメーションってスゴい！ 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか？CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew
残暑の蒸し暑さから、涼しさを通り越して、寒いと感じる今日この頃、tanakaです。 今日はjQueryでiframe要素の中にアクセスして、情報を取得したり、改変したりする方法を紹介します。 jQueryは、Webページに対するアクセスを簡潔に表現できるライブラリですが、iframe内の文書にまで、 $('div iframe p') といった感じでアクセスすることはできません。ドキュメントが違うからでしょうか？正しい理由はわかりませんが、同時に2つのページをまたいで処理するのは混乱しそうなのでこれはこれでいいと思います。で、そういったときにアクセスする方法があるのでご紹介します。 [追記 2010/09/27]注意点として、親フレームとiframe内ドキュメントのドメインが異なる場合はアクセスできません。 iframe内のドキュメントにアクセスするにはcontents() $(...).
What is is? This is a 100% JavaScripted app implemented in one day. Please browse this page with latest Chrome, Safari, or Firefox. Please contact to fukatsu@gmail.com if you have any question.
twitter facebook hatena google pocket ネタ的なJavaScriptですが、どこかで使えそうなので。 faviconをJavaScriptで指定でき、テキストも表示させられるjQuery favicon pluginです。 これを利用するとGoogleカレンダーみたいなアイコンにテキストを表示させられますね。 sponsors 使用方法 jQuery favicon pluginからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.favicon.js"></script> <script> $(function(){ jQuery.favicon('
何かと色々な用途に使えそうなPSDファイルがまとまった記事のご紹介。 ちょっとしたアクセサリーとしても使えそうですね。 記事最後に、もしもフォトショップをもっていなくて、PSDが開けないという人のビューアも合わせてご紹介。 色々便利なPSDファイル Apple Mac Book 言わずと知れたAppleのノーパ。 白紙のノート 白紙のノートPSDファイル。 使い勝手No1かも？ ノートとログインペーパーセット ノートとログインが合わさったセット。 PSDなのでもちろん使い方は自由です。 ムービーフィルム きっと使う人が使うとめっちゃかっこいいものが作れるに違いない。 プレーステーション３ プレステ３のPSDファイル。 いつか使う・・・のかさっぱりわかりませんが念のためクリップしておきました。 Wii Wiiのオブジェ。この洗練されたボディを眺めているだけで興奮する人がいるに違いないと思った
レタープレスエフェクト大好きなんです ...。レタープレスエフェクトを使った Webデザインを観察していて気付いたことをまとめながら、Photoshop を使ったレタープレスの作り方をおさらいしてみました。 最近いろんな Webサイトを見ていると、レタープレス（型押し）を表現したデザインを、たくさん見かけるようになりました。私もきれいなレタープレスが大好きなので、このブログでもたくさん使いたいんですけど、なかなかきれいに表現できません …。レタープレスエフェクトは、黒や白の背景ではあまりきれいにならないし、色やテクスチャによって見え方がかなり変わってきます。レタープレスエフェクトを使った Webサイトを観察していて、こうしたらキレイにできるかも … という視点でまとめてみました。
比較的最近のサイトでは使われる機会も多くなってきたものの、まだまだ仕様策定段階の状態が続いているCSS3。 仕様が確定していないとはいえ、CSS3にはweb制作現場からの切実な要望に答えるような、新しいプロパティが用意されています。 相変わらずシェアと実装具合の乖離が激しいIE君さえどーにか対応できれば、このCSS3っちゅーヤツを使わない手はないっ！ というワケで今回のエントリーでは、現状で使えるCSS3からの新プロパティの中から、とりあえずコレだけは押さえておこうぜってのを5つ、厳選してみました。 厳選ついでに、「爆発しろ」でお馴染みのIEシリーズでもCSS3に対応させられるスクリプトなども、ひっそりといくつかまとめてみましたので、こちらも合わせてチェックしてみなはれ♪ これだけは覚えておきたい5つのCSS3プロパティ それでは以下から実例と共にご紹介していきますが、例によって例の如く、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
