便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
css - ルビもCSSで : 404 Blog Not Found
2006年05月31日00:55 カテゴリTips css - ルビもCSSで これ、実はCSSでなんとかなります。 檜山正幸のキマイラ飼育記 - ルビ（ふりがな）タグの話 IE6では期待通りの表示（ふりがなの「おびただ」が「夥」の上に乗る）が得られます。FireFoxはダメでした、 以下をご覧ください。 夥 （おびただ） しい数のWebページ どうです? 当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。 /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:
はてな内の2カラムレイアウト - tikeda's blog
最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変するレイアウトが増えてるのですがキーワードページなどメインカラムの要素が様々だったり、カラムの上下左右と柔軟性が必要な場合が多く、色々やりくりした結果、floatを使った以下の方法で定着しています。 HTML <div id="main"> <div class="box"></div> <div class="box"></div> </div> <div id="sidebar"> </div> CSS #main{ float:left; width:100%; } #sidebar{ float:left; width:250px; background:#CCC; margin-left:-260px; } .box{ margin-right:260px; }こうすると、メインカラ
hxxk.jp - CSS を書く前に読んでもらいたいこと
記事データ 投稿者 望月真琴 投稿日時 2006-04-09T19:40+09:00 タグ CSS IRC Team-One オフ会 仕様 実践 Web Standards Design 春に会いましょう 概要 CSS の初心者なあなたもエキスパートなあなたも、とりあえずここは押さえとけ、という記事を紹介。 リプライ 7 件のリプライがあります。 CSS を書く前にブラウザ毎のクセをリセット CSS を書くことに慣れている人はよくご存知でしょうけど、 IE や Firefox や Opera や Safari などの UA はデフォルトスタイルシートと呼ばれるスタイルシートを持っており、それを適用せねば、あるいはそうであるかのように動作せねばならないと仕様で定められています。 User agent: Conforming user agents must apply a default s
mixi が3カラムでアレなので
横スクロールバーが出っ放しです。f*ck-mixi.user.jsf*ck-mixi-p.user.js 一番右のやつを消す GreaseMonkey スクリプトを書いた。すっきり！ XPath 使うように修正。iterateNext がなんか使えなかったので snapshot 使った。 副作用がでにくいように修正 副作用でログイン画面が消されていたのを修正。 User CSS でやったほうがよさげ。 @-moz-document domain("mixi.jp") { *[width="950"] { width: 840px !important; } table td > img[src="http://img.mixi.jp/img/smenu_bg.gif"], table td > img[src="http://img.mixi.jp/img/smenuf_bg.gif"],
はてなブログ | 無料ブログを作成しよう
帰省、寿司、陶芸体験 8/13（火） 妻の実家の墓参りへ行き、俺の実家へ帰省。風呂に入る前に子供達と外で水鉄砲で水を掛け合いびしょ濡れになる。最後のほうはどうにでもなれと思い、ホースやバケツで直接水をかけ合う。久しぶりの大胆な遊び方に子供たちは大声をあげながら騒いでいるが、田…
はてなダイアリーで、背景色と同化させてネタバレを隠すとき、キーワードもちゃんと隠すには - 高森太郎の日記。
よくネタバレを隠す方法で文字を反転させる方法がよく使われる。たとえばこんな感じ。 ネタバレですよー！ ↑ここをマウスでドラッグすると反転表示し、読めると言うわけだ。実は携帯ではてなを見ると、 隠したい部分が全部丸見え まったくその部分を読めない 読むには非常に手間がかる などというどれかになっちゃったりするのだが、そのあたりはその他の方法、Javascriptを使う方法などとそう変わらないし、CGIを使う方法、たとえばはてなだと「続きを読む記法」を使うとその日、その記事固有のリンクでやってくるとやっぱり丸見え、などということを考えるに、この方法はかなり手軽でなかなか有効な方法としてかなり使われている。 が、ここはてなダイアリー、はてなグループだと、キーワードが自働リンクされる。これがはてなダイアリーの最大の特徴と言ってもいいのだが、そうすると、ネタバレの部分にキーワードが点在して浮き上がる
リンク先のファイルの種類によってマウスカーソルを変える -- 3m/746の日記 2.0 final β - 久しぶりに
日光を浴びた。 日が昇る前に会社に行って、日が沈んでから家に帰る日がずーっと続いていたのだ。 疲れたよ。でも今日は休みだ…もう今日も終わるケド。 （12/14に書き直しました。以前の内容は念のため id:mitamu:20051214#1134571263 にとっておきました。ご迷惑をおかけしてたいへん申し訳ございません。） WebページのリンクをクリックしたらそれがPDF文書だったりWord文書だったりExcelワークシートだったりして、ファッキン*1なAdobe ReaderとかMicrosoft WordとかMicrosoft Excelとかが起動してしまった…。 なんてコトがよくあるわたしとしては、PDF文書だとかがはっきりわかればそもそもクリックせずにすむワケなのだ。 Mozilla Firefox 1.5だとマウスカーソルを変えられるので、userContent.cssにごにょ
TK-BLOG: はてなダイアリーのデザイン
幣サイト「TK-BLOG」ではPDA関連の情報とか、有用なネタを書くようにしてますが、日記とかのほとんど価値の無さそーなこと＾＾は、TK-Hatena（はてなダイアリー）の方に書かせて貰っているのですが、良く「どうやって、はてなのデザインを本家(こちら)のようにカスタマイズしたのですか？」と聞かれます＾＾； どうやって？と聞かれると、「頑張ってCSSをイジりまくる」としか言いようが無いのですが＾＾、その作業を楽にするモノはあります。 Mozilla（Firefox）用のエクステンションで「EditCSS」というモノですが、普通にオンラインでページを読み込むとサイドバーに読み込んでいるCSS情報が表示（外部ファイルも）されます。 そこからがスゴイのですが、そのサイドバーのCSSを修正するとリアルタイムにページ側もそのスタイルに変更されます＾＾。 んで、後は望みのスタイルに見ながら仕上げて行く
Lucky bag::blog: CSS を作成する際のお約束
CSS を作成している際に、当然の如くブラウザによって描画結果に違いが出てくるわけで、ムキーとか言いながらその差異を埋めていく作業が一番面倒っちゃあ面倒。んで、ボックスモデルやその他ブラウザごとのバグ以外で、極力そう言った差異を少なくするためには、一番最初に全称セレクタを使ってブラウザのデフォルトスタイルを消してしまうのが手っ取り早い。 * { margin: 0; padding: 0; font-style: normal; font-weight: normal; } ここらへんは基本だと思ってたんだけど、未だにこれをやっていなくて、あのブラウザとこのブラウザで見た目が違うんですけどってのは結構いたりする。上記に text-decoration: none; や font-size: 100%; なんかを加えても良いかも知れないけど、最低限マージンとパディングは無くしておくことをお薦
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://rospear.info/other/archives/2006/08/url.html
「旅行びと日記」日記: はてブ個人ページのカスタマイズ方法
はてなダイアリー実践デザインカスタマイズガイド
CSSの謎