【レビュー】Firefox 4に導入されたOpenTypeフォント新機能 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable Firefox 4 beta 7が公開された。予定されていた期間よりも長い期間をかけてのリリースとなっており、JavaScriptエンジンの大幅な高速化の実現とハードウェアアクセラレーションを利用したレンダリング性能の大幅向上といったメジャーリリースに匹敵しそうな興味深いベータ版に仕上がっている。 こうした機能改善に比べるとマイナーにみえるが、今後のWebアプリケーションの品質を左右することになりそうな機能が追加されている。どういった機能が追加されたかがFirefox 4: OpenType font feature support - Mozilla Hacksにおいて詳しく紹介されている。 Webフォントを複数のブラウザに使う方法 Firefox 3.6、フォントによるデザ
jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる
IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディング それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。（ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。） 使い方は、css で以下のように書くだけ。
Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ
John Resig - Selectors that People Actually Use
This post has been a long time coming. It’s a combination of my distrust for JavaScript CSS selector performance analysis and my disdain for the CSS 3 Selector specification. To start, I want to give a little bit of history regarding jQuery’s selector engine. When I first started working on its implementation it was mid-2005. It was mostly done as a personal challenge to myself – implementing a sp
本のサイズ比較をAmazon APIで - Liner Note
Amazon APIを使って書籍のサイズ比較をしてみる要約：Amazon APIを使って書籍のサイズ比較をしてみる3分LifeHacking：「通販で本を買ったら予想より大きかった」を解決する - ITmedia Biz.ID 本の大きさを比較するWindowsのソフトウェアがあるよという話。 amazon api使ってwebで実装すると面白そう。というコメントもあるし、「それCSSでできるよ！」と思ったので作ろうと思ったんだけど、どこかにしまった記憶を引っ張り出してみれば、CSSで使える絶対単位というのはどの環境でも同じサイズで表示されるわけではない、つまり絶対単位じゃないんですよね。 サーバサイド言語あるいはJavascriptか何かでユーザの出力解像度（DPI）と表示解像度（1024×768とか）と画面サイズ（cm単位）が取れればなんとかなるんでしょうが、そんなことができるというのは
Pure CSS Scrollable Table with Fixed Header
Also see the The Bullet Resistant Version :: Wider range of support and degrading of Browsers Browser Support (table is scrollable with fixed headers) Opera 7.x + (All Platforms) :: Tested with 7.2x and 7.5x Mozilla 1.x + (All Platforms) :: Tested with 1.0x and 1.6x IE 6.x + (Windows) :: Tested with 6.0x Safari 1.x + (MacOS) :: Tested with 1.2x Konqueror 3.x + (Linux / BSD) :: Tested with 3.2x Alm
Latest topics > CSS3セレクタとXPathでの表現の対応表 - outsider reflex
Latest topics > CSS3セレクタとXPathでの表現の対応表 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « getElementsByなんちゃら の代わりにXPathを使う Main Mozilla 24 » CSS3セレクタとXPathでの表現の対応表 - Sep 13, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 XPathをノードの検索に活用する方法を紹介したけど、肝心のXPathが書けなきゃ意味がないわけで。でもXPathって、ノードセットがどうとかノードテストがどうとか軸がどうとか修飾がどうとか、い
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
Googleをマルチカラム環境に最適化する - Hatena::agenda
CSS3のマルチカラム（草案）の先行実装を利用すると、Googleの検索結果がモニタ上で一望できる。それに伴ってGoogleナビゲーションその他の位置も最適化してみた。 マルチカラムで表示したGoogle検索結果（約65kb, 16色png画像） 「次へ」という最も利用する頻度の高いナビゲーションは常に右上に表示しフォントサイズも巨大にしてクリックしやすくする。 ついでにアクセスキーも設定してキーボードで操作しやすくしておく。 検索結果のステータス（「100件中 1 - 10件 何秒」とかいうあれ）は縦幅を取って邪魔なので、ブラウザのステータスバーに移動させる。 ログイン情報が縦幅を奪う理由は何もないので、最下部へ移動していただく。 滅多に褒めてくれないうちの嫁さんも「いいね」って言ってた。greasemonkeyスクリプトとユーザースタイルシートで実現している。 マルチカラムGoogle
hail2u.net - Weblog - pre要素へのスタイル指定
idea * ideaでエントリになっていたので、言及されていることだしうちのサイトのことだけちょっと書こうかなとか考えてみたら結構色々あって、エントリのネタになりそうだったのでまとめてみた。どっかにもちょろっと書いたけど。 実際にスタイル指定を書く前に抑えておくべき知識として以下のようなものが挙げられると思う。 ほとんどのブラウザでpreは等幅フォントで表示される ほとんどのブラウザでpreのwhite-spaceはpreになっている フォント・ファミリを指定する場合は最後にGeneric font familiesが必要になる overflow: scroll;では縦横どちらにあふれた場合でも縦スクロール・バーと横スクロール・バーが両方とも出る overflow: auto;ではあふれた方向にのみスクロール・バーが出る Internet Explorerではoverflow: auto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Fixed Topbar and Numbering
https://b.hatena.ne.jp/korn_freak/
Hatebladder / はてブラダー : はてなブックマークビューア
ちょっと便利なCSS Tips いろいろ - DesignWalker
はてなアイデア
blueprintcss - Google Code
Shibuya.JS の資料「The next genaration of browsers」公開 - IT戦記
☆の画像にクラス名を指定しました - はてなスター日記
http://www.hidefumin.info/kumaneko/2007/09/cssvista.php
[css]floatの回り込み解除を親要素で処理![[css]floatの回り込み解除を親要素で処理](https://cdn-ak-scissors.b.st-hatena.com/image/square/683f8e96ad0b77201384efa22d859bf858121049/height=288;version=1;width=512/https%3A%2F%2Fstatic.hugedomains.com%2Fimages%2Fhdv3-img%2Fog_hugedomains.png)
