web

10の有名サイトから学ぶ、20のユーザビリティーに関するTIPS

web

http://blog.av-jyo.com/2011-07/usability.html実際のサイトを使った良い例/悪い例が出ているので、分かりやすい

Google、自分の情報がウェブに公開されたことを通知する「Me on the Web」

クリティカルな情報漏洩がないか一応いれとくといいと思います。http://internet.watch.impress.co.jp/docs/news/20110617_453993.html

zenbackをアメブロの記事下に設置してみた

zenbackとは、シックス・アパート社が提供するブログパーツ。 その記事をソーシャルサービスなどにポストするボタン その記事に関係する自分のブログ記事 その記事に関係する他のzenbackユーザーのブログ記事(関連リンク) その記事についての最新のTwitter…

ファーストビューは何pxまで? ブラウザの表示領域サイズ5年間の変化を大公開

web

全体の80%に対してちゃんと見せたければファーストビューは1000x550px程度で設計するのが良いみたいネタ元 http://web-tan.forum.impressrd.jp/e/2011/06/07/10408

ロリポップでMySQL

web

解説 http://penguin.oops.jp/blog/mysql.htm ロリポのMySQLは外部からのアクセスはできないので、接続テストはロリポサーバーにupしてやりましょう。

RTされやすいツイートの条件

例: 意外と知られていない、心に沁みる偉人の名言 その世界の一流である私が語るコツや裏話 へえー!と思える内容 写真付きのおもしろネタ 電車の遅れや地震、台風、集中豪雨などの災害情報 有益な情報(ブログやサイト)への入り口になっているもの ※ただ…

「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント

web

デザインは苦手なんだよねぇ。 http://parkn-park.com/webdesign/webothers/%E3%80%8C%E7%B4%A0%E4%BA%BA%E3%81%A3%E3%81%BD%E3%81%84%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%8D%E3%81%8B%E3%82%89%E6%8A%9C%E3%81%91%E5%87%BA%E3%81%99%E3%81%9F%E3%82…

エイリアス(Alias)。全然別のディレクトリにあるファイルをドキュメントルートの配下に配置されているように見せかける。

httpd.confの <IfModule alias_module>〜<IfModule>の間に定義する <IfModule alias_module> ... Alias リクエストのURLパス 実際のディレクトリ ... </IfModule>ネタ元 http://www.adminweb.jp/apache/docroot/index3.html

パスワードを平文で管理するのはダメだ

パスワードの再発行をやってみると、どれほどのセキュリティ感覚でそのサイトが作られているかが分かる。 平文で自分が設定したパスワードが送られてくる。 パスワードが再設定され、新しく設定されたパスワードがメールで送られてくる。 さらに、そのパスワ…

Google の検索結果に表示されないようにする

web

機密情報をサーバー上に保管する必要がある場合は、パスワードで保護されたディレクトリに保存する。 robots.txt を使用してサーバーのファイルやディレクトリへのアクセスを管理する。 noindex メタ タグを使用して、検索結果にコンテンツが表示されないよ…

phpPgAdminを利用したデータベースのバックアップ&リストア

バックアップ データベースのエクスポートを利用する。出力するフォーマットは構造とデータを選び、SQLにする。そうするとデータベースを再構築するためのSQLファイルが作成される。 リストア データベースを削除する。 再度データベースを作成する。 復元す…

これは便利!webデザイナーやプログラマーなど、各種分野の請求書が簡単に作成できる請求書.jp

https://www.seikyusho.jp/独立したりすると、こういう書類作成ノウハウで案外悩む。テンプレってありがたいのです。

IE8のcookieのある場所

インターネットオプションを開いて 閲覧の履歴のとこにある「設定」ボタンをクリック 「ファイルの表示」をクリックすると、一時ファイルフォルダが開く この中にcookieのテキストファイルがあります。

不使用なCSSルールをチェックするツール(css-redundancy-checker)の使い方 & カスタマイズ

css-redundancy-checkerはcssファイルから使われていない不要な定義を外す(削除する)ためのチェックツール。rubyで書かれています。 インストール css-redundancy-checkerに必要なもの Ruby本体 (1.8.4で動作確認済み) Rubygems Hpricot macなら上2つは標準…

開設間もないサイトのSEOがうまくいっているかどうかのチェック項目

web

要チェックhttp://m-ishikawa.com/blog/2011/05/23/1381/

ブラウザ検証用のMS謹製仮想マシン一覧

http://www.microsoft.com/downloads/en/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8efXP+IE6からwindows7+IE9まで各種取り揃えております。 全て英語版なのでXPは日本語表示ができない。XPはWindows XP Service Pack 3 - ISO-9660 CD イメー…

たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮&最適化してくれる『zbugs』

http://www.zbugs.com/JavaScriptやCSSを圧縮&最適化したいサイトのURLを入力してボタンを押すだけの簡単操作!サイトのさらなる高速化が期待できます。httpsアクセスしているところはだめっぽい。 最適化されたcss等をダウンロードするにはユーザー登録が…

シンプルなラインで構成されたフリーのお天気アイコン

web

何かに使えそうhttp://artill.de/blog/index.php/2011/05/free-weather-icons/

textareaではmaxlength属性による制限は効かない。でもHTML5からはOKだよ

chromeは対応している様子。IE8はだめでした。 ネタ元 http://www.tohoho-web.com/how2/form.htm http://postoro.blogspot.com/2011/01/html5-textarea-maxlength.html

ハックやJavaScriptを使わず、クリーンHTMLでIE6にも対応したプルダウンメニュー

よくあるcssでシンプルなやつはIEでは動かなかったりする。それをなんとか解決させたのが本作。ネタ元 http://css-eblog.com/csstechnique/cleanhtml-pulldownmenu.html iPhoneやiPadなどのタッチ系I/Fだとプルダウンメニューのようにカーソルが上に乗ったと…

テーブルの背景画像を繰り返さないようにするにはスタイルシートでstyle="background-repeat:no-repeat"

例 <table border="1"> <tr> <td height="100" width="100" background="/archives/sample/image/duke.gif" style="background-repeat:no-repeat"></br></td> </tr> </table> ネタ元 http://www.ikepon.jp/old/archives/000230.html

imgタグをaタグで囲むと出る枠を消す

imgタグに border="0"をつければいいよ。 <a href="hogegohe.php"><img border="0" src="hagehage.jpg"></a>

tableタグのcellspacing等をCSSのみで指定する

tableタグとCSSの対応表 cellspacing → border-collapse、border-spacing cellpadding → tdタグの padding border → border-width または border ネタ元 http://itpc.blog87.fc2.com/blog-entry-49.html

Google Analytics for WordPress

WordPressプラグインからインストールできる。くわくはこちらから。http://wordpress.wpblog.biz/%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/google-analytics-for-wordpress/

IE以外のブラウザ(Firefox/Safari/Opera…)でクリップボードにコピーする(Flash ver.10対応)

web

zeroclipboardというのを利用するとよいそうです。ネタ元 http://nplll.com/archives/2009/03/iefirefoxsafarioperaflash_ver1_1.php

検索エンジンにひっかからないようにする.htaccesssサンプル

http://kensakuyoke.web.fc2.com/image/ht-sample.html但し情報は日々変化するのでサーバーログなどを見ながら作るべし。 ネタ元 検索避け覚書.htaccessを使っての検索よけ。設置と記述例

.htaccesss リファラーを参照して直アクセスを禁止したり、逆に許可したりする方法

特定の参照元(Referer)の禁止 SetEnvIf Referer "^http://www\.hoge\.com" ref_ng order allow,deny allow from all deny from env=ref_ng特定の参照元(Referer)の許可 SetEnvIf Referer "^http://www\.hoge\.com" ref_ok SetEnvIf Referer "^$" ref_ok …

Google の検索結果からコンテンツを削除する方法

web

間違って非公開情報がgoogleのクローラーに見つかっちゃった時などに使える。http://googlewebmastercentral-ja.blogspot.com/2011/05/google.html

容量無制限の無料オンラインストレージ firestorage

とはいえ、1ファイルに付き250MByteの制限はあります。 http://www.firestorage.jp/ ファイルをアップロードして、URLを相手に送るだけ。簡単。

アフィリエイト報酬発生させるときにimgタグを張るけど、これでどうして成果報酬が発生するのか

web

imgタグでphpやperlのプログラムを動かすんですね 以下googleキャッシュから発掘 - イメタグで成果報告をする。 成果報告はイメタグで。 とか言いますが、そもそも「イメタグで」とはどういうことでしょう? まず、イメタグとは imgタグ の略です で、 imgタ…