タグ

CSSとfirefoxに関するpopup-desktopのブックマーク (29)

  • firecss.com Is for Sale

    There's only one firecss.com domain. Once purchased, it may never become available again. Have a question about an order you placed on this website or the business that previously used it? Sav is a domain marketplace where people can buy and sell domain names that are no longer being used. If you have worked with a company/person that used this domain name in the past, it typically means that they

  • image-rendering - CSS: カスケーディングスタイルシート | MDN

    CSS チュートリアル CSS の基 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

    image-rendering - CSS: カスケーディングスタイルシート | MDN
  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

  • Firefox 4 がサポート予定の calc() とは

    Twitter でもポストしましたが、Mozilla Hacks で次期 Firefox 4 における calc() 機能の実装についてアナウンスされていました。calc() 自体は CSS3 で策定中の機能としてかなり前から存在しますが、まだサポートしているブラウザがないので、馴染みはないかもしれません。Firefox にしてもまだサポート予定の段階ですし、正式に使えるようになるのは先の話ではありますが、calc() を使うことでどんなことができるようになるのか簡単に触れてみたいと思います。 Twitter でもポストしましたが、Mozilla Hacks で次期 Firefox 4 における calc() 機能の実装についてアナウンスされていました。 calc() 自体は CSS3 で策定中の機能としてかなり前から仕様が存在しますが、まだサポートしているブラウザがないので、馴染みはない

    Firefox 4 がサポート予定の calc() とは
  • 次期Firefoxでは:visited疑似クラスのスタイルが制限される | 水無月ばけらのえび日記

    公開: 2010年4月3日16時50分頃 「visited疑似クラスのビーコンを拾うサービスが登場」という話がありましたが、Firefoxでの対応方針が決まったようで……「CSS によるブラウザ履歴の漏えいを防ぐ取り組み - Mozilla Developer Street (modest) (dev.mozilla.jp)」。 具体的には、訪問済みリンクは、文字、背景、アウトライン、ボーダー、SVG の線と塗りといった、配色のみ変えられるようにします。 (~中略~) 次に、Gecko レンダリングエンジンの実装にいくつかの変更を加え、訪問済みと未訪問リンクの表示にかかる時間の違いを最小限にするため、処理プロセスを均一化します。 (~中略~) Web ページがリンク (とその子孫要素) の算出スタイルを取得しようとすると、Firefox は未訪問リンクのスタイル定義を返すようになります。

  • CSS による履歴の漏えいを防ぐ取り組み « Mozilla Developer Street (modest)

    これは、Mozilla Security Blog の記事 Plugging the CSS History Leak (英文) の抄訳です。Web 開発者の方は Mozilla Hacks の記事抄訳 CSS の :visited に行われるプライバシー対策 も参照してください。 プライバシーの保護は必ずしも簡単なことではありません Mozilla では近く、以前からブラウザ各社が取り組んでいる個人情報漏えい問題の対策を Firefox の開発ツリーに追加します。私たちはこの改善を非常に楽しみにしており、他のブラウザも後に続いてくれることを期待しています。しかし、これは解決が難しい問題であるため、Mozilla がなぜこのようなアプローチを取ることにしたのか説明しておきたいと思います。 履歴の取得 Web ページ上のリンクは、ユーザがそのリンク先を訪れたことがあるかどうかによって見た目が

    CSS による履歴の漏えいを防ぐ取り組み « Mozilla Developer Street (modest)
  • Mozilla CSS Extensions - MDC

    At this time I'm not sure whether this list is complete or accurate. Please feel free to add/modify/delete from this list as required. -- dria 11:57, 17 October 2005 (PDT)  CSS Properties that are Mozilla Extensions (ie: not part of the CSS Standard) should be tagged with CSS:Mozilla_Extensions. Mozilla extensions to properties that are part of the CSS Standard should be noted at that property's

  • CSS3はここがすごい【プロパティ編1】:CSS 3分コーディング

    CSS(スタイルシート)の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。 はじまりはじまり。 今回のテーマ:CSS3はここがすごい【プロパティ編1】 CSS3がどう変わるかについて2回に渡ってご紹介したいと思います。 2010年に勧告される予定のCSS3では、現行の2.1から非常に多くの点が変更されます。 まだ先の話…と思っている方。もう来年です!地デジより近いんです!すでに一部の新しいブラウザーでは先行実装が始まっています。 ということで、CSS3のどこがすごいのかをご紹介いたします。 プロパティがすごい CSS3では、プロパティの種類がぐっと増えます。すなわち、指定できるスタイルの幅が広がるということですね。 たとえば、下記の例では、borderの各辺の色と角丸の半径のプロパティを使っています。-moz-というのは、Mozilla、つまりFirefox

  • (有)電脳菓子工房 PSD to HTML

    飲料大手 商品紹介ページ 電器大手 商品紹介ページ 通信大手 携帯アクセス制御 モック 洋酒輸入代理店 イベントサイト ポータル大手 コラムページ 不動産ランチャイズ派遣サイト 不動産会社サイト 基礎コーディング 検定サイト 学校サイト サニタリー会社サイト 税理士事務所CMSサイト OS系フォーラムサイト 等 スコープ内 HTML、XHTMLコーディング PSDデータからの画像切り出し 既存スクリプトの埋め込み スコープ外 レイヤー選択 flash制作 ビジュアル設計 システム設計 ※スコープ外の作業は主に外部制作です ターゲットブラウザ IE6,7,8,9 最新のFireFox、Opera、Safari、Chrome

    (有)電脳菓子工房 PSD to HTML
  • Firefoxの印刷と闘う その2 | Takazudo Clipping*

    このブログのアクセス解析を見ると、キーワード「firefox 印刷」で検索してこのエントリに飛んでくる人がかなりいます。やっぱりみんな困っているんだなぁと。Firefoxの印刷はかなりやっかいで、完全FIXは無理かもしれないという結論に自分の中でも解決していたのですが、最近この方法をやっていて、普通に印刷できてます。 display:tableで印刷対応 まずは、普通にfloat:left left leftで左に詰めたレイアウト。 floatによる3カラムレイアウトのサンプル(印刷対応無) <div id="all"> <div id="header">header</div> <div id="body"> <div id="localNav">localNav</div> <div id="main">main</div> <div id="relatedNav">relatedNa

  • firefox3.0の背景センタリング | Webデザイン フリーフォント Prismtone

    firefox3.0になって、 サイトの背景がブレた感じになってるなぁと思い、検証してみたところ、 背景センタリングが、0.5px単位まで合わせてくるようになってました。 背景を敷くボックスが、 仮に横100pxの場合、 その横100px以上で、奇数幅の背景画像を指定した場合... → 背景画像が横にぼけた感じになります。 ブラウザが気で画像を中央に合わせに来てる感じです。 縦方向についても考え方は同じです。 また、ボックスの大きさよりも小さい背景画像の場合は、 数字が割り切れなくても、 従来通り、1pxどちらかに寄る形で処理されているようです。 ※ prismtoneのヘッダの背景の端の方は、 bodyに背景を指定しているので、 windowサイズによっては、ぼけるようになってしまいました。 背景の1pxのずれは許容できるように作ったのに、 ここでぼけが発生するのはちょっと、困ったなぁ

  • Re: Firefox 3 の修正内容のご紹介 その2 - IE 独自拡張 CSS: ime-mode プロパティのサポート - すめるまん Broken Diary - WebStudio

     もずはっく日記(2008年5月) 2008年5月27日 Re: Firefox 3 の修正内容のご紹介 その2 - IE 独自拡張 CSS: ime-mode プロパティのサポート - すめるまん Broken Diary 初回投稿日時: 2008年05月27日03時45分29秒 カテゴリ: CSS SNS: Tweet (list) 念のために書いておきますが、以下は完全に私見です。 前のmarqueeタグ実装の時みたいな政治的絡みからの問題じゃないだろうし、ime-modeは静かに消滅してもらいたいですね。 私の考えは全く逆で、ime-modeの機能はなんらかの形で標準仕様化してもらいたいと思っています。それができるとは考えていないのですが。 私は前職でとある企業のシステム開発をやっていました。システムはWebベースではなく、Windowsネイティブでしたが、そのシステムではime

  • Firefox 3が対応したdisplayプロパティの値(1) - builder by ZDNet Japan

    Firefox 3は、displayプロパティの値である「inline-block」と「inline-table」に対応した。これで、CSS 2.1で定義されたdisplayプロパティの値に一通り対応したことになる。そこで今回は、displayプロパティの基と「inline-block」について紹介していきたい。また、SafariやOpera、Internet Explorerの対応状況も紹介する。 displayプロパティと基的なボックスの種類 displayはボックスの種類を指定するプロパティだ。まずは、基的なボックスの種類を再確認しておこう。 HTML/XHTMLではタグでマークアップした部分が四角形のボックスとして扱われる。ボックスにはいくつかの種類があり、タグごとに標準でどのボックスになるかが定義されている。 基となるボックスの種類は「block(ブロック)」と「inli

    Firefox 3が対応したdisplayプロパティの値(1) - builder by ZDNet Japan
  • デバッグCSSはStylishを使うとすこぶる便利な件 | TOTOCO.ORG

    先日TRANSさんで紹介されていたデバッグCSS、Firefxの拡張「Stylish」を使えば便利だと思うのですよ。 以前書いたFx拡張まとめでも挙げているように、Stylishはユーザースタイルシートの編集・管理をする拡張です。 デバッグ用CSS「Diagnostic Styling」とそのサンプルコード - TRANS [hatena] http://d.hatena.ne.jp/aratako0/20080119/p1 サイトのチェックをするたびにデバッグCSSを追記するのもちょっと面倒ですよね? Stylishに登録しておいてチェックの時だけ有効にすれば、制作済みのファイルを汚すこともなくとても便利です。自分はこの方法でチェックをやっています。Web制作者なら大抵Firefoxをインストールされていると思うので、試しにやってみてはどうでしょう。(以下はWindowsでの手順で

  • リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた : akiyan.com

    リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた 2007-10-01 別に2カラム原理主義者というわけではないのですが、カラム変更オプションが無くなったのでついカッとなって書いてみました。 目次 適用前、適用後 適用前 適用後 解説 Firefox向けで、ユーザースタイルシートの適用は「Stylish」拡張をインストールすると便利です。 2カラムにするだけではなく、個人的にほとんど使わない機能へのナビゲーションまで削除しちゃってるので、ちょっと注意が必要です。リニューアル後のmixiのHTMLはid名とclass名が変態的なまでにきっちり設定されているのでCSSがわかる方はソース眺めつつ調整してください。ユーザースタイルシートの内容は以下の通り 調整 全体の横幅 750px化 全体を中央揃え フッターリンク左右の余白調整 非表示 右カラム全部 ロゴ

  • CSS validator – Get this Extension for 🦊 Firefox (en-US)

    Validates a page using the W3C CSS Validator. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the CSS of the current page. Opens the results in a new tab. Will only work on pages that have a CSS file associated. For example it will work with http://www.w3.org/ as the URL has a CSS file.

  • ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」:phpspot開発日誌

    CSSMate :: Firefox Add-ons Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that i've been using for many months. I've gutted it, made each stylesheet load into a seperate tab. Removed the save load clear functionality as i found it to be useless... ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」。 次のように、ページに使われているCSSをファイルごとに編集し、リアルタイム反映できます。 ページのCSSをすべて1くくりにしてしまう「Edit CSS」よ

  • Firebug - Web Development Evolved

    Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of

  • 窓の杜 - 【NEWS】スタイルシートのソース表示に特化したFirefox拡張「View formatted source」

    スタイルシートのソース表示に特化した「Firefox」拡張機能「View formatted source」v0.9.5.0が、5月2日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.4で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「View formatted source」は、Webページで定義されたスタイルシートから、調べたい部分のみを抜粋して表示できる「Firefox」拡張機能。スタイルシートは一般的に、HTMLファイルとは別のCSSファイルに定義されることが多いため、たとえば特定ブロックに対応するスタイル定義を探すのに苦労することがある。 拡張機能を使用すると、まずWebページ内のテーブルなどのブロック要素がそれぞれ赤色や青色でハイライト表

  • IT戦記 - 印刷プレビューで「F5」を押したらリロードできる拡張機能作ったよん。

    印刷用 CSS 書いてますか? Web はユーザが見方を決められる唯一のメディアだと「コクボックルさん」が言っていたので、やっぱり印刷用のスタイルはきっちり書いておいたほうがいいですよ! でも、「書いて確認して、、、めんどくせー!だって、印刷プレビューってリロードできないんだもんよー!」 と某デザイナーさんが言ってた。。 やってみたら、たしかにめんどくせー。 じゃあ、出来るようにしようジャマイカ こんな時間に拡張機能を一つ作ってしまった^^; みなさんも、印刷用 CSS の確認のお供に使ってくらさい。 ダウンロード http://usrb.in/aj/pp-0.1.xpi 使いかた 印刷プレビュー画面で「F5」でリロード。今のところそれ以外の機能は一切ない。 確認機種 Firefox 2.0.0.3 Linux Firefox 2.0.0.3 Windows XP フィードバックくれるとう

    IT戦記 - 印刷プレビューで「F5」を押したらリロードできる拡張機能作ったよん。