いらっしゃい。ここは武器屋だ。 じゃなくて、、Internet Explorer SP2以降から採用されたスクリプト実行のセキュリティー対策のせいで、JavaScriptを使ってFlash(swf)を埋め込んだWebページで警告が出てしまう場合の対策について説明します。 IE7でも出てますから、この先ずっと採用されていくのでしょうかねぇ… Mark of the Web (MOTW) を埋め込みましょう いきなり結論ですが、Mark of the Web(MOTW)コードをWebページ内に埋め込みます。 以下の記述をDOCTYPE宣言の下に追加してください。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
TOP > WebDesign > ブラウザ間の問題をjavascriptで回避する8つのTips「8 Javascript solutions to common CSS problems」 WEBデザイナーやWEB開発者なら一度は苦悩するブラウザの違いによるレイアウトの問題や形式の問題。業務の上で一つの障壁ともなり得ない問題です。今日紹介するのはそんなブラウザ間の表示に対しての問題を解決してくれるjavascriptを集めたエントリー「8 Javascript solutions to common CSS problems」を紹介したいと思います。 透過pngによる背景の問題だったり、カラム間の高さの問題などなど、レイアウトに関して起こりうる問題を簡単なjavascriptで回避する方法を示しています。今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以
「Nettuts+」で、10 Rare HTML Tags You Really Should Knowと題して知っておきたいマイナーなHTMLタグが10個紹介されています。 以下にいくつかご紹介しますね。 <optgroup> セレクトボックスの要素をグループ分けできます。 ↓こんな感じですね。 Showtimes <acronym> マウスオーバで表示されるツールチップテキストを定義できます。 SEO is full of trickery and magic. <ins> and <del> セットで使用。削除したい（del）箇所と追加した（ins）箇所を明示。 <abbr> <acronym>と似ている。マウスオーバでツールチップテキストを表示。タイトル属性に記述。 こんなところですね。 その他は以下からどうぞ。 » 10 Rare HTML Tags You Really Sho
Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード
◆ お知らせ：2008年9月27日(土) 『ぴあの好きの集い 第9回演奏会』◆ 上野旧奏楽堂。入場無料。 私は、アルベニス晩年の傑作ラ・ベーガを演奏します フリーソフトウェアのタグ挿入型HTMLエディタの機能比較をまとめたページです。普通のエディタと共に優れたフリーウェアソフトが乱立するこの分野。有っても良さそうな比較記事を載せたページが意外に見付からないので、意を決して自分で比較し、箇条書きにまとめてみました。といっても、ほんのメモ程度です。私が日々のHP書きに使用する中で、使えるか使えないか、だけが採用不採用の基準です。不採用のソフトは、1つ2つの致命的な欠損機能を指摘するのみです。 なお、比較検討をしたサンプルソフトは、窓の杜、VectorのPickUpで紹介されていたタグ挿入型HTMLエディタのみです。それ以外のエディタは含んでいません(一部例外あり)。これ以外に優れたHTMLエデ
PSDファイルをCSSレイアウトのHTMLに変換してくれる『psd2css Online』 March 13th, 2009 Posted in その他 Write comment 便利だか便利じゃないのだか判断に迷うところだが、意欲的な試みなのでご紹介。 psd2css OnlineはPSDファイルをCSSレイアウトのHTMLに変換してくれるというツールだ。 肝となるのはPSDファイル中のレイヤーである。このレイヤーを判別してCSSのブロックにしているようだ。 Photoshopなんかでまずレイアウトを組んでいる人はまぁ、試してみてもいいかもしれない。 ただ、いろいろと癖があるようなので（テキストを配置するには？とか）、このツールの使い方を習得するまでに時間がかかりそうだ。だったらCSSを学んだ方が・・・という気がしないでもない。 ただ、用途を限定すればそれなりに便利、という人もいるだろ
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき
About RSSで購読する swfやflvなどのファイルをHTMLに埋め込むタグは検索すれば出てくるようなものですが、たまにやろうとするときにサクッとタグを生成して埋め込めるのが良いですよね。 そんなときに役立ちそうな便利WEBツールをご紹介。 ※3月9日追記：WMVファイルの埋め込みタグはFirefoxで再生できないものになっているのでそれ以外のファイルでご利用ください。 momdoさん ご指摘ありがとうございます。確認不足で申し訳ございませんm (_ _)m ※8月16日追記：Firefoxがバージョンアップしたことで再生可能になったようです。coffeeさん、教えていただいてありがとうございます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! FLVやSWFファイルの埋め込みタグをサクッ
2年強前、私は開発者たちにひどいHTMLを書くのをやめて欲しいとお願いする記事を書いた。しかし、その後この問題はさらに悪化している。 何週間か前、私はTech Republicのこのブログの読者に対して、自分のHTMLの品質について聞いた。読者の約25％が自分のHTMLはすべての標準に準拠しているという主張だった。私はこのブログの読者についてよく知っているので、この数字は正しいと信じている。しかし、私はこのブログの読者がかなりの少数派であることも知っている。残念ながら、くずHTMLは健在だ。 ここに悲しいニュースがある。AlexaのTop 500のサイトのページで正しいものは7％以下だというのだ。これは、これらのページだけの問題なのだろうか。残念ながら違う。研究者によれば、「これははるかに大きなMAMAの分析対象全体よりも少しよい結果となっているが、サンプル数と差分が小さく、差があるとはっ
IEのみに有効なif構文。 head内に記述することで、CSSやJavascript等をIEだけに適用させることが出来る。 <!--[if lte IE 5.5000]>IE5.5以下に適用< ![endif]--> <!--[if IE 5 | IE 6]>IE5〜6に適用< ![endif]--> <!--[if lt IE 7]>IE7以外に適用< ![endif]--> <!--[if gte IE 7]>IE7以上に適用< ![endif]--> ▼こう書くとIE７以外にhoge.jsが有効になる。 <!--[if lt IE 7]> <script typ="text/javascript" scr="hoge.js"></script> <![end
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトで使っている色を抜き出してくれる「I Like Your Colors」「I Like Your Colors」は、サイトのページURLを入力すると、そのページとCSSで使われている色を抜き出し、色相ごとにグループ分けしてカラーパレットにしてくれるサービス。 ちなみにページへI Like Your Colorsと普通にリンクを貼ると、リンク先がそのページで使われている色の結果になります。 「I Like Your Colors」の特徴 ログイン不要 サービスページへリンクするだけで結果公開可能 使用しているCSSからカラーコードを抽出 ページとサイトで使っている色を抽出 ↑このような感じで色相ごとにカラーコードを表示してくれます。 興味のある方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く