今日からCSS3アニメーションを使えるようになるチュートリアル
CSS3のアニメーションってスゴい！ 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか？CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew
wonderfl build flash online | 面白法人カヤック
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
新人に読ませたい、Flash制作で必要になってくる大事な考え方(2) | _level0 - KAYAC Front Engineer Blog
こんばんは、紅白見ながら書いてます。kijimaです。 前回の記事ではページャー機能を例に、同じような処理は共通化→汎用化する考え方の大切さについて解説しました。 ちょっと今回は前回の記事ではみ出てしまった部分の解説のみなので、表題のような考え方というよりは具体的な実装方法の説明だけになってしまうんですが、続きであることは間違いないのでシリーズ化させておきます。前回の記事と合わせて読んで頂ければ光栄です。 100枚の画像を15枚ずつ、複数ページにわたって表示させる場合の実装方法まずはじめに、ページャー機能で押さえておかなければならない大事なポイントのおさらいです。 ・最大何ページあるのか？ ・現在何ページ目にいるのか？ ・ページ変更時に"次へ"、"前へ"ボタンを制御する ・ページ変更時にメインとなる要素の表示を制御する ・1ページあたりに表示する要素はいくつか？ 今回の記事では、最後の「1
「Flasher 100の質問」に答えてみた。 | _level0 - KAYAC Front Engineer Blog
HTML 100の質問、という面白い企画をやっている方がいらしたので、Flashに置き換えて、ほんの軽い気持ちで答えてみました。 1. 年齢は？ 26歳 2. パソコン歴は？ 10年 3. Flash歴はどれくらいですか？ もうすぐ4年です。 4. 初めてwebで公開したものを作ったのはいつですか？ 10年前。今は亡きTripodの無料HP作成ページで自分のバンドのHPをつくってました。 5. Flasherになろうと思ったきっかけは？ 音楽やアニメーションも制御できて楽しそうだったから 6. Flashは誰に／どこで習いましたか？ 会社の先輩からと独学で／いろんなFlasherさんのブログや書籍などから学びました。 7. web業界以外の友達・家族とFlashの話をしますか？ どんな仕事か説明するくらいですが、たまにあります。mixiアプリの登場で説明しやすくなりました。 8. ご両親は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
