タグ

cssに関するmilkjellyのブックマーク (13)

  • CSS For Bar Graphs

    Having a working knowledge of XHTML and CSS when developing applications is a big help in knowing what can be done client-side and what should be generated server-side. Recently we’ve had to tackle some interesting visualizations which we coded in XHTML and CSS. The method we used, while fairly simple, was a big help to the engineer and created a very flexible and inexpensive solution. We thought

  • https://hardwar.org.uk/

  • CodeWeb: [CSS]クロスブラウザな半透明フィルタ

    IEには独自拡張のCSSでフィルターが使えます。こいつは便利なやつで半透明化やらグラデーションやら色々出来るのですが、なんだかんだ言っても独自拡張。互換性がありません。 しかし、アルファ値に限って言えばは他のブラウザでも独自拡張にて実装されているのでクロスブラウザ化することが出来ます。(クロスブラウザってJavaScript以外でも呼んでよかったけ?) [Internet Explorer対応] 0~100の数字で制御します。0に近づくほど薄くなります。 MacIEだと確か動きません。 img{ filter: alpha(opacity=20); } [Mozilla / FireFox / Netscape 対応] 0~1の数字、または0~100%で制御します。0に近づくほど薄くなります。 こちらは最新版のMozilla FireFox Netscapeで動作します。 -moz-opa

  • http://www.quirksmode.org/css/100percheight.html

  • hail2u.net - Weblog - FirefoxのuserContent.cssネタ

    Firefox 1.5 Beta 1よりURLやドメインなどでCSSルールを切り分けることが可能になりました。これによりuserContent.cssがとてもいじりやすくなった(あるサイト向けにテキトウに書いても他のサイトに誤爆しなくなった)ので、userChrome.cssと同じくガリガリいじると楽しいようなそうでもないような感じです。 _blankなリンクのカーソルを変更 a[target="_blank"] { cursor: alias !important; } cursor: crosshair !important;とかやってる人が多いことと思われますが、1.5 Beta 1から先取りサポートされたaliasにするとより直観的に把握できるようになると思います。 View Page Sourceのフォントを固定する body#viewsource * { font-family

  • CodeWeb: ブラウザ別CSSハック一覧表

    どうやら、CSSハックネタはウケが良いようなんで、CSSハック一覧表作ってみました。 途中で眠くて力尽きてます・・・続きはまた今度 (現在随時続きを追加しています。) 2005年10月現在使用可能CSSハック 複合技CSSハックは一つでもブラウザがバージョンアップすると使えなくなる可能性があります。 また、理論上は可能というだけなので、適用されない場合もあるかもしれません。ご了承ください。 ここまでするぐらいならブラウザ別にCSSを外部読み込みさせた方が良い気もします。 注:全部自分で確認したわけじゃありません。(Mac持ってません)使用する前にご自分の環境で必ず確認してください。

  • 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

  • CSSの謎

  • CSSプロパティ - CSS

    インターネット上であなたのパソコン教室を開きませんか? 自宅でパソコン教室を簡単に開くことが出来ます。そして低リスクで効率よく稼げる仕事をさがしている。そんな方にはオススメです。

  • 2005-08-13

    2005-08-13 よくある「float で組む」失敗 web css 郵政民営化の話が面白かったので今更ながら bewaad.com を RSS リーダに登録。で、内容とは全然関係ないけど、CSS のレイアウトがおかしいのに気付いたので一言*1。サイドバーと文のブロック要素を float でレイアウトしてますが、ウィンドウの幅が狭い時… 2005-08-13 新銀行東京マジヤバいっす! 社会 今回は釣りじゃなかった。「常に新しい」新銀行東京は時代に取り残されていた(高木浩光@自宅の日記)より: 「都民になったことだし、新銀行東京*1 に口座でも作るか」とサイトを訪れてみたところ、なんと、インターネットバンキングのログイン画面は、アドレ…

    2005-08-13
  • lucky bag: CSSアーカイブ

    「XHTML+CSSプロが教える"当の使い方"」というが出ました 概要 MdNから9月25日に発刊された「XHTML+CSSプロが教える"当の使い方"」へ寄稿しました。書籍で解説しているサンプルはIE6も対象にしていますが、IE6を対象外としたサンプルを当サイトで公開しておきます。 公開日 2009-09-28T11:37:14+09:00 URI https://www.lucky-bag.com/archives/2009/09/xhtml-css-pro.html カテゴリ CSS Misc News タグ Book CSS XHTML IE6で閲覧するとモノクロ 概要 IE6 で閲覧すると全部モノクロで表示されるCSS 公開日 2008-12-16T12:40:31+09:00 URI https://www.lucky-bag.com/archives/2008/12/ie

  • Lucky bag::blog: CSS で画像ポップアップ

    JavaScript を使わずに、CSS を使ってサムネール画像の拡大画像をマウスオーバーで表示せる方法「CSS ~ Image Pop UP」を参考に、拡大画像をその場で表示させるサンプルを作ってみた。 popup.html 最初に拡大画像を高さ 1px 幅 1px に指定しておき、hover で正寸を指定させることによって実現させている。ちなみに、hover の指定に背景色を指定しないと IE でうまく動作しない。 .photo a.popup:hover { background-color: #fff; } 何となく微妙な感じだけど、サムネールをいっぱい並べて画面遷移なしで拡大画像をみせたい場合に使えるかも。 あの頃のように… - CSS で画像ポップアップさせる (2005年6月10日 19:02) CSS で画像ポップアップ私の中ではかなりの革命です。なぜ今までこれに気が付かな

  • CSS記述規則「プロパティ別整理法」の提案 : akiyan.com

    2005-03-06 はじめに 2005-03-05 提案の目的 2005-03-07 必須ツール 2005-03-06 注意点 2005-03-11 多くのCSS図書館方式で整理されている 2005-03-06 図書館方式の例 2005-03-07 図書館方式の利点 2005-03-11 図書館方式の欠点 2005-03-04 図書館方式の何が不満か 2005-03-06 プロパティ別整理法とは 2005-03-04 絶対規則 2005-03-04 推奨規則 2005-03-06 プロパティ別整理法の例 2005-03-11 プロパティ別整理法の利点 2005-03-04 プロパティ別整理法の欠点 2005-03-04 プロパティ別整理法に近い例 2005-03-04 機械との親和性 2005-03-04 Grep検索を活用する 2005-03-04 機械が完全に理解できる 2005-

  • 1