角丸にするためにライブラリを作ってみる | ヨモツネット ↑こういう記事を見つけたので、前に見た丸角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
AI Opera Neon becomes available in public early access December 11th, 2025 Starting today, Opera Neon enters a public early access stage. You don't need an invite code anymore, and everyone can... AI Opera AI comes to Opera One, Opera GX, and Opera Air December 11th, 2025 Opera AI comes to Opera One, Opera GX, and Opera Air Last month we started a gradual rollout of Opera... Desktop, Mindfulness,
Operaだけってのが見つけられなかったので、エントリーかいてみました。といっても他のCSSハックの複合技でOperaだけ普通に表示させているだけです。しかも「ほぼ」で完全にではないんです。今回やりたかったのはOpera9.x系統、firefox3.x、safari3.x、IE5.5〜6、IE7をCSSで区別したかっただけで、ネタ用なんでまじめにレイアウト調整などするなら回りくどいことしなくていいと思います。多分それ以外のブラウザを使っている人はどんなに他のブラウザ進めたって乗り換えたりしないでしょ。レイアウト崩れとかどーでもいいんでしょ。 事前準備として、HTML側の構成はOperaブラウザで閲覧すると「Operaサイコォオー」と表示され、それ以外のブラウザでは「Opera使いなさいよぉ！」と表示させることにします。 <html> <head></head> <body> <div cl
最近、自分の振り返りとしてブラウザの履歴を見る機会が多くなりました。Operaにはopera:historyという素晴らしい機能があり自分のログをガツガツためることができます。しかしフォントサイズも微妙に小さく自分には使いにくかったのでスタイルシートを書き換えて読みやすくしてみました。画像は変更後のイメージ。 Opera:history変更方法 mb-history.cssをダウンロード opera:config#History Style Fileの項目をダウンロードしたmb-history.cssに書き換えて保存 opera:historyを開くと変わっている という簡単な感じです。 今の登録アイコン、mixi、wiki、fc2、ZAKZAK、Opera、はてな各種、グーグル関係、LDRとかそんな感じです。アイコンは自分がよくみるサイトから地道に追加しているので、ダウンロードURLのC
User.CSSでやったらしい。 http://my.opera.com/community/forums/topic.dml?id=248549&t=1222612469&page=1#comment2722737 どういうものかっていうと、Google Chormeはツールチップをステータスバー上ではなく左下に随時表示する仕組みなんですね。それをOperaにもUser.cssを使って実現させようではないか、と。 使い方は、profile/styles/userにcssファイルを保存した後Operaを再起動して、表示→スタイル→URL Popuo on hoverにチェックを入れるとできます。 私は改変版を使ってます。 別件 そんなことよりも、私が気になったのは -o-text-overflow-o-highlight-borderっていう、Opera専用要素。こういったOpera専用要
Yahoo! UI Library: Fonts CSSを知ってから、CSSを書く際にfont-sizeは大体このライブラリを読み込ませてから使っています。ただし、Operaで表示する際には、気をつけたほうがよさそうな点があったので、メモしておきます。 Fonts CSSはどういう構造になっているのか詳細は分かりませんが、とりあえずクロスブラウザで同じフォントサイズを実現してくれる摩訶不思議なライブラリ。デフォルトのフォントサイズ、つまりfont-size: 100%;は13pxになっており、それからfont-sizeをパーセントで指定することによって、pxでフォントサイズを指定するような感覚で、フォントサイズを指定することができます。 ただし、Operaにおいては、フォントサイズを100%以下、つまり12pxなどにするときはフォントがほかのブラウザより、小さく表示されるバグがあるようです
少し時間があったので、Windows Internet Explorer 7のCSSバグを検証してみた。 IE7 を含むモダンブラウザ向けの CSS ハックまとめにうまくまとまっているが、いくつか誤りもあり、新しいCSSハックも発掘したので少し書いておきたい。 検証したのは、Window Internet ExplorerのV6/V7、Firefox 1.5、OperaのV8/V9、Safari 1.3 です。今回はサンプルを用意しないので自分で確かめてほしいのと、複雑な属性セレクタを使ったものは難しい人もいると思うのでシンプルなものに限定してみた。 また、W3C CSS validator でValidなもののみに限定しています。 Internet Explorer 7のハック 「*+html hack」（*+html bodyのハック）は、じつはOpera 8.0 以降にも適用され
Operaって、妙な所で妙な動きをしたりしませんか？ お前の技術が未熟だ、と言われればそれまでなんですけど、日本ではシェアも低くて情報も少ないかなあ、なんて。 そこで今回はOperaに使えるCSS Hackをご紹介したいと思います。 ただし、書式上は正しくない物なので、ご利用の際は用法容量を守ってお使いください。 サンプル .opera{ color:#f00; } ソースを見ても解りにくいと思うので補足。 各プロパティの前に、全角スペースを入れるだけです。 これを読み込むのは、IE5.5～IE7とOpera8～9になります。 あ、ちなみにWin版のみの検証です。 Mac環境無いのでゴメンナサイ。 IEを含めたくない場合は、直後にIE用のHackで上書きする必要があります。 本当は、Hackを使わなくても済むような作りにするのが一番なんですけれど。 とりあえずいざという時の保険として、覚え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
