Lucky bag::blog: 個人的に気に入ってるユーザースタイルシート
今んとこ、ガチで不動のレギュラーメンバーな自分のユーザースタイルシートを晒してみる。userstyles.org で見つけたやつとか、自分で書いたやつとか。ちなみに、ユーザースタイルシートの管理は Firefox の 拡張 Stylish で。 livedoor Reader 用 各記事タイトルの下にある"元記事"って部分を URI に置き換えて表示 @-moz-document domain("reader.livedoor.com") { div.item_info { text-indent: -3em; } div.item_info a { visibility: hidden; } div.item_info a::after { visibility: visible; content: attr(href); } } Gmail 用 迷惑メールの未読数を見えなくしてボールド
Lucky bag::blog: CSS Reboot に見るウェブデザインのトレンド
以前にも取り上げた事があったけど、CSS Reboot ってのは、ウェブサイトのリデザインを期日を決めて一斉に行なうイベント。多分もう 3 回目くらいだと思うんだけど、5 月 1 日に 2006 Spring が行なわれたばっか。CSS Reboot のサイトでは、リデザインしたウェブサイトが紹介されてて、誰でも気に入ったサイトに投票できるようになっている。ちなみに、CSS Reboot のその場でクリックするだけで評価できる vote 機能は、シンプルで良いな。送信した後に、Total score も表示されるし。 んで、Christian Montoya が今回の Reboot でのデザインのトレンドについて書いていたんだけど、大雑把に書き出してみると下記のような感じ。 1024px の幅 Silk Icons の使用 暗い背景に明るい色のテキスト 大きめのフッタ 1024px の幅
Lucky bag::blog: Ajax を利用したアクセス解析ツール mapsurface
非常にライトウェイトなアクセス解析ツール mapsurface 。ベータテストの申し込みしをしてから約 10 日ほど、忘れていた頃にアカウントが貰えたんでちょっと使ってみた。 mapsurface | web page activity widget mapsurface is a web page activity widget that helps you quickly see how people find, navigate and value the pages of your web site. Google Analytics 等のサードパーティ製アクセス解析サービスは管理画面にログインしないと解析結果が確認できないわけだど、mapsurface の場合は今閲覧しているページ上でそのページの解析結果を即座に、しかも誰でも見ることができる。とりあえずテストページを作ってみたん
Lucky bag::blog: CSS の習得度レベル 5
あらゆる言語がそうであるように、プレゼンテーション言語である CSS にも習得度の段階がある。自分が思うレベル 5 を挙げててみた。とか、それらしく始めてみたけど実はかなりネタ気味な内容。ここ最近のあまりの忙しさに現実逃避で思いつくまま書き連ねてみただけ。当然の事ながら、この内容が万人に当てはまるわきゃないですよ ;-P CSS 習得度レベル 1 色とか簡単に変えられるらしい事を知っている CSS を使うのはフォントサイズの指定くらい CSS を使うメリットが良く分からない レイアウトには table 要素を使えば良いと思う まず、何から覚えれば良いのか分からない CSS 習得度レベル 2 外部 CSS ファイルのメリットを知っている ある特定の要素にスタイルを適用するには (X)HTML の方に ID かクラスを割り当ててから CSS で指定する CSS ハックでブラウザごとに指定を振り
Lucky bag::blog: CSS3 の Selectors と CSS3 Advanced Layout Module
増えているものや削除されたものがあるみたいね。とりあえず、メモとして現状 CSS3 で追加されたセレクタを全て抜き出してみる。 E[foo^="bar"] foo 属性値が文字列 bar で始まる E 要素にマッチ E[foo$="bar"] foo 属性値が文字列 bar で終わる E 要素にマッチ E[foo*="bar"] foo 属性値が部分文字列 bar を含んでいる E 要素にマッチ E:root ドキュメントのルートである E 要素にマッチ E:nth-child(n) 親の中で n 番目の子である E 要素にマッチ E:nth-last-child(n) 親の中で最後から数えて n 番目の子である E 要素にマッチ E:nth-of-type(n) 同じ要素名を持つ兄弟の n 番目の E 要素にマッチ E:nth-last-of-type(n) 同じ要素名を持つ兄弟の最後か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lucky bag::blog: Appendix