まずはじめに、携帯サイトでは、Flashの再生方法が2つあります。 インライン再生・・・HTML内に、Flashを画像のように埋め込んで再生させる。キー操作はできません。 インタラクティブ再生・・・HTMLに埋め込まず、Flash単体でサイトが構成されているもの。 ということで、タイトルのの通り「携帯サイトでインライン再生させる方法」です。 imgで埋め込む auのみですが、<img>タグでも埋め込むことができます。 <img src="sample.swf" width="240" height="150" /> 簡単! と思いきや、auの一部端末で再生されないとの報告をうけました。 au専用のサイトを制作する場合でも、これは使わない方がいいのかもしれません。 objectで埋め込む <object data="sample.swf" type="application/x-shockw
最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
急速な勢いで拡がる続けるツイッター、Facebook、、、そして地味ながらウェブサイトの運営プラットフォームとしてデフォルト的な位置を占めつつあるブログ。インターネットを加速度的に進化させているソーシャルメディアがネットを越えて世界に及ぼす影響とは?エジプトやチュニジアの革命への影響力は?SEO Bookのアーロン・ウォールが語る必読の記事。 — SEO Japan メディアとしてのブロガー 多くのブログがメディアと同一視してもらいたがっている点にお気づきだろうか?そして、メディア企業は、ブロガーを採用することでこの願望に応じている。しかし、メディアと張り合うことに一体どんな魅力があるのだろうか?結局、メディアは規模が大きくなったとしても、現実は膨れ上がり & 重複し、そして、赤字に陥っている(註:ウォールストリートジャーナルが未だに赤字という話)。オープンソースのソフトウェアを使って構築
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例: Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
7 Common Project Management Problems (And How to Solve Them) [ad#ad-2] 下記は各ポイントをピックアップしたものです。 曖昧な要件 プロジェクトがある程度進行しないと、クライアントがどうしたいかはっきりしない場合は、マイルストーンを設定するようにします。明確なステップを設定することで、プロジェクトの最初から最後までが綿密に計画されるようになります。 もし途中で大きい修正や変更が入る場合は、それに必要な工数をクライアントに明確にし、請求の必要があれば行うようにします。 コミュニケーションによる遅延 クライアントの返答待ちで、プロジェクトを進めることができないことがあります。これはちょっとしたことで、クライアントの返答を早くもらえるようにする戦略があります。 それは、「Yes」か「No」で返答できるように質問することです。これ
ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 グーテンベルグ ダイアグラム Zパターン レイアウト Fパターン レイアウト Pattern of Focal Points -情報の階層化 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。 これは特に、テキストの比重が高いコンテンツにはまります。 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムは4つの象
CSS powered ribbons the clean way ? CSS Wizardry?CSS, Web Standards, Typography, and Grids by Harry Roberts 記事タイトルをリボン風にシンプルに実装するCSSサンプルされています。 すごく複雑なマークアップを必要としそうな気がしたのですが、<h2>で囲むだけで実現できるそうです。 デモページはこちら 実装には、 h2 と h2:before セレクタを使って実現されています。 IEでもshadowプロパティ以外はバッチリでした。 ちょっとした工夫で記事に立体感を出しインパクトを出せるこの方法。 よく使われる方法なので覚えておいても損はないですね。 関連エントリ 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 これさえやればCSSを
なぜ、Facebookは、いとも簡単にキャズムを超えてしまうのだろうか? Facebookがここまで巨大になった理由は、当然ながら単純ではない。(1)APIを公開することで大量のアプリを集め、ソーシャルゲームというビッグヒットを得たこと。(2)Facebookページ(旧名称ファンページ)によって、企業やアーティストが自ら集客するシステムをつくったこと。(3)Twitterのステイタスアップデイト機能をうまく取り込んだこと。(4)高度なシステム技術によりリアルタイムでアクティブな操作感を実現していることなど。これまで、Facebookが、その類まれなる創造力と技術力を駆使して弛まぬサービス改善を続けてきたことが、大いなる差別化要因となっていることは間違いないところだ。 ただし、Facebook普及の根源的な要素は、やはり「実名制」にあると筆者は考えている。日本の特殊性を語られる際に必ず出て来
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く