SafariのCSSハック｜無幻 - MUGEN -
Safariハック 1 Safari2、3 CSS Validator 通過しない /* safari2,3Hack */ p { color: #000000; } /* その他のブラウザ */ html*p { color: #ffffff; } /* Safari2、3 */ * html p { color: #000000; } /* その他のブラウザ */ /* EndSafari2,3Hack */ Safariハック 2 Safari /* safariHack */ html[xmlns*=""] body:last-child p { color: #000000; } /* EndSafariHack */ Safariハック 3 Safari /* safariHack */ html:not(:only-child:only-child) p { color: #
CSSだけで文字や画像を反転させる - builder by ZDNet Japan
ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド アプリが簡単にできるって本当？ セールス、マーケ、人事の3名が実際に体験 業務をローコードツールで改善してみた モダンなOSだからこそ可能 MS製品の歴史を振り返りながら ビルトインセキュリティの利点を理解 データドリブンに足りないもの DOMO Japan 川崎氏に聞く データ活用能力の向上に必要なこと 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 オープンソース活用はあたりまえ！ そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク ビジネスのためのデータ基盤構築 DX時代の
Safari 4が対応したCSSの新機能：グラディエント、反転、マスク - builder by ZDNet Japan
Safari 4（ベータ版）では、レンダリングエンジンのWebKitが採用したCSSの新機能「グラディエント」「反転」「マスク」を利用できるようになった。本連載で紹介したトランスフォーム（回転、拡大・縮小、スキュー、移動）の機能と合わせると、これまではグラフィックソフトが必須だった処理の多くをスタイルシートだけで実現できるようになる。 今回は、これらの機能がどのようなものなのかを簡単に紹介したい。 CSSでグラディエント、反転、マスク 次のサンプルは「グラディエント（Gradient）」「反転（Reflect）」「マスク（Mask）」のそれぞれの機能を利用して、Safari 4（ベータ版）で表示したものだ。左から順に、背景をグラデーションカラーで表示したもの、テキストと画像を反転させたもの、画像の輪郭をマスクでぼかしたものとなっている。
[CSS]Safari3.X用CSSハック
Safari3.1登場。爆速表示で非常に快適なブラウザです。 FireFoxがカスタムし過ぎか最近重いからこの速さはかなり新鮮。 FireFoxでチェックしながら作ってたら大抵Safariでも同じ表示になるんだけど、 今作ってるサイトでSafariがIE6系と同じ表示になる現象が発生したので Safariにだけ適用するCSSハックを探してたらいいものがありました。 CSS Filter: Safari CSS Hack Not that Safari 3.0 on Windows is a grade-A browser yet, and not that I have figured out any reasons to need to hack for this browser yet, but two good potential CSS filters include using
![[CSS]Safari3.X用CSSハック](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
IE8の独自拡張CSS属性 - Web Directions East - wde - builder by ZDNet Japan
EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 特集：IT最適化への道 成功の秘訣をその道のプロが解説 カギとなるのはシステムの「見える化」 IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 オープンソース活用はあたりまえ！ そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な
FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 - builder by ZDNet Japan
スタイルシートでボックスの横幅や高さを指定すると、中身のコンテンツがボックスに収まらない場合がある。収まらないコンテンツをどのように表示するかは、overflowプロパティで指定することが可能だ。今回は、このoverflowプロパティを紹介したい。 また、overflowに関連したoverflow-xやoverflow-y、text-overflowプロパティも紹介する。これらはInternet Explorerが独自拡張したプロパティだったが、CSS 3での採用が進むとともに他のブラウザでもサポートされるようになっている。 overflowプロパティ overflowはボックス内に収まらないコンテンツの表示方法を指定するプロパティだ。CSS 2から定義されているプロパティで、主要なブラウザであるFirefox、Safari、Opera、Internet Explorerはすべて対応してい
contentプロパティでコンテンツを追加する（3）：FirefoxとSafariのCSS - builder by ZDNet Japan
いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 オリジナルコンテンツが満載！ 意外と知らないNutanix HCI の情報を集約 読めばわかる！いまHCIが注目される理由 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス サステナビリティの今と未来 企業戦略としてのサスティナビリティ推進 世界の通信インフラを支えるコルトの取組み データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある 高い従業員満足度と安心・安全 新時代にむ
テキストの書字方向に合わせて罫線や余白を挿入する--FirefoxとSafariのCSS - builder by ZDNet Japan
テキストの書字方向に合わせて罫線を表示する Firefoxは、Firefox 3から-moz-border-startと-moz-border-endというプロパティをサポートした。これらはテキストの書字方向に合わせて罫線を表示するプロパティで、-moz-border-startでは文頭の側に、-moz-border-endでは文末の側に罫線を表示する。 たとえば、-moz-border-startと-moz-border-endで罫線を表示すると次のように表示される。日本語のテキストは左から右に書き進むため、-moz-border-startで指定した赤色の罫線は左側に、-moz-border-endで指定した青色の罫線は右側に表示される。
box-sizingで横幅の算出方法を指定する--FirefoxとSafariのCSS対応 - builder by ZDNet Japan
CSS 3の勧告候補「Basic User Interface Module」では、横幅や高さの算出方法を指定するbox-sizingというプロパティが定義されている。これまではFirefoxとOperaが対応しているだけだったが、Safari 3やInternet Explorer 8（ベータ版）でもサポートされ、主要な4種類のモダンブラウザが対応したプロパティとなっている。 今回はこのbox-sizingプロパティの機能と、各ブラウザでの表示を確認していきたい。 box-sizingプロパティ CSSではHTML/XHTMLでマークアップした部分の横幅をwidth、高さをheightプロパティで指定することができる。このときbox-sizingプロパティを利用すると、widthやheightで指定した横幅や高さに、パディングやボーダーの大きさを含むかどうかを指定することができる。 bo
【コラム】OS X ハッキング! (268) 世界最速はダテじゃない? Safari 3.1を検証する | パソコン | マイコミジャーナル
息をするのも面倒くせぇ (by ゲイラ - 北斗の拳) というわけではありませんが、できるだけ文字を書きたく / 入力したくないこの私。iCalにも、自分以外にはわからないほど略した文字列を書き込んでいます。で、3月22日の予定は「人犬」。もちろん飛鳥了のことではありません、バリウムを飲まなきゃならないんです……ああ、憂鬱。 さて、今回は「Safari 3.1」について。Leopardの発売に先立ちOS X 10.4.11とともにリリースされたv3.0から約4カ月、メジャーバージョンこそ変わらないものの、機能的には大きく前進している。いまやOS Xユーザ必携のこのWebブラウザについて、これまで紹介してこなかった機能を中心に検証してみたい。 ついに登場「Safari 3.1」 まずはお約束、ベンチマーク Safari 3.1のウリは、なんといっても「高速性」。すでに当コラム第262回で説明
Animation Using CSS Transforms < CSS | The Art of Web
CSS: Animation Using CSS Transforms Tweet16 Shares0 Tweets41 Comments All of the examples on this page should now work now in Firefox, Safari, Chrome, Opera and Internet Explorer 10+. In older browsers you will see either no effects, or the transforms taking place without any animation. Browser-specific prefixes are no longer required. The animations presented below involve setting up a transforma
CSS Hack for Safari | コリス
Safari のCSS Hackのまとめです。 Safari 3の検証には、2007年6月11日にリリースされた「Safari 3 ベータ版 for Windows XP」を使用しています。 ※Safari 3の正式版は、2007年10月にリリース予定です。 html*element sign after a semi-colon html:¥66irst-child html* box brackets html* underscore @media all body:last-child:not(:root:root) html[xmlns*=""] body:last-child body:first-of-type -webkit-min-device-pixel-ratio:0 /**/ html* 下記の10個のうち、Safari 3のみ有効だったのはbody:first-of
CSS 3で追加された背景に関するプロパティ：FirefoxとSafariのCSS対応 - builder by ZDNet Japan
高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 オープンソース活用はあたりまえ！ そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 RPAによる自動化を年30万で実現 小さな投資
ブラウザのカラーマネジメント：FirefoxとSafariのCSS対応 - builder by ZDNet Japan
カラーマネジメントのサポート これまで、Safariを除く主要なブラウザはカラーマネジメントをサポートしておらず、制作者が意図した色で画像を見てもらうことができないという問題があった。しかし、Firefox 3がカラーマネジメントをサポートしたことにより、Webブラウザにおける色の再現性が一歩前進したと言えるだろう。 ただし、SafariもFirefox 3も、現状では画像に埋め込まれた色の情報を読み込んで表示に反映することはできるが、スタイルシートでカラーマネジメントに関する情報を指定する機能には対応していない。 カラーマネジメントと画像の表示 色を扱う環境はデジタルカメラやプリンタ、モニタなどさまざまで、環境によって扱える色の範囲（色空間）に違いがある。そのため、異なる環境の間でそのままデータのやりとりを行うと、同じデータでも環境によって見た目の色が変わってしまうという問題が発生する。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Keeping Safari (and Chrome) Hacks Out of Your Stylesheets | Evolution Web Development
SafariとChromeのCSS対応：文字や画像にマスクをかける - builder by ZDNet Japan
Safari’s text-shadow anti-aliasing CSS hack Revision · Komodo Media
グラフィックソフト不要：CSSで画像に透過グラデーションの帯を重ねる - builder by ZDNet Japan
メンテナンス中
SafariのCSS 3対応--1つの要素に複数の背景画像を表示する - builder by ZDNet Japan
