ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」:phpspot開発日誌
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」 2009年09月14日- ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUserAgentを解析し、<html> に class を振ってしまうことで、CSSの指定が次のように楽になります。 /* IEのみに適用 */ .ie body { background-color: yellow } /* IE7のみに適用 */ .ie7 body { background-color: orange } /* geckoベースのブラウザのみに適用 */ .gecko body { background-color: gray } 使い方 (1) 必要なPHPファイルをインク
使える２１のPHPコードスニペット:phpspot開発日誌
使える２１のPHPコードスニペットが紹介されています。 例えば、以下のような便利なスニペットが紹介されています。 ・ランダム文字列作成 ・メールアドレスのエンコード ・ディレクトリ内のコンテンツ表示 ・ディレクトリ削除 ・JSONデータのデコード ・XMLデータのパース ・ファイルダウンロードヘッダー表示 ・タグクラウド作成 ・Ajaxリクエストかどうか判別 但し、掲載されているメールアドレスの正規表現チェックのコードは注意が必要です（参考）。 コードは以下エントリにて掲載されています。 21 Really Useful & Handy PHP Code Snippets 関連エントリ WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル PHPからTwitterに投稿するサンプルコード＆サンプルアプリ
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
iPhone 対応ウェブページにするおまじない
iPhone 対応ウェブページにするおまじない 2009-09-08-2 [Tips][iPhone] Revilist を iPhone の Safari で見ると、なんか縮小されちゃうので困っていました。 しかし、いろいろ調べて解決！ 下記のメタタグを足したらOKでした。 <meta name="viewport" content="width=device-width; initial-scale=1.0;"> おまじないなし。字が小さいです。拡大しても横スクロールが必要になってイマイチ。 おまじない後。iPhone の幅に合わせての折り返し。ほどよい文字サイズです。 参考 - iPhone 3G用のWebページを作る1 http://allabout.co.jp/internet/javascript/closeup/CU20080715A/index3.htm - iPhone
Web ブラウザに表示されている画面を直接編集する方法
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter
Facebookのサーバーもすごいことになっている件（直近10ヶ月で20,000台のサーバーを追加。ログは毎日25TB。） - shibataismの日記
Googleに比べるととっても地味なPRしかしていないが、実はFacebookのエンジニアリングも結構すごい。CTOのJeff RothschildがUCSDで講演したビデオが見れるので今日がある方は是非見た方が良いと思います。 ビデオ http://cns.ucsd.edu/lecturearchive09.shtml#Roth http://video-jsoe.ucsd.edu/asx/JeffRothschildFacebook.asx 解説記事 http://www.datacenterknowledge.com/archives/2009/10/13/facebook-now-has-30000-servers/ ビデオを見たのが昨日なので、全部覚えていませんが、覚えていることだけでメモを書いておきます。全般的に、非常に素直な講演で、自分たちの良いところも悪いところも素直に言っ
Shift_JIS では、htmlspecialchars() を使用しても XSS が可能な場合がある - t_komuraの日記
以下のページに関連して、htmlspecialchars() を使用している場合でも XSS が可能かどうか少し調べてみました。 http://www.tokumaru.org/d/20090930.html その結果、いくつかのブラウザで文字エンコーディングに Shift_JIS を使用していた場合、XSS が可能なことを確認しました。 テストコードは以下の通りです。リンクにマウスポインタを乗せると埋め込んだ Javascript が実行されます。 <?php $_GET['a1'] = "\xf0"; // \xf0 - \xfc で可能 $_GET['a2'] = " href=dummy onmouseover=alert(document.title) dummy=dummy"; header( "Content-Type:text/html; charset=Shift_JIS
innerHTML と outerHTML の使用可否のまとめ
ie で読み取り専用になっている要素タグには innerHTML は使えません。代替手段として outerHTML を利用して動的に書き換えるテクなどがあります。読み取り専用の要素は例えば table 要素が該当しますが、ちょっとやそっと調べたところで何が読み取り専用の要素なのか資料がでてきません。 と言うわけで適当にスクリプト書いて調べてみました。取りあえず調べた要素は以下の通りです。Internet Explorer Developer Center < meta Object に記述されている要素一覧です。html 要素は outerHTML すると ie がフリーズするので調査対象外です。 <a> <abbr> <acronym> <address> <applet> <area> <attribute> <b> <base> <baseFont> <bdo> <bgSound>
javascriptを理解するためのたった2つの大切なこと
9割ぐらいはハッシュ何がハッシュなのかjavascriptで存在するほとんどのオブジェクトの実体はハッシュだよ。 var arr = [0,1,2,3]; とかをみると配列(人によってはリスト)に見えると思う。でも実際は違うんだ。 これは var has = {0:0,1:1,2:2,3:3}; と基本的には等価なんだ。ただちょっと束縛されているメソッド(インターフェイス)が違うだけ。 ためしに arr[4] = 4; arr['x'] = 'string'; arr[-1] = -1; としてみよう。 Firebugで確認してみると[0, 1, 2, undefined, 4]というような値がかえってくるよ。 でもarr[-1]やarr['x']の値は保存されてないのかな？そんなことはないちゃんとアクセスできるんだ。 それどころかarr.xで'string'がかえってくるんだ。 別の例を
ブラックベースの暗いウェブデザインで気をつけたいポイント
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象
個人店等がWebサイトを使って収益を上げる為に行うブランディングTips - かちびと.net
地域の小さなお店や経営者がWebサイトを使って集客を行う際に する事、Tipsを挙げてみます。あくまで一例ですが、Webサイトの 露出から集客（コンバージョン）に至る為の施行をリストにしてみました。 今日の記事はターゲットが地域依存性の高い業種にしています。 普段から良く書くSEOの記事ではなく、個人が行うブランディングのヒントです。 内容はかなり泥臭い方法になっていますので、クール且つスマートに仕事したいモテモテな貴方は今すぐ立ち去るがいい。 SEO効果は付加価値として付いてくるでしょう。 1・サイトマップ送信 xml形式のサイトマップをGoogleとYahoo!に送信し、より確実にクロールをして貰います。これはWebマスターの基本です。個人的にはxml-sitemaps.comが最も使いやすい印象です。sitemapの記述法に関してはGoogleのヘルプをご覧下さい。 いきなりブランデ
[CSS]HTML 5用のブラウザのスタイルをリセットするスタイルシート
HTML 5用のブラウザのスタイルをリセットするスタイルシートをHTML5 Doctorから紹介します。 <textarea name="code" class="css" cols="60" rows="5"> /* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl,
Firefox 3.5をインストールしたらまず行う設定 : audiofan.net blog
追記：Firefox 7に対応した記事を書きました。 Firefox 3.5では、Firefox 3からの設定周りの変更があるようなので改めてまとめてみたいと思う。 ツール→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Firefox 3.5ではまず詳細設定するよう設定の変更が必要らしい。 Cookieを有効にするが、保存期間はFirefoxを閉じるまで ツール→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン（標準設定） ツール→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン（標準設定） ツール→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで 毎回書いてるけど、Firefoxの一番の魅力。Cookieを有効にしていないといろいろと不便になるサイトはよく
SSH総当り攻撃(Brute Force Attack)の傾向から利用を避けたいユーザ名 - 元RX-7乗りの適当な日々
某所で運用しているサーバの話なんですが、割と"SSH Brute Force Attack"がヒドく、対策を行わないといけないんですが、その前にせっかくなので、攻撃者がどんなユーザ名でログインを試みているかの統計を取ってみました。 というわけで、ログインに失敗した回数、上位10ユーザ名の一覧を取得するワンライナー。 # cat /var/log/secure* | grep 'Invalid' | awk '{print $8}' | sort | uniq -c | sort -nr | head -n 10結果は、だいたい予想通りですが、↓のような感じです。 1474 admin 1399 test 1059 123456 751 oracle 703 user 570 guest 416 web 380 www 370 info 359 backupというわけで、"admin"とか"
Webと実店舗の共食いを超えた先
キラーウェブを創る ライバルがひしめくネットの世界を生き残っていくには、Webサイトを「キラーウェブ」に育て上げる必要がある。キラーウェブとは、何らかの要素で「一番」を持ち、それがユーザーに支持されているWebサイトのことを指す。本連載では、ECサイトを成功に導いた企業の試行錯誤を基に、勝ちパターンを探っていく。 バックナンバー （1）キラーウェブでなければ生き残れない （2）ありふれた商品でもカテゴリーキラーになれる（ケンコーコム） （3）「言葉の市場」を攻略するニッチターゲティング（ネットオフ） （4）自社をメディア化する「Web情報武装」の正体（ゴルフダイジェスト・オンライン） （5）商品の質こそがキラーファクターになる（オイシックス） （6）Webと実店舗の共食いを超えた先（良品計画） これまで、5回にわたってキラーウェブの作り方とその事例を紹介してきた。名の知れた大企業よりも、各
乗車券分割プログラム（乗車券・定期券の運賃分割計算）
乗車券分割プログラムの実行 JR線の乗車券の購入において、運賃が最も安くなる分割地点をブラウザ上で検索します。 分割定期券や通常の切符の運賃・距離（キロ数）の計算も可能です。 JR全線に対応しています！ （普通乗車券の場合は「きっぷの運賃」が出力されます。JR東日本の「IC運賃」は出力されません。） アクセスが集中すると「Service Temporarily Unavailable」と表示されることがあります。 この場合は、しばらく時間をおいてからお試しいただきますよう、お願い申し上げます。 乗車券分割プログラムについて 乗車券分割プログラムの概要 乗車券分割プログラムとは？ 機能と対応路線 路線名称 注意事項など 操作方法とよくあるご質問 操作方法（フォーム説明編） 操作方法（基本操作編） よくあるご質問（FAQ） プログラム更新履歴 運賃の仕組み 分割すると安くなる理由 賃率からの運
URLにちょろっと細工するだけでYouTubeの動画をリピート再生できる『YouTubeRepeat』が超絶便利だ！
ドットインストール代表のライフハックブログ
Poundで作るロードバランサとSSLラッパ（1/4） ― ＠IT
Webサーバの負荷を軽減する方法として、リバースプロキシによる代行とロードバランサによる分散が考えられる。今回は、これらによる負荷の低減方法について解説する。（編集部） Apache自体のチューニングによる性能向上には限界があります。よりパフォーマンスを求めるなら、次にやるべきことはメモリの追加や高性能なCPUへの交換など、ハードウェアの見直しです。しかし、それにも限界があります。 リバースプロキシとロードバランサ ハードウェア単体による性能向上が限界に達した場合は、サーバ構成の見直しを行います。まず考えられるのが、リバースプロキシをWebサーバの前面に立ててクライアントからのアクセスを肩代わりさせる方法です。Webサーバがボトルネックになるのを防ぐとともに、セキュリティ向上にも寄与します。 もう1つの方法は、より高可用性を意図した構成として負荷の分散を図ることです。高可用性とは、サーバの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SEO（検索エンジン最適化）に役立つ日本語対応の無料ツール集
http://gerenuk.crazyphoto.org/2009/06/21/801/