This domain may be for sale!
Safari Validator is a Safari extension which allows you to validate your website for (x)html compliance. The actual validation is done by Tidy, the W3C validator and the http://validator.nu HTML5 validator. This plugin was initially modeled after a similar plugin for Firefox, which can be found here. The extension bar will show the amount of warnings and errors the current page has, along with a s
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
WWDC 2009でいろいろ新製品がリリースされ、私のスケジュールも非常にタイトなものになっています。iPhone 3G Sの手配もしなけりゃならないし、Snow Leopardリリースに向けての準備も必要だし。暑い夏になりそうです。 さて、今回は「Safari 4」について。いろいろ書くべきことはあるが、まずはプラグイン関係の話と、貴重なディスクスペースを圧迫する「プレビューのキャッシュ」回避策を取りあげてみたい。 インストール完了、最初はここをチェック OS Xには、インプットマネージャの機構を利用したプラグインが存在する。概要は「第304回 OS標準ハック仕様? の『SIMBL』を知る」で解説しているとおりで、Safari 4ではこの辺りの実装に変更が行われたものと推定される。実際、バージョンアップしたら動作が不安定になった、何やら遅いといったトラブル報告も耳にしているので、一度以下
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas. For those who want to skip the article and just go right to the source, here is an example. Here is a screenshot for those not running a recent enough WebKit: The scrollbar pseudo-element indicates that an object should use a custom scrollbar. When this pseudo element is present, WebKit wil
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
スタイルシートのcontentプロパティと:beforeや:afterセレクタを利用すれば、指定した位置に文字や画像を追加することができる。CSS 2で定義されたもので、基本的な機能にはFirefox、Safari、Operaが対応している。Internet Explorerはずっと未対応のままだったが、バージョン8(ベータ版)で対応した。 今回はCSS 2.1で追加されたcontentプロパティの「none」という値にFirefox 3が対応したので、それがどのように機能するのかを確認していきたい。 スタイルシートでコンテンツを追加する まずは、スタイルシートでコンテンツを追加する方法を確認しておく。コンテンツを追加するには、contentプロパティでコンテンツの内容を、:before/:afterセレクタで追加する位置を指定する。 たとえば、コンテンツの内容を「COLUMN」、追加する
最近、とてもありがたい事に、Safariを快適にしてくれるプラグインが増えてきましたね! 一方で、プラグインを導入していくとSafariのウリである「軽さ」が失われるんじゃないか!?という潜在的な不安もあります。幸いにして、これまで「重くなった」と感じた事はありませんけど...。 でも実際のところはどうなんだろう!?と、自分の中のモヤモヤをスッキリさせるために軽く実験してみました。今回の実験目的は、普段使っているSafariが、真っ新な状態と比較して「重く」なったりしていないか?というヘルスチェックです。 まずは、私のハードウェア、ソフトウェア環境を簡単に紹介します。 CPU:Intel Core 2 Duo 2GHzMemory:4GB(増設済み)OS:Mac OS X 10.5.2Browser:Safari 3.1.1(5525.18) 続いて、私が利用しているSafariのプラグイ
GreaseKitで使えるスクリプトをまとめるよって書いておきながら、なかなかまとめられない。というわけで、「Quick Look Pluginのまとめ」同様、追記形式で、ぼちぼち追加していきます。 最初に、GreaseKitの導入方法を簡単に書いておきます。 GreaseKit - User Scripting for all WebKit applications GreaseKitは、SIMBLプラグインですので、 SIMBL のインストールが必要です。 GreaseKit.bundleは、 ~/Library/Application Support/SIMBL/Plugins に入れればオッケイです。 ちなみに、GreaseKit用のスクリプトは、 Mailplane - Home Diet Pibb.app ― Stay in the Loop. In your own brow
今年の3月にSafari 3.1がリリースされ、そのレンダリングのスピードやWindows版Safariの登場が話題となりました。 これまでFirefoxを使い続けてきましたが、Mac版Firefox 2のフォントの処理の不具合がずっと気になっていました。 最近になって、Safariの便利なプラグインがどんどんリリースされています。自分のFirefoxの操作性をすべて実現することはできませんが、普段のネットサーフィン用のデフォルトブラウザとしては十分な機能を実現できるようになりました。そこでSafariが気になっているFirefox使いの方のために、便利なプラグイン(とそれが代わりになるFirefoxの拡張機能)を紹介します。 今回はMac版Safari 3.1を使用しています。また下記で紹介するプラグインの大半を利用するにはSIMBLを先にインストールしておく必要があります。 Safar
WebKit now supports reflections in CSS. Continuing the trend of using adorable baby photos to make features appear more impressive, let me introduce Kate again. 🙂 A reflection is a replica of the original object with its own specific transform and mask. The box-reflect property can be used to specify the specialized transform and mask that should be used for the replica. -webkit-box-reflect: <dir
WebKit now supports alpha masks in CSS. Masks allow you to overlay the content of a box with a pattern that can be used to knock out portions of that box in the final display. In other words, you can clip to complex shapes based off the alpha of an image. Here is a snapshot of the Speed Racer movie trailer clipped to the Safari compass icon. This is in fact a mask applied to the <video> element. W
ここは『新・mac 板 Safari スレ』のまとめ wiki です 新・mac@2ch掲示板の Safari スレッドのまとめサイトです。 よくある質問など、有用と思われる情報を掲載していきます。新情報絶賛募集中! CAUTION: Safari 4βが公開されました(2009.2.24リリース、Mac&Win)。 WebKitが更新されるため、既に幾つかの拡張機能などで不具合が報告されています。 アップデート前に、拡張機能を退避させるかアンインストールし、『Safari本体のバックアップ』をとった上でアップデートしましょう。 Safari 3.2.1 (Leopard)、Safari 3.2.1 (Tiger) 、Safari 3.2.1 (Windows) 現行スレッドの検索 http://find.2ch.net/?STR=Safari+board%3A%BF%B7%A1%A6ma
macosxhints で Safari 3.1 を所謂シングルウインドウモードにする方法が紹介されていました。Terminal.app で次のコマンドを実行すれば設定が有効になり、target="_blank" がついたリンクをタブで開くようになります。 $ defaults write com.apple.Safari TargetedClicksCreateTabs -bool true macosxhints の記事を読むと Safari 本体にこの機能が入ったのは 3.1 からみたいですね。他のタブブラウザでは普通の機能だし環境設定から設定できるようにしても良かったと思うんですがどうでしょうね。 関連記事 私の Mac を彩るソフト (2008/07/30) Safari の innerHTML と sytle 要素 (2008/04/10) Safari 3.1 をシングルウイ
現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く