ユーザスタイルシートによるカスタマイズ(1) - えむもじら
この記事は、Software Design 2007年1月号に掲載された拙著「Firefox 2 カスタマイズガイド」の一部を加筆修正したものです。 ユーザスタイルシート（userContents.css と userChrome.css）を用いてウェブページや Firefox 本体の見た目を変更することができます。 また、Stylish という拡張機能を用いると、ユーザスタイルに名前をつけて個別にオン／オフの切り替え、編集など、ユーザスタイルを簡単に管理できるようになります。 もくじ Firefox 2 入門 総合目次 ユーザスタイルシートとは Firefox の見た目を変更する メニューの削除とフォント設定 ストップ／リロードボタンを統合 サイドバーを右に配置する アクティブなタブを目立たせる ウェブページの見た目を変更する めざわりなウェブページの表示を無効に Gmail の本文を等
Electronic Genome - 別ドメインの外部スクリプトを実行するブックマークレット
■整形ソース ブックマークレットメーカーで生成されるコードを整形し、コメントをつけて貼っておきます。 javascript:(function(){ //外部ファイルURL var url='http://t-service.no-ip.com/blog/72_ExternalScriptDemo/demo_outerscript_utf8.js'; //キャッシュ使用を回避 if(!url.match(/\?/))url+='?'+(new Date()).getTime(); //scriptエレメント作成 var d=document; var e=d.createElement('script'); //外部ファイルのエンコーディング指定 e.charset='utf-8'; //srcを外部ファイルURLに設定 e.src=url; //エレメント追加 d.getElements
CSS（スタイルシート）の小技
最初の字だけ装飾する（ドロップキャップ） 文章の最初の字だけを装飾するスタイルシート適用方法。 first-letter擬似要素を使用。 この例では、dl内のdd要素に.dropcapとclass名をつけて、 そこにfirst-letterでスタイル設定。 dd.dropcap:first-letter{ font-size: 300%; background-color: #c00; color: #fff; float: left; margin-right: 10px; margin-bottom: 10px; padding: 2px; } 高さ指定したボックスの縦方向中央に配置 配置する物 { height: 200px; line-height: 200px; text-align: center; } ボックスの高さと同じ値のline-heightを指定する。 配置出来るもの
XULチュートリアル
XULチュートリアル XUL について始めるためのに助けになるガイドつきのチュートリアルです。XULPlanet にあるものを元にしています。 XUL（XML User Interface Language）は、Firefoxなどのアプリケーションのユーザーインターフェイスを構築するためのMozillaのXMLベースの言語です。XULという用語は、Mozillaプラットフォーム全体を指す場合があります（XULアプリケーションは、XULやプラットフォームの他のコンポーネントを使用するアプリケーションなど）。 XULコントロールは、XULが提供するいくつかの共通コントロールをリストします。 ドキュメンテーション XUL チュートリアル XUL について始めるためのに助けになるガイドつきのチュートリアルです。XULPlanet にあるものを元にしています。 XUL リファレンス XUL の要素お
MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Tank Vs Zombie Game Built in Ruby - Rubyで書かれた戦車 vs ゾンビゲーム Jul 16, 2021 - 1 min read Kopia - マルチベンダー対応のバックアップソフトウェア Jul 16, 2021 - 1 min read Polyfoto - モザイク画像を作成するPythonスクリプト Jul 15, 2021 - 1 min read SwiftLaTeX - WebベースのLaTeXエディタ Jul 15, 2021 - 1 min read Div.js - divタグだけでHTMLページを作成できる？ Jul 14, 2021 - 1 min read ASCIIFlow - アスキーアート用ドローアプリ Jul
ブラウザの文字サイズを変えると、inputのフォームのせいでレイアウトが崩れる
こんにちは。ウェブデザイン初心者の質問です。 HTMLでページをデザインしています。form，input要素を使って検索用のフォームを設置したのですが、Firefox等のブラウザでフォントサイズを大きくすると、そのtableのレイアウトが崩れてしまいます。 リンクが張れないようなので、簡略化したスクリプトを書かせてもらうと、 <table align="center" cellpadding="0" cellspacing="0" width="700" height="225"> <tr> <td colspan="2" width="400" height="200"><img src="image01.jpg" width="400" height="200"></td> <td rowspan="2" width="300" height="225"> <script langua
「Firefox Hacks」関連の最新 ニュース・レビュー・解説 記事 まとめ - ITmedia Keywords
Firefox Hacks： Vimperator――FirefoxをVim風のキーバインドで操作 意外に思われるかもしれないが、Vimやviと同じようなキーバインドでFirefoxを操作すると、人によっては極めて効率的にブラウジングを行えるようになる。すべての人にお勧めできるものではないが、キーボードをもっと活用するためのFirefox拡張機能を紹介しよう。（2009/2/25） Firefox Hacks： Mozillaのモバイルブラウザ「Fennec」試用記 Mozillaはデスクトップブラウザ市場に変化をもたらした。Fennecにより、モバイルブラウザ市場へのその影響はさらに大きなものとなることをわたしは期待している。（2008/11/1） Firefox Hacks： 知らないと確実に損するUbiquity環境構築法 最近大注目のFirefox拡張機能「Ubiquity」。自分
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPのデバッグを補助してくれるFirefoxエクステンション「Xdebug Helper」:phpspot開発日誌