What are Google Chart Tools? The Google Chart Tools enable adding live charts to any web page. The advantages of the Google Chart Tools are: A rich gallery of visualizations provided as: Image charts - using a simple URL request to a Google chart server Interactive charts - using a Google developed JavaScript library Can read live data from a variety of data sources Simple to use and free

FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ

はじめまして！モバイルサイトのデザインをしている、まどかです。 今回はモバイルサイトで使われる画像の容量の落とし方についてお話ししたいと思います。 みなさんはモバイルサイトを見る時に、なかなか開かなくてイライラしたことはありませんか？ ユーザーのみなさんに「ストレスを感じることなくサイトを見てもらう」ことを私たちは常に考えています。 そのためには、いかに画像をキレイに容量を減らすかが大事です。 PC 用の画像を用意する場合は Photoshop で用意するだけで大丈夫なことが多いですが、モバイルサイトではそうはいきません。 Photoshop で容量を減らしてもキレイにはできないからです。 容量の減らす方法は2つあります。 ・psdデータを Fireworks を使って減色する方法 ・最初から Photoshop の鉛筆ツールを使ってドットで描いていく方法。 イラストを描いたものや写真、デ

こんにちは、『livedoor 歌詞』や『livedoor グリーティング』を担当している吉沢です。今回は、モバイルサイトの装飾に欠かせない、絵文字の効果的な使い方をご紹介したいと思います。 “装飾”と聞くとデザイナーの仕事のように思いますが、モバイルディレクターは、新規サイト立ち上げやサイトリニューアル以外は、UIやデザインを考えながらコーディングしていくため、絵文字を効果的に使えるセンスが必要になります。絵文字を効果的に使えると、少ないリソースで画面を装飾することができ、ユーザーにはテキストが直感的に理解されやすくなります。 それでは絵文字の効果的な使い方についてご紹介していきましょう。 こちらは装飾前のテキストになります。

日本社会学会事務局 〒113-0033 東京都文京区本郷7-3-1 東京大学文学部社会学研究室内 TEL 03-5841-8933　FAX 03-5841-8932　E-mail: jsshp(at)sociology.gr.jp ＊(at)を@に変更してください

jPlayer demo インターフェイスはHTMLとCSSで作成されており、mp3のサウンド箇所のみflashが使用されています。 jPlayerの設置方法はスクリプトを外部ファイルとして指定し、インターフェイスの設定などをスクリプト内に記述します。 <textarea name="code" class="html" cols="60" rows="5"> <script> $(document).ready(function() { $("#jpId").jPlayer(); }); </script> </textarea>

携帯サイトを作る情報を公開しているサイトを、何かの時のためにメモしておきます。 ■情報サイト Mobile-users.jp - 日本のモバイルサイト開発者のためのハブサイト ke-tai.org > Blog Archive > モバイルサイト開発者のためのハブサイト「Mobile-users.jp」 PCサイトを携帯に対応させるまとめ(AffilicatePortal.net) 携帯からアクセスがあった場合に、携帯用ページにリダイレクトする方法や、エミュレーター、変換プログラムなどが紹介されてます。 携帯サイトの作り方 携帯サイトを構築する方法が詳しく解説されてます。 携帯電話向けコンテンツの書き方(ウェブの作り方)。 かなり詳しい解説です。 携帯便利ツールEZ-INFO 携帯サイト構築に役立つ情報、ツール、リンクがあります。 携帯サイト開発にあたっての下調べメモ(集積蔵) エミュレー

当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

どーも8makiです。 ウノウでは携帯サイトの開発も行っています。 携帯サイトの開発ってPC用のものと比べて制限が多かったり、面倒くさいことが目白押しです。そこで開発に便利なツール・サイトをリンク集的にまとめてみました。 ～～～～～～ツール編～～～～～～ ■必須ツールi 絵文字 ドコモの絵文字が入力/表示できるようになります。 User Agent Switcher (Firefox 拡張) User Agentを書き換えて携帯になりきることができます。 インポート用の各種端末のUser Agentリストを作成していただいたので皆さんもご利用ください。 useragentswitcher.xml ■あると便利なツールiモードHTMLシミュレータIIiモードHTMLシミュレータOpenwave SDK(au) ウェブコンテンツビューア(ソフトバンク)MediaCoder .

MP3 Player It's an audio player for MP3 file, intended for the diffusion on websites. ページに貼り付けができるFlashベースのMP3プレイヤー。 次のようなタグを貼り付けるだけで簡単にMP3をページに貼り付けできます。 <object type="application/x-shockwave-flash" data="player_mp3.swf" width="200" height="20"> <param name="movie" value="player_mp3.swf" /> <param name="FlashVars" value="mp3=test.mp3" /> </object> mp3ファイルの指定も簡単ですね。 スキンも豊富にあって、サイトのデザインに合うものを選べばよいです

ブログで使える埋め込みフラッシュMP3プレイヤー (その2) » 音楽系ブログパーツ　 [編集] だいぶ前にやった埋め込みフラッシュMP3プレイヤー紹介の第二弾です。 今回紹介するのは 1 Pixel Out でブログソフトウェアの WordPress のプラグインとして配布されているものですが、SWF 本体を使えば他のブログでも使用することができます。 プレイヤー本体のダウンロードと前準備　配布サイト でまず audio-player.zip をダウンロードします。解凍するとフォルダのなかに player.swf が入っているので、再生したい MP3 ファイルとあわせてアップロードします。 ブログのサーバにフラッシュや MP3 がアップロードできない場合は、ホームページの空きスペースや別の場所にアップロードする必要があります (直接アクセスできないオンラインストレージなどは不可)。 コー

ブログで使える埋め込みフラッシュMP3プレイヤー (その3) » 音楽系ブログパーツ　 [編集] ブログに貼れるシンプルな埋め込みフラッシュMP3プレイヤーの第三弾です。 今回紹介するのは ROYALTY FREE MUSIC で配布されているミニプレイヤーです。 使用例シンプルながらオプションを指定することで 5種類のスキンを選ぶことができます。 今回のプレイヤーは本体の SWF ファイル以外に、 JavaScript 経由で OBJECT、EMBED タグを生成する SWFObejct.js が含まれていて、プレイヤーの呼び出しやパラメータの設定も SWFObject 経由で行うようになっています。 埋め込みコードの例　JavaScript を使うと言ってもそれほど敷居が高いわけではなく、逆に直接 OBJECT、EMBED タグを使うよりもソースがスッキリして、さらに余計な1クリックも

ブログで使える埋め込みフラッシュMP3プレイヤー (その6) » 音楽系ブログパーツ　 [編集] またまた恒例のシンプルな埋め込みフラッシュプレイヤー紹介の第6弾です。 今回は Easy Musicplayer For Flash (EMFF) を紹介。 10種類のデザイン違いのプレイヤー old standard easy glaze easy glaze small silk silk button position blue wooden lila lila info 貼り付けコードはジェネレータで取得　貼り付けコードを簡単に生成するコードジェネレーターも用意されているので、今回は貼り付けコード例の解説は省略します。 第5回までのシンプルプレイヤーと違う点は、XSPF 形式のプレイリストを使って複数の曲を順に再生することができるところです。 プレイヤーのダウンロード　まず、EMFF

URL to MP3 file(s) (more than one file: separated by commas):