角丸にするためにライブラリを作ってみる | ヨモツネット ↑こういう記事を見つけたので、前に見た丸角CSSを試してみた。 Rounded corners in SVG: making not all corners round - Browsers - by lugansk 要は、OperaにはFirefoxやSafariのようなCSSのborder-radiusがないので、丸角なSVG画像を作ってそれを設置するという方法。 まずborder.svgというファイルをこんな感じで作り、 <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100%" height="100%" rx="2em" ry="2em" fill="#E4F2FD" stroke="#ddddd
IE7とOperaのzoom機能は似ているようで、ちょっとした部分が似ていません。その似ていない部分がこれからのWebデザインを考える上でのキーポイントになりそうな気がします。 IE7とOperaのzoom機能を比較してみる。 まず、IE7とOperaで、どちらもzoom機能を120%に設定し、その上で左サイドバーに「お気に入り」を表示して、それぞれのブラウザで3つのサイトのキャプチャを撮ってみました。（Operaはブックマークなどをサイドバーに表示させる方法が分からなかったので、違うもので横幅だけ代用しました）すいません、簡単にできました。詳細はTrash binさんのところを参考に。 まずは、僕が所属するNPO法人しゃらくのサイト。 IE7 Opera ほとんど一緒ですね。あえて言うなら、IE7には横スクロールバーがブラウザに出ていること。しかし、サイトそのものは画面中央に配置されてお
Yahoo! UI Library: Fonts CSSを知ってから、CSSを書く際にfont-sizeは大体このライブラリを読み込ませてから使っています。ただし、Operaで表示する際には、気をつけたほうがよさそうな点があったので、メモしておきます。 Fonts CSSはどういう構造になっているのか詳細は分かりませんが、とりあえずクロスブラウザで同じフォントサイズを実現してくれる摩訶不思議なライブラリ。デフォルトのフォントサイズ、つまりfont-size: 100%;は13pxになっており、それからfont-sizeをパーセントで指定することによって、pxでフォントサイズを指定するような感覚で、フォントサイズを指定することができます。 ただし、Operaにおいては、フォントサイズを100%以下、つまり12pxなどにするときはフォントがほかのブラウザより、小さく表示されるバグがあるようです
先日公開されたFirefox2(Fx2)や、待ちに待ったWindows Internet Explorer 7(IE7)が11月にローカライズ正式版をリリースなど、ブラウザの更新が目立っていますね。ましてや、現在の2強モダンブラウザなのだからなおさらですね。 ということで、「文書型宣言によって切り替わるモード一覧表」を書いてみました。これから作成するサイトや既存のサイトがどのモードで動いているのか、知っていると幸せになれるかもしれません。 代表的なものを中心にリストにしました。過去の物は一部まとめてあります。 文書型定義によって切り替わるモード一覧表 文書型定義 Fx2 IE7 IE6 Opera9 NN7 Safari MacIE5
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
