[B! web制作] saihatenoのブックマーク

検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） ::SEM R (#SEMR)

検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） Google、Yahoo!、Microsoft3社が　rel="canonical"　（正規化、canonicalization ）をサポート。クローラが適切な（canonical）サイトを見つける手がかりに。rel="canonical" はページの head の中に記述すること。公開日時：2009年02月13日 15:37 Google、Yahoo!、Microsoftの3社は2009年2月12日、共同で新しいタグ「 rel="canonical"」のサポートを開始した。rel="canonical"（属性）は、検索エンジンに正しいサイトのURLを認識(正規化、canonicalization）させるために使用される。同じサイト（ドメイン）でも、たとえば www.sem-r.com、se

saihateno 2009/02/14

リンク

Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー

★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragent switcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月

saihateno 2008/09/07

リンク

webサービスを作る前に読みたいデザイン系エントリまとめ - 遥か彼方の彼方から

まとめwebプログラムをしていて、いざサービスを作ろうと思ったときにネックになるのが、デザインです。僕はもうその手のセンスが絶望的に欠けていて、配色もレイアウトもまともなものが出来ません。HTMLやCSSそのものの知識があっても、それで作るモノが見えてこない。CakePHPの勉強をしてwebサービスをいっぱい作ろうと思っているのに、これは良くない。そこで実際にwebサービスを作る前に読んでおきたいwebデザイン系の記事をメモとして並べておくことにしました。「これを読んでおけ」「ここのデザインは参考になるよ」「このアイコン集おすすめ」「あのツールの使い方ならここだ」「このツール良い感じ」みたいなものがあれば、是非教えてください！　随時追加していきます。プログラマでも出来るWebデザイン - Blog.37to.netウノウラボ Unoh Labs: デザインセンスの無い人がwebサイト

saihateno 2008/07/29

リンク

KYOKUTYO NO BLOG. » Blog Archive » CGI::Application::DispatchでURL操作

CGI::Application::Dispatchで下記のようなURLを実装する方法。 http://yourdomain.com/app.cgi/[param1]/[param2] (mod_rewriteは使わない) app.cgi #!/usr/bin/perl use strict; use warnings; use lib qw (./lib); use CGI::Carp qw (fatalsToBrowser); use CGI::Application::Dispatch; CGI::Application::Dispatch->dispatch( prefix => 'WebApp', table => [ '' => { app => 'Index', rm => 'index' }, ':param1/:parm2' => { app => 'Index',

saihateno 2008/04/07

リンク

memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました

NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストールインストールがめちゃくちゃ重かったです。うちの環境だけかな。固まったかと思うほど。気長に待ちましょう ■インストール完了かなり時間かかりました。 ■ライセンス登録画面最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール

saihateno 2008/03/26

リンク

jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』 - IDEA*IDEA ～百式管理人のライフハックブログ～

ドットインストール代表のライフハックブログ

saihateno 2008/03/25

リンク

404 Blog Not Found:javascript - tableの横列・縦列をハイライト

2008年03月18日06:30 カテゴリLightweight LanguagesTips javascript - tableの横列・縦列をハイライトこれの「横列・縦列をハイライト」をDHTMLで。 Learn Cool Microsoft Excel Conditional Formatting Tricks - Be a Rock star (Tips | How tos - Save time, impress everyone) | Pointy Haired Dilbert - Chandoo.org エクセルのデータを見やすくする5つの簡単なテクニック | コリスまずは邪、じゃなくて横縞。現金・預金株式以外の証券株式・出資金金融派生商品保険・年金準備金預け金未収・未払金対外証券投資その他合計 1979FY1,948,234242,722452,2410432,1241

saihateno 2008/03/20

リンク

CSSレイアウトの定石　WinIE6バグ回避法

CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。フォントサイズ関係 font-sizeは%かpxで指定する。キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう（ブロックレベル要素を内包するボックスにはpaddingを指定しない。）左右ボーダーとパディングを設

saihateno 2008/02/23