ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d57be445f212dd5e4f2e9abab13c92549615c32/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2009%2F01%2Fdotted1.gif)
最近記憶力の低下が著しいkusagayaです。 最近は専らJavaScriptを書くことが多いんですが、皆さんどのようなデバッグツールを使っていますか? FirefoxであればFirebugというのが一般的だと思いますが、 IEで一般的なデバッグツールと言えば?と言われると、ちょっと答えられないです。 そこでIEで使えるデバッグツールをいくつか紹介したいと思います。 ■DebugBar ・DOMのInspectやJavaScript、CSSのソース、レイアウトなどを見ることが可能(Iframe内までInspectできるのは多分これだけ) ・HTTP Requestが見れる ・JavaScriptのコンソールがあるので、アドレスバーから実行する必要がない ■CompanionJS ・Firebugのコンソール機能のみを再現しているようなもので、Firebug同様にconsole.logが使え
.htaccessを使用して、他のサイトが画像などのファイルを無許可で使用するのを禁止する方法をThe Web Squeezeから紹介します。 Stop Image Hotlinking with .htaccess 「.htaccess」に、下記を記述します。 ※必要の無い箇所は、削除・修正して使用してください。 ※「.htaccess」を修正する場合は、必ずバックアップをしてください。 ※有効範囲は、設置ディレクトリの配下です。 <textarea name="code" class="html" cols="60" rows="5"> #Stop Image Hotlinking RewriteEngine on RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC] RewriteCond %{HTT
ImageFlow ist eine Bildergallerie in Javascript, angelehnt an Apples CoverFlow.Download: ImageFlow_0.9.rar [22 KB] You are free to use this in any product, or on any web site. For more information about ImageFlow read the Documentation and check my Newsblog. For anything else simply drop me a line in my Shoutbox. ChangeLog Version 0.9 Fixed the IE bug (Invalid Argument, line 141, character 4)
主要ブラウザーをインストールなしに使える「Xenocode Browser Sandbox」で対応するすべてのブラウザーを起動してみた。左上から、IE8/7/6/、Google Chrome、Firefox 3/2、Opera、Safari。 Internet Explorer、Firefox、Opera、Google Chrome、Safari……と、各社からさまざまなWebブラウザーをリリースされ、シェア争いが活発になっている。競争によってブラウザー全体のパフォーマンスが上がったり、使い勝手がよくなるのはユーザーとしてはうれしいこと。だが、普段はせいぜい1つか2つしか使わないブラウザーをいくつも(しかも複数バージョンを)インストールして、それぞれで動作チェックしなければならないWeb制作者にとっては、大いなる苦痛の種、というものだ(関連記事)。普段使いのブラウザー以外は、なるべくインス
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってできあがるアニメーションはしょぼくないというのがポイントです。 実際のサンプルや作り方などは以下から。 Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D) http://www.preloaders.net/ 種類は「3次元(3 dimensional)」「四角形(Rectangular)」「円(Circula
お仕事で JavaScript によるプルダウンメニューを実装する必要があり、色々試してみて一番お手軽だったのが「droppy」です。 「droppy」 は jQuery のプラグインです。 パッケージをダウンロードすると色々とファイルが入っていますが、必要なのは src ├ javascripts │ └ jquery.droppy.js └ stylesheets └ droppy.css の 2 ファイルです。 プルダウンメニューの実装は、HTML に以下のコードを貼りつけて CSS を適用すればオッケーです。 ■JavaScript … 外部ファイル化がお勧め <script type='text/javascript'> $(function() { $('#nav').droppy(); }); </script> ■HTML … とてもシンプル <ul id='nav'> <
HTML/XHTMLマークアップ・CSSコーディングを代行するコーディングサービス。ディレクトリ構成 html ├common/ │ ├css/ │ │ ├import.css [各CSSファイル読み込み] │ │ ├common.css [各ブラウザスタイル調整定義] │ │ ├structure.css [サイト構造定義] │ │ ├editorial.css [サイト構成定義] │ │ ├component.css [サイト共通パーツ定義] │ │ └editorial/ │ │ └category-name.css [カテゴリ別構成定義] │ └img/ │ │ ├接頭辞_連番.拡張子 │ │ └category-name/ │ │ └接頭辞_連番.拡張子 │ └js/ │ └common.js ├category-name/ │ └index.html └index.
DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
かわちれい子のウェブマスターのお仕事 富士通ウェブマスター 高橋 宏祐氏 取材・文:かわちれい子(CreatorsNet) PHOTO:津島 隆雄 会社によって大きく異なる「ウェブマスター」の実態。所属部署は? 予算確保は? ワークフローは? サイトの目的は? 注目しているテーマは? さまざまなウェブマスターの姿を見ることで、これからのウェブマスター像を見出したい。 仕様を決めない経験値や思いつきベースの企画、成り行き任せの工程管理、リスク検討のないプロジェクト運営……。ウェブの世界ではありがちな光景だ。 そうしたウェブの世界に技術畑から移った高橋氏は、富士通ブランド全体のウェブマスターとして、全世界のサイトを統轄するために、PMBOK(ピンボック)やITIL(アイティル)といった、プロジェクトマネジメントの手法を導入した。 高橋氏が富士通のサイト運営に取り込んだ「プロセスを変え」「仕事の
ページ受託からビジネス協業への変革 ウェブサイトの構築や運営にかかる費用や制作会社との上手なつきあい方は、常に企業のウェブ担当者の悩みの種だ。ここでは、その直接的なコストを減らし、さらに制作会社が今までよりも積極的にあなたのサイトにコミットしてくれるようにする「レベニューシェア」について解説する。 TEXT:編集部 協力:株式会社コスモ・インタラクティブ ページ単価は昔の基準?まず、企業とウェブサイト制作会社や関係について状況を整理しておこう。 十数年前から、企業はウェブサイト制作会社に「受託」という形でウェブサイトの構築や更新を依頼してきた。コーポレートサイトを数百万円かけて作り、サイトができたら制作会社は企業から渡された内容を元に何ページかのHTMLを作ってアップロードする運用作業を毎月数十万円で請け負うといったスタイルだ。つまり「ページをデザインして作り、納品する」ことが制作会社の仕
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く