8のjQueryのすごいTIPS
8のjQueryのすごいTIPS 原文：8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[
IE6 で文章の最後の2文字（くらい）が変なところに表示されてしまう問題の原因と解決法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ひょっとしたら定番ネタかも知れないのですが、ググってみても情報が見当たらなかったのでとりあえずメモ。 IE6 で float を使ったレイアウトをしているとき、文章の末尾（最後の2文字くらい）が変なところに表示されるということがあります。 どう変かというと、末尾の文字をそのままコピーしてはみ出たような、そんな感じです。 もちろんソースにそんなものは含まれていません。 JavaScript や PHP なんかを使っている訳ではなく、純粋に HTML と CSS のみでもこのような事象が起こります。 で、とりあえずググってみて見つかったのは下記2つの記事。 »コメント文が出力に影響！？ »IE6のバカヤロウ (room ant) これらを読んで、とりあえず「float
PHPコーディングに関する最適化TIPS 2009:phpspot開発日誌
PHP micro-optimization tips | Alex @ Net PHPコーディングに関する最適化TIPS というのがまとまっていましたのでご紹介。 元記事では、micro-optimization ということで、これらを直すのももちろんだけど、ロジックを直す方がパフォーマンスは改善されるということを言ってるようです。 個人的な勉強がてら、メモとして残します。 ・__call のマジックメソッドを使うと遅い ・staticなメソッドはインスタンス化したオブジェクトのメソッドより速い ・関数呼び出しは、staticなメソッド呼び出しより高速 ・ローカル変数へのアクセスはグローバル変数へのアクセスより速い ・グローバル変数へのアクセスは、オブジェクトのプロパティより速い ・オブジェクトプロパティへのアクセスは、__get, __set を使うと遅い ・初期化された変数はそうでな
Remember The Milk を徹底的に使い倒す！！ -- Forgot the Milk
最強のTODO管理(タスク管理)ツールとして話題の「Remember The Milk」 を徹底解剖！！Ajaxを駆使した神秘的とも言える脅威のインタフェースを備える操作性、atomフィード・rssフィード・iCalなどのアウトプット や公開APIを利用した他Webサービスとのマッシュアップなど、拡張性に富んでいるところも、今後の発展を期待させます。特に「Google Calendar(カレンダー)」や「Gmail」との連携はスケジュール、タスク管理を飛躍的に効率アップしてくれます。さらに、昨今ストレスフリーの仕事術(life-hack)で注目されている GTD(Getting Things Done)にも最適なツールなのです。そんな Remember The Milk の魅力をより多くの人に知ってもらうため、徹底的に掘り下げて紹介します。 ※牛さんアイコンのある記事は、Remember
画像などのファイルへの直リンクを禁止する方法
.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
jQueryでアコーディオンを設定する際の注意
jQueryでアコーディオンを設定する際の注意 ネタ元：jQuery.js トピックのしつもんの89 アコーディオンを設定する際に動作がカクカクすることがあります。 サンプル この対応方法はアニメーションを設定したい要素にCSSなどでheightを与えてあげれば大丈夫です。 高さが可変でCSSでheightを設定できない場合は以下のようなコードを追加します。 $("dl dd").each(function(){ $(this).css("height",$(this).height()+"px"); }); サンプル アニメーションを設定する場合はheightを指定、これ重要です。 リキッドレイアウトの場合 リキッドレイアウトの場合heightを固定してしまうとウィンドウサイズを小さくした場合、ウィンドウが拡張されませんね。 その場合は以下のclickイベントの最初で高さを指定しておき
[CSS]検索フォームを素敵なデザインするスタイルシート集
検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <form id=”searchform1″ method=”get” action=”" > <input class=”isearch1″ type=”text” name=”keywords” id=”keywords” /> <input class=”ibutton1″ type=”submit” value=”" /> </form> </textarea>
[Mac]最近Firefoxが妙に重くなったなと感じているあなたm9(´Д`)の為のTips
マッキン徒の皆さん、こんxxは。 何か最近重い気がするなぁ…重い、やっぱ重いよ…と、使って行く内にジワジワと茹で蛙の如く重くなって動作が鈍化しある日ハッと我に返らせてくれる（カエルだけに）火狐ことFirefox。 導入時のあの感動をもう一度ｶﾓｰﾝщ(ﾟДﾟщ)！というあなたm9・∀・）。 先ず自分の日々の行いについて心当たりが無いか、胸に手を当ててよく考えてみるべきではないでしょうか。 そう、アドオンです。 使わない物は無効化にするか要らなければ削除しちゃいましょう。 そして意外とバカにならないのがブックマーク達。 単純に減らすのも手ですが、ポイントはブックマークツールバーから外す事。 自分の場合は一つのフォルダに500弱有ったブックマークを、Googleツールバーの機能を使いGoogleブックマークに吐き出して削除したら、新規ウィンドウ表示の立ち上がりが軽くなりました。 ツールバーのブ
![[Mac]最近Firefoxが妙に重くなったなと感じているあなたm9(´Д`)の為のTips](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b7f772971dc29fc22449985ca065d54549fa5c1/height=288;version=1;width=512/https%3A%2F%2Frobotboy.up.seesaa.net%2Fimage%2Fprivacy_data_delete.png)
Adobe - デベロッパーセンター : SWFObjectを使用したJavaScript Flash Playerの検出と埋め込み
SWFObjectはサイズの小さなJavaScriptファイルで、Macromedia FlashコンテンツをWebサイトに埋め込むために使用します。このスクリプトは、Mac OSとWindowsで使用されている主なWebブラウザでFlash Playerを検出し、SWFファイルを簡単に埋め込むことができるように設計されています。 検索エンジンで検出されやすくなるだけでなく、SWFObjectの劣化はゆるやかで、有効なHTMLおよびXHTML 1.0ドキュメントで使用でき（つまり、ページがapplication/xhtml+xmlではなくtext/htmlとして送信される場合に使用できます）、上位互換性があるので、この先何年もそのまま使用できます。 必要条件 この記事を最大限に活用するには、以下のソフトウェアおよびファイルが必要です。 Flash 8 体験版 購入 任意のテキストエディタ
特集：Google ChromeをIEやFirefox並に使いこなす16の極意 :教えて君.net
流星の如くあらわれたGoogle製ブラウザ「Google Chrome」。重厚路線を突き進むFirefox、IEなどのブラウザを尻目に軽快なフットワークでウェブサービスを取り込み、急速に勢力を拡大しつつある。もはやおまけのブラウザではない「Chrome」の特徴をしっかり把握して、適材適所で使いこなせるようになろう！ ・進化中のChromeの本領はウェブサービスで発揮される ・「シークレットモード」などの特殊機能を活用する ・オンライン化した夜用動画をGoogle Chromeからコッソリ再生 ・フォルダ内の動画を全自動でアップロードしてくれる「Soonr」 ・Google Chrome＋MP3tunesで大量のマイ音楽を出先で楽しむ！ ・出先マシンでのBGM再生はLast.fmでお気に入りだけをチョイス ・ChromeならGmailを標準メーラー並にサクサク使えるぞ！ ・Gm
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。 iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
jQuery.jsを使ってhtmlを外部読み込み
htmlの作成時に各ファイルで共通している部分がありますね。 ・ヘッダとか ・フッタとか ・グローバルナビとか そんな時、どうしてますか？ 1.各ファイルに同じ記述をしてますか？（変更掛かったらめんどくさいですね） 2.SSI（サーバーサイドインクルード）してますか？（できればいいけどちょっぴり敷居が高い？） 3.avascriptでdocument.writeつかってますか？（ソースが長いとめんどくさいですね） ざっくりリストアップすると以上のような方法が考えられます。 僕も上記のどれかをケースバイケースで使ってました。 そこにもうひとつ選択肢を追加します。 jQuery.jsを使って外部のhtmlファイルをまるごとインクルードしちゃいましょう。 方法 1.何はともあれjQuery.jsをダウンロード http://jquery.com/ 2.htmlのheader要素内で読み込む <s
amazon.co.uk買い方まとめ
■amazon.co.ukでDVDが安すぎる まとめ 改x6 http://www.amazon.co.uk/ amazon.co.ukで買えるのは、CD,DVD,BD,書籍のみ。時計、服、家電などは買えない。ただし、マーケットプレースの店によっては日本発送をしてくれる店もあるかも。 見るだけなら日本国内で買うのが馬鹿らしいくらいの価格差がある。7万円 vs 2千円。しかも正規版。 日本のリージョンは２、欧州も２、アメリカは１。日本と欧州は映像方式の違いで差をつけている。 XBOX、XBOX360はPALでもNTSCでもOK。 PS2でPAL方式は見られない。見られるのはNTSC方式のみ。リージョンも2のみ。 PS3でもPAL方式DVDは見られない、リージョンも2のみ。Blu-rayはNTSC/PALとは無関係。リージョンチェックのみ。 PAL方式が見られるリージョンフリーなDVDプレイヤ
Gmailの「マルチ受信トレイ」が驚くほど便利 【Gmail Labs機能】
この発想は「Eメール」というサービスにはなかったのではないでしょうか。Googleが発表した新しいLabs機能の「マルチ受信トレイ」は、受信トレイに複数の「フォルダ」を表示してしまう超効率化機能です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Gmail Labsの新機能「マルチ受信トレイ」 「マルチ受信トレイ」は、Gmailの受信トレイに「ラベルごとに受信したメール」「スター付」「検索結果」などの一覧も表示できる機能。 仕事やプライベート、目的別に一覧を一度に確認することができ、受信トレイに未読メールが溜まりすぎるなんてことも解消できそうです。 「マルチ受信トレイ」のUI ↑このように、デフォルトでは左に従来の受信トレイ、右側に検索結果や下書き、スター付といった項目を受信トレイ合わせて最大
検索トラフィックを簡単に増やす10の秘訣 | Moz - SEOとインバウンドマーケティングの実践情報
僕は今、連れ合いのMystery Guestと一緒に、カリフォルニア州オーシャンビーチにある親戚の家で休暇を過ごしている。一緒にお気に入りのテレビ番組を見た後、Mystery Guestは1時間ほど前に眠り込んでしまった。さっきまで降っていた雨も上がり、とても静かだ。聞こえてくるのは波の音ばかり。時おり、表を通る酔っ払いの声もするけどね。 今の幸せな気分をみんなと共にしたくて、ちょっとしたプレゼントを用意した。SEOに関連して知っておいて損はない10の秘訣だ。あまり手間はかからず、かなりの効果が期待できるよ。 #1 キーワード カニバリゼーションをリダイレクトで解消するだいたいどこのサイトでも、最も重要なキーワードでターゲティングしているページが複数あるものなんだ。同じサイトのページが検索結果の2ページ目と、3ページ目、4ページ目、それに5ページ目といった具合に分かれて表示されて、結果的に
Wintryblasts Tech Blog » Dropboxのキャッシュ削除。Cacheフォルダを探せ！
Dropboxを使い始めて数ヶ月。 なんだか気付いたらファイルを削除しているのにハードディスクが一杯になっていて大変なことに。 Dropbox http://www.getdropbox.com/ まずはWindowsで探してみるとキャッシュフォルダが12GBもある（汗） 場所はVistaの場合はユーザーフォルダ>appdata>Roamingの中にDropboxのフォルダがあり、その中のcacheフォルダが原因。 Macの場合もユーザーフォルダの中なのだが通常は見えない。 そのためターミナルを起動して、ls -aする。 すると.dropboxなるフォルダが現れるので、cd .dropboxと打つ。 さらにその中のキャッシュフォルダを削除すればいいのだが、 面倒なのとHDDを食いつぶすので使用をやめることにし、 .dropboxごと削除した。 rm -r .dropb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
私はGoogleリーダーを使ってこんな風に情報を集めています*二十歳街道まっしぐら（FC2ブログ時代）
株式会社スタイルズ
Web ページを高速化する
IDEA * IDEA