IE6でGooglemapsを使うときの注意点
Google Maps API version2 を使ってGooglemapの表示をするようにしたのですが、 IE6でだけ地図が灰色になってしまって表示ができませんでした。 以前も同じ所でつまづいたのでメモです。 DD_belatedPNG.jsを使用していて、Googlemapの表示場所がDD_belatedPNG.jsの指定範囲内だとGooglemapの表示がされないようです。 <!--[if IE 6]> <script src="<?php bloginfo('template_url'); ?>/js/DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('img, .png_bg'); </script> <![endif]--> 上記の様にimg要素全体に指定しているとダメなようです。 <
CSS3 IE対策まとめ
CSS3を使うにあたっていつも問題になるのが Internet Explorer（IE）です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか？ ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何？」「CSS3セレクタってどういうもの
要素をランダムにフェードイン／アウトさせる「LivingFade jQuery Plugin」
要素のフェードイン／アウトをランダムにさせる「LivingFade jQuery Plugin」を利用すると少し異なった印象を与えられそうです。 また、昨今見られるページ表示後に要素をフェードインさせる、あるいはリンクをクリック後に要素をフェードアウトさせてから遷移させるなども簡単に導入できそうです。 sponsors 使用方法 LivingFade jQuery Pluginからjquery.livingfade-0.2.jsをダウンロード。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.livingfade-0.2.js"></script> <script type="text/javascript"> $(do
【Javascript】 ブロック要素の表示効果（フェードイン・フェードアウト） | ホームページ制作に役立つ！ブレイン・エイチシー
画像のフェードイン＆フェードアウトはよく見かけるが ブロック要素にこの効果をかけたいとき、どうすればと思っていると。 ネット上に無いものはないのでしょうか？ やっぱりありました。 写真つきの記事などの塊（ブロック要素）ごとフェード効果。 非常に助かりました。 組み込みは簡単。 headタグ内でまずスクリプトを読み込む。 そして、bodyタグの最後あたりに var cf = new Crossfader( new Array(‘cf1′,’cf2′,’cf3′), 500, 2000 ); のスクリプトを実行するだけ。 ※ここでの「cf1」や「cf2」というのがブロック要素のID名。 Javascriptのソースはこちらから http://www.brandspankingnew.net/archive/2006/09/javascript_css_crossfader.htm
[チュートリアル]JavaScriptで画像などの要素を順番にフェードさせ表示する
まずは下記ならびにフォトグラファー 木村 隆宏さんのサイトを御覧ください。 こちらのサイトでは、アクセス時にポートフォリオを順番にフェードさせることで非常に印象的となっています。 今回はこちらで使用しているJavaScriptをのぞきながら、どう実現しているのかを見ていきたいと思います。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 使用方法 フォトグラファー 木村 隆宏ではJavaScriptライブラリjQueryを利用し、fade.jsでフェードを制御しています。 該当部分を抜粋し、汎用的に書き換えたのが以下となります。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $('.fade
スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries
これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T
IE6〜8でCSS3セレクタ利用「Selectivizr」
CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6～8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6～8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr
複数端末間の iTunes 共有まとめ ～ ３つの方法と特徴｜ボクノタメニ泣イテクレ > 雑記
A：iTunes の共有機能を使う [ 公開側手順 ] 01.「環境設定」⇒「共有」⇒「ローカルネットワーク上でライブラリを共有する」 （※ 以降、Windows では「環境設定」を「編集」⇒「設定」に読み変え） [ 共有側手順 ] 01.「環境設定」⇒「共有」⇒「共有されているライブラリを検索する」 02. サイドバーの「共有」欄に共有ライブラリが表示される [ 特長 ] ・端末同士がローカルネットワークに接続されてさえいれば追加機器も面倒な設定もいらない ・複数のユーザーが同一の iTunes ライブラリを同時に参照できる [ 欠点 ] ・公開側の iTunes が起動した状態でしか利用できない ・共有側の端末から iPod や iPhone に転送はできない B：NAS の iTunes サーバー機能を使う [ 公開側手順 ] 01. NAS 上の共有フォルダに“iTunes Mus
"透過PNGをIE6で表示"の決定版？「IE PNG Fix 2.0 Alpha 2」 - Web技術Input&Output
例えばCSSclip（http://www.cssclip.com/）で紹介されているような先進的なWebデザインでよく使われているのがPNG画像。特徴として、画像内に透明度の情報を含むことが可能ですので、うまく使えば透明感あるWebデザインを作れます。 ただ、今もなお相当なブラウザシェアを誇る（？）InternetExplorer6（以下IE6）ではPNGの透明度情報をサポートしていないため、Web制作者は色々と悩まされてきました（「IE6 PNG」で検索すると悩みの痕跡が分かるはず？）。 しかし！ 2008年7月、そんな問題に終止符を打つかもしれないライブラリが登場していました。 IE PNG Fix 2という名前だそうです。 IE6 透過PNG表示、IE PNG Fix 2登場| エンタープライズ | マイコミジャーナル IE6でも、透明度情報を含んだPNG画像をきちんと表示出来るだ
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
CSSの擬似クラス：IE6/IE7でも使う方法あります - builder by ZDNet Japan
年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur
IE５でアルファチャンネルPNGを使うための一番簡単なライブラリ あるいはIEの失われたテクノロジに驚異せよ
http://d.hatena.ne.jp/amachang/20070206/1170715555 http://labs.unoh.net/2007/02/ie6_png_fix.html http://web.kankodo.net/2007/02/01-233315.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html なんかはやってるみたいなんで作ってみました！ 一番設定が簡単だと思う。IE5IE5.5以上なら多分動く*1。 あとIEすごいよ！というお話 やりかた 1.次の内容を alpha.htc という名前で適当なところに置く <SCRIPT LANGUAGE="JScript"> (function(){ runtimeStyle.filter += 'progid:DXImageTransfo
Lightbox Plus
ウィンドウサイズよりも大きな画像を表示した際に、画像の拡大ができます。 表示画像のサイズと表示位置がリアルタイムでウィンドウサイズに追従します。 効果画像を貼付けることができます。 マウスホイールで画像の拡大率を変更することができます。 拡大した画像はマウスでドラッグできます。 設置方法は Lightbox JS とほとんど同じです。 html ヘッダに lightbox_plus.js を追記します。 <script type="text/javascript" src="lightbox_plus.js"></script> Lightbox を有効にする全てのリンクに rel="lightbox" 属性を追記します。 ver 20090707 より spica.js が不要になりました。lightbox_plus.js に全ての内容が記述されています。 "lightbox_plus.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://help.adobe.com/ja_JP/photoshop/cs/using/WS8883D827-21B6-44c5-9FD9-2082CEAF86EAa.html
GROOVY-TIMES | フォーム内の値をチェックするJavaScript 「validation.js」