Web制作に携わっていると頭を悩ませる項目の一つが「Flash」への対応。 動きのあるコンテンツを作成するにはやはりまだまだFlashが便利なわけですが、iPhoneをはじめとするiOSでは再生できない（一部再生できるブラウザアプリはありますが）ので、困った困ったなのです。 そこで次代を担う（であろう）コンテンツがHTML5を使用したムービー。 先日も、「Form Follows Function」と言うHTML5で作られた、動きのあるコンテンツを紹介したWebページをご紹介したばかりですが、ここまで複雑なものは出来なくとも、私のような初心者でも超簡単にHTML5アニメが作れると噂のMacアプリ、HypeをDLして使ってみました。 タイムラインを使って簡単にHTML5アニメを作れる！ 起動。 Welcome to UNDERGROUND… 「Watch Getting Started Vi
もばいる全盛感のある世間的には今更，FLASH なんてどうでもいいし，swfobject.js 自体 2009年から更新されてないから，こんな古いものをと言われかねないような話ではあるものの，日本語での言及をあまり見てないし，つい先日もさる通信キャリアがトップページでやらかしてて多分知られてないんだろうなと思ったので書こうと思った次第． swfobject.js とは何か この記事の対象読者にとっては説明するまでもない話とはおもうけど一応前置きとして説明しておくと，swfobject.js は FLASH を web ページに埋め込むための JavaScript のライブラリ．クロスブラウザ対応してたり，面倒な HTML-tag のお作法を覚えなくても良くなったりとでデファクトスタンダードな感じのモノ．2007年とちょい古いがリクルートMTL の SWFObject v2.0 ドキュメント
モバイル用Flash Player開発中止でゴノレゴさんがアドビにブチギレ？ 作者のポエ山がアドビ本社の担当者を直撃 昨年5月、『ゴノレゴさんがア○プルに問い詰めたいことがあるようです』という動画が『ニコニコ動画』に公開され、話題になりました。アップルがiPhone/iPadでFlashを再生できなくしていること、Flashから書き出した『AIR』アプリも規約で禁止したことに対して、ゴノレゴさんがアップルにブチギレするという内容。その後アップルの規約変更により『AIR』アプリが動作することになったのですが、今度はゴノレゴさんがアドビに問い詰めたいことがあるようです。ガジェット通信は、作者であるクリエーターのポエ山氏と米Adobe Systems社のFlashプラットフォーム主席プロダクトマネージャーであるMike Chambers氏の対話の場をセッティング。ゴノレゴさんの怒りとユーザーとし
ぱっと見た瞬間「Flashだな」と思ってしまったくらいの、Flashで実装したような複雑なアニメーションやムービーを作成できるスクリプトを紹介します。 使用するのはHTML, CSS, JavaScriptで、こういったものにありがちなHTML5, Canvas, CSS3には頼っていません。jQueryなど他のスクリプトにも依存していません。 ※CSS3のエフェクトなどオプションとして利用が可能です。 Mashiの主な特徴 スタンダードなHTML, CSS, JavaScriptでFlashのようなムービー、アニメーションを作成できます。(X)HTMLコンテンツに設置が簡単にできます。 41KB/13KB(CDN+GZip)と非常に軽量で、オブジェクト指向、モジュール式です。 基本的な利用では、追加のプラグインは必要ありません。 IE6をはじめ、すべての主要なブラウザをサポートしています
[読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール「Hype」が米時間の5月20日にお目見えした。 Mac OS X用ソフトとして既にApp Storeで販売中。価格はUSストアでは29ドルで、日本だと3500円と割高だが日本語ローカライズ版が入手できる。 ツールは、FLASHオーサリングツールなどを使用したことがある人なら、数分もあれば使い始められるだろう。始めてこの手の作品を手がける人は少し手まどうかもしれないが、チュートリアル動画があるので、これを一通り見れば見よう見まねでスタートできるだろう。また、今回のバージョンでどのようなことができるのかは、ギャラリ
大往生したなどと誰が言ったのか──── ※魔法少女まどか☆マギカの二次創作ゲームです。全体的にネタバレを含みます(多分) ボディとドッキングして、マミさんを復活させてください。 矢印キーの左右で、左右に動きます スペースキー又は上で、上昇します。BLOODゲージが無くなると使えなくなります ゲームが始まらない人は、日本語入力をOFFにしてえて、画面をクリックしてからスペースキーを押してみてください キーアサインはWASD/HJKLもOK どうしてもクリアできない人はページをスクロールして右下を Android版/ iOS版(iPhone&iPad)もあるよ クレジット 作った人 おめが / （ ゜ワ゜）ノ(@Omegamega) ありがとう DK(原案),Akimasa Shimobayashi(原案),白馬(エンドカード提供)、さくしん(エンドカード提供)、でこすけ(ステージ&エンドカー
例のＣＭですね。 ここ最近、ＣＭでしょっちゅう流れて洗脳され気味なので作ってみました。 好きなだけポポポポ～ンを鳴らしてください（笑）
マウスをクリックしてテーブルを跳び移っていきましょう。例によってボタンを押す長さで飛距離が変わります。 滞空中に画面をクリックするとその場で降下できますが、時間がかかるので使いすぎには要注意。 後ろから魔女が追っかけてくるので慎重すぎるのも禁物！？ 魔女に××られる瞬間に画面をクリックすると緊急回避ができますが、ソウルジェムが濁ります。 ひたすら距離を競ってレッツチャレンジ！ 魔法少女まどか☆マギカ第3話の某シーンをミニゲームとしてアレンジしてみました。 ほむらの能力についてはまだ言及されていないため、ぼやかしてあります。 本来は爆弾でドッカンドッカンするところですが、そこはバージョンアップでなんとかするかもしれません。 緊急回避後の爆破という形でver1.10から導入しました。 作った人 → @munegon、@tutty0
はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーとカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、本日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。本記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「本機能」と呼びます。 百聞は一見にしかずです。本機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ
このサイトは「顔にまつわる慣用句」を言葉のまま解釈して、リアルな顔で再現したコンテンツ集です。
はなみち舎について はなみち舎は東京・大阪・名古屋・京都・九州など各地をふらりと歩いて見つけたちょっと良いもの、和を感じるものを集めたお店です。洋服から小物・アクセサリー・食器・家具など身近に「和」を楽しめる商品を取り揃えております。 住所 〒700-0945 岡山県岡山市南区新保1613-5 電話番号 086-244-7787 営業時間 11:00～18:30 定休日 毎週火･水曜日 お店までの地図 お車でのアクセス ●国道30号線青江南交差点を西へ。歩道橋を抜け、二つ目の信号を左折すぐ。 ●県道児島線下中野交差点を東へ。ＪＲ高架を抜けてから、二つ目の信号を右折すぐ。 バスでのアクセス ●下電バス下中野北停留所 下車徒歩15分 GoogleMapで周辺地図を見る
Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。 多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く