タグ

ブックマーク / www.lucky-bag.com (4)

  • Lucky bag::blog: CSS の習得度レベル 5

    あらゆる言語がそうであるように、プレゼンテーション言語である CSS にも習得度の段階がある。自分が思うレベル 5 を挙げててみた。とか、それらしく始めてみたけど実はかなりネタ気味な内容。ここ最近のあまりの忙しさに現実逃避で思いつくまま書き連ねてみただけ。当然の事ながら、この内容が万人に当てはまるわきゃないですよ ;-P CSS 習得度レベル 1 色とか簡単に変えられるらしい事を知っている CSS を使うのはフォントサイズの指定くらい CSS を使うメリットが良く分からない レイアウトには table 要素を使えば良いと思う まず、何から覚えれば良いのか分からない CSS 習得度レベル 2 外部 CSS ファイルのメリットを知っている ある特定の要素にスタイルを適用するには (X)HTML の方に ID かクラスを割り当ててから CSS で指定する CSS ハックでブラウザごとに指定を振り

  • Lucky bag: : blog: CSS デザインギャラリー

    世の中には (X)HTML + CSS の素ん晴らしいデザインでレイアウトされている方なんつうのはそりゃ沢山いるわけで、そんなサイトを集めたデザインギャラリー(ショーケース)サイトってのを見ていると、おいおいフォトショップ腕自慢かよって感もあるけど、結構インスパイアされたりされなかったり。そんな CSS デザインギャラリーサイトで自分が知っているものをちょっとまとめてみた。(ちなみに順不同) CSS Vault » The Web's CSS Site CSS Beauty | CSS Design Showcase Unmatched Style | CSS Design Gallery and Design Inspiration. CSS Drive css thesis: sites, that's all. » screenspire.com | the leading full

  • 訪問済みリンクを一工夫する - lucky bag

    リンクの色によって、訪問済みなのか否かの判別を出来るようにするってのは、ユーザビリティ的には必要なことだとは思う。そう言った意味では、拙サイトなんかは全くもって許し難い設計な訳だけど、まぁそれは置いておく。んでもって、ただ色を変えるだけではなく、画像を使ってもうちっと視覚的に分かりやすくするのもありなんじゃないのかなぁって思ってみた。そして、サンプルを作ってみた。 visited_link_sample.html サンプル内のリンクが既に訪問済みであれば画像がチェックマークに変わるはず。CSS は下記のような感じで、a 要素に対してそれぞれ a:link、a:hover、a:visited で一つの背景画像の位置を変えることで見せ方を変えている。 li a { padding-left: 25px; line-height:180%; background:URL(mark.png) no

  • Firefox で閲覧中の画面を簡単に画像に保存できる機能拡張 - lucky bag

    blog.tokyoace4.com - Firefoxで表示画面をpngにするextention (2005年9月 5日 17:53) screen grab! こりゃ便利だ。 とてつもなく便利だ。感動した。... 続きを読む 脳無しの呟き - Screen grab! (Firefox Extension) (2005年9月 5日 20:10) 『Firefox で閲覧中の画面を簡単に画像に保存できる機能拡張』(Lucky bag::blog)で知ったのだが、これはスゴイ。仕事でサイトのスクリーンショッ... 続きを読む Happy Hour - 続:WEBキャプチャツール (2005年9月 5日 20:13) ちょーどタイムリーな記事はけーん。 Firefox で閲覧中の画面を簡単に画像に保存できる機能拡張 FireworksのExtensionにもあるそうです。 素... 続きを読

  • 1