よくCSSのボーダーを使った三角形の作り方が紹介されていますが、あれに使われている透明なボーダーのことで少し。 たとえば、こういうHTMLとCSSで三角形を作るとしましょう。よく見るタイプだと思います。 <div class="test1"></div>.test1 { width: 0; height: 0; border-width: 0 200px 200px 0; border-style: solid; border-color: transparent transparent #eee transparent; }こっちでもいいです。好みで。 .test1 { ... border-color: transparent; border-right-color: #eee; }CSS Triangle 1 見えづらいかもしれませんが、直角三角形になっていますね。 ただし、Fire
このページでは、対応している CSS の セレクター、プロパティ、@-規則、メディアクエリ、値をアルファベット順で掲載しています。 「対応開始」の列は、対応が開始された Gecko のバージョン番号を示します。 Gecko 1.0 以前のバージョンは、 1.0 として一覧表示されています。 Gecko は、Firefox やその他のアプリケーションで用いられているレンダリングエンジンです。Firefox 及び Gecko のバージョン番号に関しての詳細については Gecko のページを参照して下さい。 「仕様書」の列は、その行の項目が策定された仕様書（基本的には最新のものの一つ）にリンクしています。但し古い仕様へのリンクのままになっており修正の必要がある項目を含む可能性がある点に注意して下さい。 Mozilla CSS 拡張 (プロパティ名の先頭に-moz-接頭辞をもつもの) に関しては、
Firefoxにユーザースタイルを適用して、そのUIや各サイトの表示を好みのスタイルに変更されている方も多いと思います。 今回は、そんなユーザースタイルの中から、管理者が今年一年お世話になったユーザースタイルをまとめてご紹介したいと思います。 前半の13個はuserstyles.orgで配布しているCSS、後半の10個は管理者が様々なスクリプトを参考にしてカスタムしたものや、どこで拾ってきたのかわからなくなってしまったCSSです。 Stylishをご利用の方場合、userstyles.orgで配布しているものは各ページ内の[Install]ボタンクリックで適用できます。それ以外のCSSはStylishで新規作成を行い、適当な名前を付けて保存してください。 1．AIOS - Toolbar Skin Windows 7/Vistaで「All-in-One Sidebar」の上部バーにAero
Firefox web browser - Faster, more secure & customizable Firefox 11ナイトリー版に開発者およびWebデベロッパ向けの機能「Style Editor」が導入されたことが発表された。FirefoxはFirebugのような開発ツールをFirefoxで自前で開発して搭載する取り組みを続けており、今回導入された「Style Editor」はその成果の1つとなる。 「Style Editor」は対象となるページに関係するすべてのCSSファイルを編集するためのエディタ。変更した内容はオンザフライで適用される。CSSの書き換えをオンザフライで適用するというのはほかの開発ツールも持っている機能だが、今回Firefoxに導入された「Style Editor」はすべてのCSSファイルを単一のUIから操作できること、変更内容を保存したりエキスポート
Firefox web browser - Faster, more secure & customizable Firefox 4正式版へ向けた最新ベータ版Firefox 4 Beta 4が公開された。Beta 4には目を引く変更も多いが、それ以外に注目すべき機能が実装されている。-moz-element()だ。この機能はFirefoxを使ったWebページやWebアプリケーションの開発においてそのUI能力の高さを劇的に引き上げる可能性がある。どういった機能か、どういった使い方ができるかがFirefox 4: Drawing arbitrary elements as backgrounds with -moz-elementで紹介されている。 -moz-element()は任意の要素を背景として使えるようにするための機能。すでに背景画像を指定する機能はあるが、これが画像に限らずすべての要
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
Firefox web browser - Faster, more secure & customizable CSS3で策定が進められている機能のひとつにcalc()がある。長さの計算指定を可能にするもので、サポートされる演算は+、-、*、/、modの5つ。剰余演算の表記には%が使われることが多いが、パーセント指定の%と表記上の混乱を避けるためにここではmodの使用が採用されている。 Firefox 4: CSS3 calc() ? Mozilla Hacks - the Web developer blogにおいて、Firefoxが将来的にcalc()をサポートするという話がサンプルとともに簡単に紹介されている。どういった記述ができるのかが掲載されており参考になる。 -moz-calc()記述例 - Firefox 4: CSS3 calc()より抜粋 moz-calc()記述例 -
RX100M7を買った 今年の2月、SONYのRX100M7を買った。年明けから何度も実機を見に行って、撮影する自分の姿を想像しながらじっくりと選んで買ったカメラなので、とても気に入っている。カメラに関しては趣味程度の素人だけど一生懸命選んで買った決め手などをまとめたいと思う。 わたし…
(c1) [2009/07/19 21:37:31] by クリボウ 投稿編集画面を広くするユーザースクリプト「Blogger Large Post Editor」 http://www.kuribo.info/2007/11/blogger-large-post-editor.html というのもあります。 (c2) [2009/07/20 16:07:35] by level スクリーンショットを見る限り画面いっぱいに広げるものですね。 同等のユーザスタイルシートがあります。 Blogger Extended Editing | userstyles.org http://userstyles.org/styles/4888 個人的には画面いっぱいに広げるのはかえって使いづらくなるので、横幅はそこそこにおさえておきたいです。 過ぎたるは及ばざるが如し。 ちなみに、本文のユーザスクリプト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く