ime-mode | 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 (en-US) ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題:
Stylus – 🦊 Firefox (ja) 向け拡張機能を入手
お気に入りのWebサイトをStylusでデザインしましょう。Stylusは、アクティブに開発されているコミュニティ主導型のユーザースタイル管理ツールです。有名なオンラインリポジトリからカスタムテーマを簡単にインストールしたり、あなたの個人用のCSSスタイルシートを作成したり、編集したり、管理したりすることができます。 特徴 * テーマのインストール方法の多様性。Stylusは、有名なオンラインリポジトリからのインストールをサポートしています。加えて、.user.css や .user.styl のURLから、スタイルをインストールすることも可能です（詳細については、我々のgithubのウィキにあるUsercssフォーマットの文書を参照ください）。 * インストール済みスタイルのデータベース全体をバックアップする機能。これは、他のユーザースタイル管理ツールと互換性があります。 * 直観的で設
Firefoxでテーブルのthとかtdにはposition:relativeが効かない件 - 主に技術的なことを書くブログ
Firefoxでは、テーブルのthとかtdにはposition:relativeが効かないというか。 borderとかが消えたりとかします。 しかし、真実は、ChromeやIEが独自の実装をしているだけで、本当の正義はFirefoxにあると。 どういうシーンで起こるか th内の右上とかに小さいボタンを置くときにわざわざthの中で、ブロックを2つに分けてフロートとかさせるのはちょっとしんどい。なので、positionでやろうとすると、thにposition: relative;をかけることになるので、起こる。という具合です。 解決方法 単純にdivをかまして、そっちにposition: relative;をかける。 th.inBtn { padding: 0 !important; /* table全体でかけてる内側パディングとる */ } th.inBtn > div { position
【Firefox】右クリックメニューの「ページを端末へ送信」を消す方法 | ハルパス
「ページを端末へ送信」とは？ 「ページを端末へ送信（N）」は、Firefoxの右クリックメニューに表示されるコンテキストメニューの一種です。 閲覧ページ情報をスマートフォンなどに転送する機能で、Firefox同士かつFirefoxアカウントでログインしている場合に使用できます。 今回はこの「ページを端末へ送信（N）」を非表示にする方法のご紹介となります。 なお、リンクを右クリックした場合に表示される「リンクを端末へ送信（N）」も同様に非表示にします。 ※Firefox Quantumの仕様によりテーマ機能（userChrome.css）を使用しています。 ウィンドウ右上のメニューボタンをクリックし、「ヘルプ」を選択 「他のトラブルシューティング情報」をクリック プロファイルフォルダー右横の「フォルダーを開く」をクリック 「chrome」という名前のフォルダを作成 作成したchromeフォル
拡張はセキュリティリスクなので、なるべく入れない方が良い (#3146931) | Webブラウザアドオン「Styish」、ユーザーデータの収集を始めて騒動に | スラド
「入れているアドオンの数が多いほど、ブラウザを使いこなしている上級者である」と考えている人もいるようですが、アドオンを入れれば入れるだけセキュリティリスクが高まったり重くなったり不安定になったりするので、ブラウザの標準機能でできることは標準機能でやった方が良いでしょう。 Firefox の場合、昔のバージョンでは標準であったような気がする chrome ディレクトリや userContent.css ファイルが無くなっていますが、自分で作ることで Firefox 最新版 (50.1.0) でも、拡張無しでユーザーCSSが適用可能です。 プロファイルディレクトリ "%AppData%\Mozilla\Firefox\Profiles\【ランダムな英数字】.default" を開く"chrome" というディレクトリを作成する"userContent.css" というファイルを作成する例えば、
スタイルシート［CSS］/ページ全般/水平線の表示位置を指定する - TAG index
text-align は水平方向の揃え方を、margin-*** は上下左右のマージンを指定するプロパティです。これらのプロパティをhr要素に対して設定すると、水平線の表示位置（左寄せ、右寄せ）を指定することができます。 指定方法はブラウザにより異なります。Firefoxなどでは、左または右のマージンを0にすることで表示位置を指定できますが、IEなどでは text-align プロパティで指定する必要があります。どちらにも適用させたい場合は、この2つを同時に指定しておきます。 表示位置を指定する場合は、同時に水平線のサイズを指定しておく必要があります。（長さの初期値が100%なので） hr { width: 50%; text-align: right; margin-right: 0; }
ulやolはmarginとpaddingをセットで
FirefoxとInternetExprolerの初期値の違い ulやolのmarginを設定するときにはmarginと共にpaddingも設定します。インターネットエクスプローラとその他のブラウザの初期設定が異なるからです。 Firefoxは右側のmarginとpaddingの初期値がそれぞれ0と40pxになっています。次のようにして調べることができます。 インターネットエクスプローラの場合はmarginとpaddingの初期値が逆になっていて、それぞれ40pxと0になっています。次のようにして調べます。 灰色の点線がボーダーの位置です。Firefoxが・を含むのに対して、IEは含まないという違いもありますが、paddingを一致させると同じになります。背景色をつけるときには注意する必要があります。 この初期値はFirefox2.0とインターネットエクスプローラ6.0のものです。バージョ
Firefox 38でルビ機能が有効化へ - Mozilla Flux
長い間、Firefoxでルビを表示させるためには、HTML Rubyのようなアドオンをインストールする必要があった。しかし、Firefox 38（米国時間の2015年5月12日にリリース予定）では、本体のみでルビ表示に対応する。 HTMLパーザ側には、すでにFirefox 33の時点で最新の仕様が実装されていた（Bug 664104、Intent to implement and ship: Improved ruby parsing in HTML with new tag omission rules）。CSS3 Rubyの実装も2014年9月ころから本格的に進められていたが、Firefox Nightly 38で設定が有効化されるに至った（Bug 1039006、Intent to ship: CSS Ruby）。won't fix: ルビ on Firefoxで紹介されていたころは
Ruby support in Firefox Developer Edition 38 – Mozilla Hacks - the Web developer blog
It was a long-time request from East Asian users, especially Japanese users, to have ruby support in the browser. Formerly, because of the lack of native ruby support in Firefox, users had to install add-ons like HTML Ruby to make ruby work. However, in Firefox Developer Edition 38, CSS Ruby has been enabled by default, which also brings the support of HTML5 ruby tags. Introduction What is ruby? I
Firefox 32：コンテキストメニューのナビゲーションを消す: べつになんでもないこと
Firefox 32になったらコンテキストメニューのナビゲーションがアイコン化してうざくなったので、userChrome.cssにナビゲーションを削除するよう追加。 #context-back, #context-forward, #context-reload, #context-stop, #context-bookmarkpage, #context-sep-navigation { display: none !important } せっかく面倒なことをしてるので、画像をコピー、画像の URL をメールで送信、デスクトップの背景に設定も消す。 #context-copyimage-contents, #context-sendimage, #context-setDesktopBackground { display: none !important } 先月（β）からもやもやし
Googleカレンダーの土・日の文字色を変更する方法 - 風待ち日記
以前紹介したFirefoxのuserContent.css（ユーザースタイルシート）を編集すると、Googleカレンダーで一ヶ月表示させたときの土・日の文字色を変更することができます。以下はその方法です。 まずは以下のフォルダを開きます。 Windows 95/98/Meの場合は C:\Windows\Application Data\Mozilla\Firefox\Profiles\（英数字）.default\chrome\ Windows 2000/XPの場合は C:\Documents and Settings\(ユーザー名)\Application Data\Mozilla\Firefox\Profiles\（英数字）.default\chrome\ この場所にあるuserContent-example.cssを複製して（初めてuserContent.cssを編集する場合）、use
Applerの備忘録（仮）: FirefoxでOperaの「ウィンドウ幅で表示」を実現するスタイルシート
*:not(embed):not(applet){max-width:100%;white-space:normal;}img,[type="image"]{height:auto !important;} これをユーザースタイルシートに設定すればOperaのように横スクロールを防止することができます。 適当に画像を用意してから下記のHTMLを自作して確認するとよろしいかと。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xh
How to remove the Open All In Tabs options in the Bookmarks menu | Firefox サポートフォーラム | Mozilla サポート
Hello, I have Firefox 17.0.1. Is there a way to remove or disable the Open All in Tabs item in sub-menus of the Bookmarks menu? I have on occasion selected it by mistake, and lots of unwanted tabs appear like rabid politicians. Thanks. Jack Hello, I have Firefox 17.0.1. Is there a way to remove or disable the Open All in Tabs item in sub-menus of the Bookmarks menu? I have on occasion selected it
Firefoxと禁則処理とユーザスタイルシートと私 - とまかれのにき
ブラウザはFirefoxを使っているのですが、一部のブログを閲覧していると、句読点や拗音・促音などが文頭に残ったままになることに気付きました。どうやら、Firefoxは「禁則処理」というのがいかんらしく、CSSなんちゃらというのをいじると直るらしい。で、調べてみました。（対策は、下に五行でまとめてあります） アポラボログ: Firefox 15 の禁則処理を修正 なるほど、解決方法としては、ユーザースタイルシートを使って強制的に「word-break」の指定を変更するといいらしい。で、 Firefox のプロファイルフォルダにある userContent.css というテキストファイル（なければ自分で作る）に以下の記述を追加しておきました。 *{word-break: normal !important;} 「userContent.css」というテキストファイルを作って、その中に*{wo
Nightly(Firefox 12.0a1) の about:newtab で表示するアイテム数を増やす - hogehoge @teramako
aboutURLに対してスクリプトを実行できる Scriptish でやってみた。 about:config 等からbrowser.newtabpage.enabledとextensions.scriptish.enabledSchemes.aboutをtrueにしておく。 3分クッキングみたいな気分で書いたので、ハードコーディングされていたりでコードはアレ（特に、CSSの変更周りが酷い） var rows = 4, columns = 5; 辺りを弄ればアイテム数を制御できる。 メモ http://mxr.mozilla.org/mozilla-central/source/browser/base/content/utilityOverlay.js#46 browser.newtab.urlの値は、一度参照されたら確定してしまう。途中で変更不可なのはいかがなものか。後でBugzilla
Firefox13の「新しいタブページ」に関する色々 | 10press
Firefox 13から「新しいタブページ」がデフォルト有効で実装されましたね。巷では「お気に入りのエロサイトが嫁にばれた」「アドオンで新しいタブを変えてたのが使えなくなった」などの不満が噴出しているようです。それに関する対策もいろいろ出回っているようなのでさらっとメモしておきます。 「新しいタブページ」（about:newtab）の非表示・無効化の方法 画面右上の ボタンを押すことでサムネイルリンクの表示非表示をトグルすることが出来ます 完全に無効化する場合は about:config か user.js で browser.newtab.url を about:blank にすると従来の空白ページが開くようになります 念のため browser.newtabpage.enabled を false に 「新しいタブページ」を楽しく使う せっかくの新機能なので有効に使いたいと思い色々考えま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Uka-p.com is for sale | HugeDomains
CSSで影のない(noshade)水平線 - bnote
Firefox まとめサイト
FirefoxでOperaの「ウィンドウ幅で表示」を実現するスタイルシート