Sailor Senshi Maker 2.0 Game by: Drachea Rannak and Doll Divine The older version, which works without Flash, is here: Original Sailor Senshi Maker 1.0. The newer, more robust, version is here: Sailor Moon Dress Up 3.0! Follow in the steps of Sailor Moon and create your very own Sailor Scout, or Sailor Senshi. Now updated with extra features! It's funny, I never watched Sailor Moon myself, but I h
HTML5はウェブ・ページをアプリのように動かし、そしてFlashに取って代わるはずだった。しかしパフォーマンスの問題で、アプリ開発者のHTML5導入は遅れてしまっている。 Famo.us社はこのギャップを埋めるためにスタートした小さな会社だ。同社は2Dと3Dの両方のエフェクトを高速表示するため、HTML5の遅延要素を本質的に回避する独自のフレームワークを開発した。このFamo.usによって、開発者はHTML5のパフォーマンスの問題に苦しむことなく、より短期間でクロスプラットフォームのアプリを開発することが可能となったのだ。 Famo.usの秘密はJavaScriptを利用していることだ。JavaScriptは極めて高速に動作し、既にあらゆるブラウザで広く使われている。Flashとは異なり、ブラウザ・プラグインをユーザーがダウンロードしたり、ブラウザメーカーがそれをサポートする必要もない。
Text Opening Sequence with CSS Animations | Codrops Flashみたいに美しいCSSテキストアニメーションデモ。 CSSでもこういうの作れるよ、ということで覚えておいてもよさそうなサンプルです。 こういうのを一括でいろいろとできるライブラリなんかはすぐに出てきそうな予感というか期待。 スマホ上でもこういう演出が簡単にできるようになっていくわけですね 関連エントリ CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」 面白いテキストアニメーションが簡単に実現できるjQueryプラグイン「Textualizer」 jQueryで分かりやすいテキストのDIFF表示ができる「jQuery.PrettyTextDiff」 テキストを燃え上がらせられるjQueryプラグイン「jQuery Burn」
Flashのような美しいアニメーションで、複数のテキストをスライドやフェードなどで表示するjQueryのプラグインを紹介します。 デモページ ※キャプチャは、スライドとフェードのミックス。 animateText.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="/animateText.js/js/animateText.js"> </script> ※linear以外のアニメーションも使用する時は「jquery-ui.js」も外部ファイルに加え
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
FlashもHTML5もSilverLight, SVGも使わずに、IE7+, iPhone, iPad, Androidで動作するアニメーションを作成できるjQueryのプラグインを紹介します。 jCS Media Library [ad#ad-2] jCSMLの対応ブラウザ jCSMLのデモ jCSMLのダウンロード jCSMLの対応ブラウザ jCSMLの対応環境は下記の通りです。 HTML5非対応のIE7でも、Flash非対応のiPhoneでも動作します。 IE7+ Firefox3.6+ Chrome Safari iPhone iPad Android jCSMLのデモ jCSMLの多彩で美しいデモをいくつか紹介します。 各デモはチュートリアルも兼ねており、コードも一緒に掲載されています。
手軽なHTML5アニメーションを作るならこれがベストかも 前回Adobe Edgeの雑感を書いたが、今回は実際にEdge Animateを使ってみる。アニメーション自体を作るのは簡単だが、クリックしたら再生など、ちょっとしたインタラクティブ性を加えるにはJavaScriptの記述が必要になる。手順としてまずAdobe Animateでアニメーションを作り、さらにJavaScriptで制御してみたいと思う。 今回作るサンプル 単純なサンプルではあるが、PLAYボタンを押したらアニメーションが開始し、ボタンの状態をPAUSEボタンに変化させるトグルボタンの実装と、アニメーションが一回再生されるごとにカウンターの数字が上がっていくサンプルを作る。 デモ Edge Animateで作られる要素 コンポジションとシンボルの2つの考え方で構成される。Flashで言うところのStageとMovieCli
ご存じの方はご存じで、ご存じで無い方はご存じで無い、Flashについての重要なニュースが先週にありました。 Android版Flash Playerは明日以降、新規導入が不可能に 2012年08月14日 まあ、ネット系に少しでも携わる仕事をしている方には常識のようなニュースではありますが、ネットサーフしてみますとまだまだFlashを多用しているのがたくさんあります。以前もこのエントリー(こんなサイトは作ってはいけない・・・Flash「馬鹿使い」編)でちょっと説明しましたが、いよいよこれが現実となりました。 FlashはそもそもHTML5が本格導入されればいらない技術で、それが分かってるのでスティーブ・ジョブズはiOSで対応しなかったわけです。顧客にもウケない、ウケルのは素人の担当者だけと言われる(勝手に言ってる)Flashサイトは、再度書くと以下の大きな欠点が二つあります。 1 SEO的に
Flashは神。 正宗です。 Flash CS6を使ってFlashから簡単にiPhoneアプリを作る事ができましたので 、今回ハマったポイントなどを書いていこうかと思います。 簡単にiPhoneアプリを作る事ができたと言いましたが、 簡単というより、こう、普通に、普通にFlashを作ったらそれがそのままiPhoneアプリとして書き出された、という感じです。 なのでFlashに関して言えば特別なにか書くところがないくらい自然にiPhoneアプリを作る事ができました。これは凄い感覚でした。 ちなみにはじめて作ったアプリはこちらになります。 iDropCam iPhoneのカメラを通じてカラーのRGB値を割り出そうというアプリです。 仕掛けは単純なアプリですが使いやすいよう工夫してこしらえましたので、今月(2012/07)いっぱいは無料なのでよかったら使ってみてください。 AIRについてちょこっ
アドビ、FlashをHTML5に変換するツール「Wallaby」、ターゲットはiOS、ActionScriptは未サポート。アドビのこの先に見えるものとは? WallabyはいまのところActionScriptをサポートしておらず、また出力されるファイル群はWebKitベースのブラウザで最適に動作するように作成されています。 つまりWallabyが目指している機能、すなわち次のバージョンのCreative Suiteに組み込まれるであろうFlashからHTML5への変換機能は、主にiOSでアニメーションを表示するようなシンプルなものになると推測できます。 iOSがターゲットであることを明記 Wallabyのリリースノートには、Wallabyで出力されるファイルがiPhoneやiPadにフォーカスしていることが次のように明記されています。 Wallaby's primary design g
リッチコンテンツやゲームなどのプラットフォームに使われているFlashにかかわるエンジニアが集まり「今後10年食べて行くには?」をテーマにしたパネルディスカッションが12月11日に都内で行われました。 Flashはご存じの通り、Web標準のHTML5が急速に進化していることでHTML5に置き換えられていくのではないかと考えられていたり、先月にはアドビがモバイル対応のFlashプレイヤーの開発中止を発表したりと、大きな曲がり角を迎えようとしています。 そうした中でFlashエンジニアはいま何を考え、これからどう行動しようとしているのか。ディスカッションの中からいくつか代表的な発言をピックアップしました。 5人のFlashエンジニアによるディスカッション パネルディスカッションに参加したのは、Flashエンジニアとしてのキャリアを持つ5人の方々。 写真右から順に自己紹介が行われました。 吉川佳
地味に良さそうだったので備忘録。画面 いっぱいに画像を広げてフェードエフェ クトでスライドショーを実装できるjQuery プラグイン・slideshowify.jsです。この 手のプラグインは沢山あるので選択肢 の一つとして・・ なんとなくよく見かけた画像のフルスクリーン表示を実装します。この見せ方は良い写真や画像なら飲食店やアパレル系などでは訴求力もあるし、よく見かけるのも当然といえば当然かもしれません。 キャプチャ見ても全然ピンと来ないと思いますのでSampleご覧下さい。 Sample 基本的には直接貼られた画像をスライド化します。※画像はmark sebastian氏より(CC-BY) 指定されたセレクタ外のコンテンツはpositionプロパティによって画像上に配置されている形となります。スライドしている画像はdisplay:none;を使用していますので各々の画像にリンクは貼れま
米AppleのiOSが採用しない以上、Flash Playerをモバイルに遍在させる道は閉ざされた――。米Adobe SystemsでFlash Platformのデベロッパー関係を担当する主席プロダクトマネジャー、マイク・チャンバース氏が11月11日(現地時間)、モバイル向けFlash Playerの提供中止について自身の個人ブログで説明した。 Adobeは10日にモバイル向けFlash Playerプラグインの開発中止を発表した。チャンバース氏は、この発表では“なぜ”中止するのかの説明が不十分で、開発者コミュニティーへの配慮が足りなかったと謝罪し、理由を以下のように説明した。 まず、モバイル版Flash Playerプラグインをデスクトップ版と同程度に普及させるには、主要なモバイルプラットフォームすべてで採用されることが必要だが、そうしたプラットフォームの1つである「AppleのiOS
アドビがモバイルブラウザ向け Flash の開発を終えるようです。これは米ZDNetが、明日発表予定とされる情報をリークとして報じたもの。現在、アドビはモバイルブラウザ向け Flash を Android と RIM の PlayBook 向けに提供していますが、報道によるとこれらの開発は終了となり、今後はサポートのみに留まるとのこと。これから同社はモバイル方面では Flash のコードをネイティブアプリに変換するパッケージ機能に注力することになります。Windows / Mac / Linux のデスクトップ向け Flash はもちろん継続。あわせて、HTML5 ベースの開発環境整備も進んでいく見込みです。 アドビは Flash / AIR をマルチプラットフォーム構想の要を位置付け、非対応を続ける iOS をめぐっては、アップルと派手なごたごたを繰り返していました(ジョブズによる絶縁
twitter facebook hatena google pocket FLASHを使用して画像を印象的に切り替える手法がWEBマガジンなどでは多く見られます。 でもそれFLASHじゃなくてもよくない? JavaScriptライブラリのjQueryを利用した「jQuery "Feature Carousel" plug-in 」なら、いちいちフラッシャーに直させたり、よくわからないxmlを書き換える必要もありません。 sponsors 使用方法 jQuery "Feature Carousel" plug-in からファイル一式をダウンロードします。 <link rel="stylesheet" type="text/css" href="featureCarousel.css"> <script type="text/javascript" src="jquery-1.4.2.min
The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend their technical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く