Safariのバージョン3では、スタイルシートを利用して文字のアウトラインを表示できるようになった。スタイルシートで文字をアウトライン化すれば、画像を使わずに文字のデザインの幅を広げることができる。「Safari 3.1でWebフォントを利用する」で紹介したWebフォントが普及すれば、文字のデザインに画像を使う必要は少なくなっていくだろう。 アウトラインのデザインを指定する 文字のアウトラインのデザインは、以下のような-webkit-text-stroke〜というプロパティで指定する。現在のところ、指定できるのはアウトラインの色と太さだ。 アウトラインのデザインを指定するプロパティ プロパティ機能
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
現在のWeb制作では、画像を使ってサイズ可変な罫線を表示する場合、辺やコーナー別に画像を用意して対応する。しかし、画像を作成するのに手間がかかる上に、画像の表示先として複数の要素（タグ）を用意する必要があるなど、HTML/XHTMLソースやスタイルシートの設定が複雑になるという問題がある。 それに対して、CSS 3ではborder-imageプロパティを利用することにより、1枚の画像からサイズ可変な罫線を表示する方法が提案されている。border-imageプロパティでは、ブラウザが1枚の画像を9つに分割して罫線の表示を行うので、これまでのように制作者が辺やコーナー別に画像を用意する必要がない。また、スタイルシートも などの1つの要素に適用するだけで設定できるというメリットがある。 Safari 3ではこの機能をサポートしており、-webkit-border-imageというプロパティで利
And all that Malarkey で紹介されていた Apple 謹製 ブラウザ Safari に CSS を適用させないメソッド、Malarkey Safari Import Hack 略して MSIH 。果たして、使う機会があるのかが疑問だったりもするし、IE であればまだしも、Safari の場合はバグ修正されてしまうのも時間の問題だろうなぁとか思った。ま、とりあえず、メソッドとしては下記の通り。 /* これ以降、Safari は読み込まない */ @media all { @import url(hoge.css); /* ここに適用させたくないコードを */ } /* ここまで */ 不思議なことに、Safari は @media 内に @import を置くと、@media 内の指定を全て無視してしまうらしい。Safari 1.3.1 で確認してみたところ、確かに無視さ
Safari 3.0 has the best CSS, including CSS3, support of any popular browser. Below I go over Safari CSS Selector support and then show how to include multiple background images, and how to create rounded corners without the use of background images (FF has a similar method) CSS Selectors and Safari 3.0 Below are the various CSS selectors, including CSS3 selectors, and Safari 3.0 for Windows and iP
Important Notes: I’m no longer making up-to-date version of Multi-Safari. Newer Safari releases make it difficult to create self-contained version, and when they’re possible they usually won’t work on different OS versions, making them rather pointless. A workaround would be to keep old version of the OS, which includes Safari, inside a virtual machine image (such as VirtualBox, Parallels Desktop,
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
Preferences → Appearance で日本語のフォントを指定。 Documents and Settings\username\Application Data\Apple Computer\Safari\WebKitPreferences.plist が、こんな風になる。 <key>WebKitFixedFont</key> <string>ＭＳ ゴシック</string> <key>WebKitStandardFont</key> <string>ＭＳ Ｐゴシック</string> で、フォント名から、実際のフォントファイルを参照する部分がおかしいみたいなので、 Documents and Settings\username\Local Settings\Application Data\Apple Computer\Safari\Fonts.plist を弄る。 <ke
一瞬、何かの間違いかと思ったのですが本当でした。アップルが先ほどのWWDC 2007にてMac OS Xの標準ウェブブラウザ「Safari」のWindows版提供を発表、既にアップル公式サイトからダウンロードできるようになっています。ユーザーエージェント名は「Mozilla/5.0 (Windows; U; Windows NT 5.1; ja) AppleWebKit/522.11.3 (KHTML, like Gecko) Version/3.0 Safari/522.11.3」でした。 なお、アップルによると、Internet Explorer 7の2倍高速で、Firefoxの1.6倍の速度だそうです……。 というわけで早速使ってみました。 Apple - Safari 3 Public Beta http://www.apple.com/safari/ 動作環境はWindows X
Latest topics > Safari 3 Public Beta for Windows 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 巨大なラーメンと収入 Main 夏 » Safari 3 Public Beta for Windows - Jun 12, 2007 Apple（英語サイト）のダウンロードページから入手できる。malaさんの解説にある方法で全部のフォントをとりあえずMS UI Gothicに置き換えれば、日本語も表示できるようになる。あと、ブックマークを開こうとすると必ず落ちる問題も回避できるみたい。 というわけでご期待に応えて、Firefoxオワタ！ いや実際試した感じではまだ早いんだけどね。このページも文字が変な
Windows版iTunesを作成してきたAppleが米国時間6月11日、ウェブブラウザのSafariをMicrosoftのOSに対応させたと発表した。同社が発表した「Safari 3.0」のパブリックベータ版は、Windows XPとWindows Vista、Mac OS X Tigerで利用できる。 AppleがWindows版iTunesを開発する計画を発表したのは2003年10月のことだった。当時、最高経営責任者（CEO）のSteve Jobs氏は、地獄も凍りつくような（有り得ない）出来事と表現した。そんなAppleも今日では、Windowsを意識した開発を多く行っている。 Jobs氏は6月11日、サンフランシスコで開催されたWorldwide Developers Conferenceで、iPodユーザーはMacよりむしろWindowsを利用している場合の方が多く、iTunes
ずいぶんと久しぶりの更新になってしまいました。一度離れると書き出しにくいモノですね、これからボチボチ書き始めようとも思い‥ずいぶんと久しぶりの更新になってしまいました。一度離れると書き出しにくいモノですね、これからボチボチ書き始めようとも思います。 さて、Apple WWDC 2007のキーノート実況（その日本語版）を覗いていたら、Safari 3 for Windows 発表というニュースが。 とりあえず、ミーハーらしく公式サイトからダウンロードしてみます。 一応、パブリックベータの段階ということもあって、言語は英語オンリーです（Safari for Macの時もそうだったな‥おそらくアップルジャパンにも当分は載らないでしょう）。 それといろんな方がつっこんだと思いますが、Safari+QuickTimeの抱き合わせダウンロードはどうなんだと。もちろんスタンドアロンでもダウンロードできま
米Appleが6月12日に公開した、Windows XP／Vista用のWebブラウザ「Safari 3」β版を、早速インストールして使ってみた。日本語表示には正式対応していないため、日本人にとっての実用性は現状では「？」だが、これまでMac専用だったSafariをWindows機で動かすのは楽しく、同社が誇る高速動作は確かに快適だった。 まずは定番、Yahoo！JAPANにアクセスしてみよう。ロゴマークやバナー広告など画像・動画部分は表示されるが、テキストは英数字以外まるで表示できない。海外旅行中に見つけた日本語フォントの入っていないPCでうっかり日本のYahoo！にアクセスしてしまったような気分だ。 mixiも日本語のテキストを表示できず、画像、数字、ローマ字のみ表示。記者のユーザートップページからは、ローマ字IDの友人の名前と、Safariに言及しているであろう友人の日記タイトルの「
caramel*vanillaさんを見ていて気づいたのですが、Safariでcontentプロパティに日本語を使うと文字化けします。 そこでweb creatorsの6月号を確認してみると、文字列をエンコードして設定してあげると良いと判りました。 エンコードをするにはJavaScriptで作られたツールを使うと良いです。 数値文字列参照変換スクリプト ここで日本語を「16進数のhtml数値文字参照」に変換します。すると、文字列がJavascriptで使用できる状態にエンコードされます。 「あ」→ 「あ」 この状態のままでは使えないので、もう少し変換をかけます。 「&#x」を「\」に、「;」を削除して下記の形式に変換します。 「あ」 → 「\\3042」 こうやってできた文字列参照を使ってcontentプロパティを記述します。 修正前 ins:before { (略) content:
大分間が空きましたけれど txqz への先読みと質問を書いていて、 Safari は attr(X) に未対応 ? に対してスクリーンショットの提供を受けていたのに、それを記事にしていないことに気付きました。 回答までもらっているのに、サイト上では疑問を投げっぱなしという状態はいかんだろうということで、今回はそのフォローです。 Safari は attr(X) に対応しています まず、 Safari は attr(X) に未対応 ? を書いた数日後にいただいたメールから。 メールを下さった方は Mac OS10.3.8 & Safari 1.25 という環境だそうです。 を見ると、確かに「スタイルシートサンプルブック 280 ページ より引用」と表示されています。 次に、メッセンジャーでお話をしていた時に、その方が Safari をお持ちだということで「じゃあスクリーンショット撮って撮って
CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100％とな
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
