タグ

2006年12月24日のブックマーク (10件)

  • hxxk.jp - Movable Type に Simple API のサムネイルを組み込む手順

    コメント・トラックバック表示欄にサムネイルを表示してみました i d e a * i d e a - トラックバックにサイトの縮小画像を入れてみたを参考に、コメント・トラックバック表示欄にサムネイルを表示してみました。 恥ずかしながら Simple API - ウェブサイト・サムネイル化ツール自体を知らなかったので、今更ながら「おおすげー」と感心していたり。 ( 何度かリファラに残っていたのは確認していますが、実際に使ってはいなかったのです。 ) Simple API のサムネイル表示ソースは微妙…… hxxk.jp で用いたソース ノンカスタマイズの Movable Type 3.2-ja-2 のテンプレートに適用するソース メリットとデメリット サムネイルが煩わしいと思う貴方に トラックバック送信先 Simple API のサムネイル表示ソースは微妙…… i d e a * i d e

  • DOCTYPE スイッチについての検証とまとめと一覧表 - hxxk.jp

    DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある

  • グリッドレイアウトのための背景画像 - lucky bag

    ウェブページをグリッドレイアウトするのであれば、あらかじめ CSS で背景画像にルーラーみたいな画像を指定しておけば制作時に便利じゃね?ってアイデア。 Subtraction: Grid Computing… and Design Airbag - Ruler. Using a Background Image Grid to Lay Out Your Web Site | Smiley Cat Web Design つうことで、自分が使いやすいと思う方眼画像をちゃちゃっと作ってみた。 gif画像(ご自由にどうぞ) grid.gif (GIF 画像, 200x200 px) 実際に適用してみたサンプル グリッドレイアウトのための背景画像のサンプル ルーラーの最小単位は 5px で、それより若干濃い線が 10px 、さらに濃い線が 50px、んでもって薄いグレーの背景が 100px 単位って

  • CSS Maintenance Tip: Use a Color Glossary

    Skip to Content I haven’t done this in a while, but I’ve found it useful to include a color glossary at the top of CSS files. Think of it as a key for hex colors. Not only does this makes it easier to quickly find the color you’re looking for, but it inevitably helps out the poor soul that has to update your code in the future. /* Yellow Highlight - #ffc Bold Blue - #1678b7 Light Blue Background -

  • カラー関連の情報を CSS 内に記述 - lucky bag

    CSS ファイル内に Color Glossary を記述しておくってのは、複数人で CSS を管理する際はもちろん、自分にとっても明快なんで、とても良いアイデアだと思う。 Garrett Dimon / CSS Maintenance Tip: Use a Color Glossary Glossary をもとに CSS ファイル内を検索・置換で色の変更なんかも簡単にできるし、メンテナンス性が高まるのは言うまでもない。こういった記述は、自分(またはグループ)が分かりやすいように関連づけて明記しておくのが良いと思う。例えば、ヘッダの色とか、見出しの色とかのパーツ単位でも構わないんじゃないかと。 んでもって、ウチの場合はちょっと拡張して、CSS 内に下記のようにカラーネーム、Hex 値と RGB 値の記述をしている。 /*================ColorScheme========

  • hxxk.jp - JIS 慣用色の色名と CSS での数値指定との対応表

    このサンプルについて hxxk.jp - CSS の色指定に関するメモと、 JIS 慣用色の一覧表に付随して作成した JIS 慣用色と色指定の一覧表です。 Lucky bag::blog: カラー関連の情報を CSS 内に記述を参考にして、気に入った色の行を CSS ファイル内に書くと便利かもしれません。 また、 CSS に限らず RGB 形式で色を指定する時の簡易カラーチャートにしても良いかも。

  • 一行あたりの文字数を制限するリキッドレイアウト - 2xup.org

    2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl

  • http://spicy-jam.com/weblog/

  • iGoogle Sidebar :: Firefox Add-ons

    iGoogle Sidebar 1.3.7 by sebdotv Categories Bookmarks Alerts & Updates Other View your Google Personalized Home page modules in the sidebar with an optimized layout... 15 reviews Updated September 24, 2008 1,637 weekly downloads 126,944 total downloads More Images Long Description View your Google Personalized Home page modules in the sidebar with an optimized layout. This extension was inspi

  • 遠近法ノート:萌える和文フォントを探すのよっ!