[B! css] retlaのブックマーク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

retla 2008/06/21

角丸にするためのMozzila独自拡張

css
firefox

リンク

マウスが載ると画像が変化するリンクを作る [ホームページ作成] All About

マウスが載ると画像が変化するリンクを作る画像リンクの上にマウスを載せたときに、リンク画像が別の画像に変化するようなリンクを作ってみましょう。今回は、JavaScriptなどのスクリプトを使わずに、スタイルシートを使って実現する方法をご紹介致します。マウスが載ったときにリンク画像を変化させる画像リンクの上にマウスを載せたときに、画像が変化するようなリンクを作ってみましょう。実現方法はいろいろありますが、JavaScriptを使わずにスタイルシートで実現する方法をご紹介いたします。下記に4つの画像リンクがあります。それぞれにマウスを載せてみて下さい。待ち時間なしで、すぐに画像が切り替わるはずです。ねずみリンクうさぎリンクいぬリンクカンガルーリンク ▲それぞれマウスを載せると画像が変わります。 4つの画像にマウスを載せた瞬間に、画像が切り替わります。切り替わる先の画像を読み込む

retla 2007/09/02

とても迂遠に見える。ソースが汚くなるだけでは？

リンク

CSS Redundancy Checker

Checked 16,806 stylesheets and crawled 49,461 pages since July 24th, 2007 Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant. Step 1.Stylesheet URI Step 2. Page URIs (one per line) Step 3.

retla 2007/07/28

Web上で使ってないCSSを判定

css
tool

リンク

CSS セレクタに関するおさらい | WWW WATCH

CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。今回の解説

retla 2007/06/15

リンク

CSSバグリスト＠CSSバグ辞典スレッド

『CSSバグ辞典スレッド』の要約ここは、2ちゃんねる web制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。更新履歴 WinIE171, 172、NN031、Opera091を追加。WinIE151を修正。（2004-11-29） WinIE169, 170、Moz085を追加。WinIE030, 039、Moz070、Opera048を修正。（2004-10-09） NN029, NN030、Moz084を追加。Moz033を修正。（2004-08-23） WinIE168、Moz082, 083を追加。WinIE022, 166を修正。（2004-08-08） Moz081、Opera090、Safari022, 023を追加。（2004-07-26）以前の履歴本拠地スレッド CSS

retla 2007/06/14

css
summary

リンク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

retla 2007/04/02

css

リンク

角丸画像を瞬時に生成するGoogleの隠れAPI！ | p o p * p o p

これはすごい・・・Googleの隠れAPI（？）を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。以下、パラメーターの詳細です。 c：色を指定します。色の名前（aqua, black, blue, fuchsia, gray, green, lime, maroon, navy

retla 2007/03/27

css
tips

リンク

サイトのCSSを見たままリアルタイムに編集するツール色々:phpspot開発日誌

サイトのCSSを見たままリアルタイムに編集するツール色々。 WEBデザイン開発において、編集→リアルタイム反映というのはなかなか効率がよいですね。ということで、各種、リアルタイムCSS編集ツールをピックアップします。 FireFox拡張 or スタンドアロンアプリ FireBug - リアルタイムに指定部分のCSSが切り替え可能(参考記事)。CSS以外にも便利機能満載。 Edit CSS - FireFox拡張で、エディタがインストールされ、エディタ編集と同時に即座にCSSが反映される。 CSSVista - IEとFireFoxの画面で一括プレビューが可能。 Web Developer ToolBar - WEBデザイナー必須のFireFox拡張。CSSの直接編集も可能。他にもCSSやアクセシビリティに関する便利機能満載。ブラウザ上で動作するオンラインツールたぬきのしっぽ - CS

retla 2006/12/21

リンク

http://www.interq.or.jp/devil/rju/web/index.html

retla 2006/11/22

リンク

http://park1.wakwak.com/~fairy/regnessem/

retla 2006/10/29

Regnessemのスキンについて。ディレクトリ構造が参考になる。

リンク

CSSで使われるフォント / もうパンツはかない

チェック対象は、HTML文書内のstyle要素とstyle属性のCSSの指定と外部CSSファイルです。およそ12,000ページを調べました。あまり正確な調査にならなかったので雰囲気程度にとらえてください。左側の数字は調べた範囲での出現数、右側がフォント名です。フォント名のうしろの印は次の通り。 Windowsの標準フォント / Macの標準フォント / Webフォントここでは実際にそのフォントでフォント名を表示するようにしました。フォントがあればそれで表示されるはずですが、ブラウザによっては表示されないこともあります。さて、Webフォントでは、「Roboto」「Open Sans」はGoogle制作のsans-serif系欧文フォント、「Source Code Pro」はソースコード表示のためにAdobeが作った等幅欧文フォント、「FontAwesome」はアイコンフォントです。また

retla 2006/10/05

css
font

リンク

CSS Tips：メモランダム

retla 2006/08/31

css

リンク

http://joram.agz.jp/hatena/hatena_theme.html

retla 2006/08/12

切り替えが速い！

css
tool

リンク

ACCESS R - HTML,DHTML,CSS,JavaScript,CGI,アクセス

HTML,JavaScript,CSS,DHTML,CGI,アクセス情報を載せているサイト。ウェブマスター必見の様々なテクニックによるサイト構築術を紹介。本当にお久しぶりです。管理人のるび〜です。ようやく戻ってまいりました･･･約7ヶ月未更新･･･ありえません･･･今まで更新を心待ちにしていた皆様申し訳ありませんでした；；で･･･この間は何をしていたかというと仕事の都合で出張しておりました。およそ7ヶ月･･･長かったですがなんとか帰ってきましたので、これからまた徐々に更新していきます。まったくもって･･･この間サイトに訪問していただいた方に感謝でございます！

retla 2006/07/23

綺麗にまとまっていて見やすい。

リンク

はてなダイアリー - はてなダイアリーガイド「CSSセレクタ」とは

調べたい部分をクリックしてください。日記のテーマによってちょっと見栄えが違うと思いますが、勘で補ってください。日記画像は「はてなダイアリー日記」からです（元画像）。（2004年9月25日作図） ※まだ作図できてませんが、とりあえずはてなダイアリーガイド「CSSセレクタ - profileモジュール」を登録します。（2004.10.9）

retla 2006/07/17

リンク

CSS Dencitie

ようこそ、CSS Dencitieへ。ここは、CSSをしっかり学ぼうという人の為のサイトです。既にこのレベルに達したという方でも、ある程度の情報源になるサイトを目指します。 CSS3のリファレンス・サイトの構築を開始しています。 About this site Step up

retla 2006/07/10

リンク

HTML覺書とCSS2リファレンス

HTML覺書とCSS2參考 HTML覺書:N HTML 4について，理想的なStrict文書について，基礎を概説します。おまけ:見出しアウトラインを生成するブックマークレット for Firefox CSS2リファレンス:R CSS2（2.1）仕様に基いた，正しい知識を得たい人の爲の概説です。カラーチャート:C ウェブ技術に用いられる基礎的な色名とそのコードを表にまとめました。カラーピッカー:P スクリプトで機能する簡易的なカラーピッカーです。配色を考える際にどうぞ。掲示板:M CSS仕様について，リファレンスについて，何か不明な点があったら，どうぞ。ウェブデザイン關聯リンク集:L ウェブ技術を学習する人に参考にして貰いたい，良質なリソースを紹介します。