今日からCSS3アニメーションを使えるようになるチュートリアル
CSS3のアニメーションってスゴい！ 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか？CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew
Flash制作に欠かせない3つのツール・まとめ編 | _level0 - KAYAC Front Engineer Blog
唐突に始まったこのお題シリーズ。 「他のFlasherさんが自身の愛用制作ツールを紹介してくれたらうれしいなぁ。」とtwitterでもつぶやいてたんですが、1日と経たないうちにみなさんのっかってくれて、その反響に驚いてます。 さきほど確認しただけでも、今の時点ですでに30人の方がお題に対して答えてくださっているので、単純計算でも90ツール。（もちろん重複はありますがｗ） それでは、順不同でお送りします。敬称略でスミマセン。 お題に答えてくれた方 ■ Flash制作に欠かせない3つのツール・flair4jp編 ・通信監視ツール（Firebug、inetSpyなど） ・Celeron マシン（Flashチューニング開発用） ・毒舌（突っ込まれたくないところを突っ込んでくれる人） ■ Flash制作に欠かせない3つのツール・ll_koba_ll編 ・Charles（弊社satoも紹介していたロー
jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog
先月の社員PVランキングは91番目でした。agoです。 たまに他言語開発者から「JSは何となくわかるけど、jQueryが特殊すぎてよくわからない」という声を聞きます。 個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと思うので、今日は"jQuery言語"の書き方を紹介したいと思います。 文法 Traversing methodでインデントを下げて、.end()でインデントをあげます。 （Traversing以外のmethodはインデントを維持します） そして、末尾には開始行と同じ位置に「;」を置きます。 $('body') .find('a') .filter('.permlink') .attr('href', function () { return $(this).attr('href').repla
サイト監視アバター「斉藤委員長」
サーバ監視アバター「斉藤委員長」 斉藤委員長は、Webサイト監視用のアバターです。 デスクトップに常駐し、あなたが指定したWebサイトが 順調に機能しているか、更新されていないかを 自動でチェックし、ボディランゲージで表現してくれます。 サーバ管理者の方 不安定なサーバだとお腹が痛くなるサーバ管理。 そんなときは斉藤委員長に監視してもらおう！ サーバダウン時は、かわいい斉藤委員長が 通知してくれます。 深刻な事態なのに何故か和みます。 ブロガーの方 自分のブログにコメントついたり トラックバックされて、画面が更新されたときに 画面の変化を通知してくれるので、 画面のどの辺が更新されたか一発で分かります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
