iPhone フルスクリーンモードとJavaScriptについてはじめまして！クロカワリュートです 180mm という屋号のマークアップエンジニアです でもフリーランスじゃないです 五反田の制作会社に勤めています 現在転活中です
iOS4.2のSafariから追加された加速度センサーでシェイクジェスチャを作る
iOS4.2からSafariで加速度センサーを使うことができるようになりました。 モンハンの予約を逃していつ買えるのかとヤキモキしているME課の比留間です、こんにちわ。 さて、つい先日アップデートされたiOS4.2。このアップデートでMobile Safariから加速度センサーをJavaScript経由で利用することができるようになりました。使い方は簡単で、以下のようにするだけで加速度の値を取得することができます。 JavaScriptから加速度センサーにアクセスする window.ondevicemotion = function(event) { //event.accelerationIncludingGravity.x //event.accelerationIncludingGravity.y //event.accelerationIncludingGravity.z } これ
Safariに追加している便利な機能や設定 - ザリガニが見ていた...。
最近、Safariのとっても便利な機能や設定を知った。以前から使っているものも含めて、追加している機能を厳選して書き出してみた。 動作確認の環境 MacBook OSX 10.6.4、Safari 5.0.2 テキストエンコーディングを自動判別するよ。 以下のページをクリックしてみて欲しい。自分のSafariでは、すべて文字化けする。 本ができるまで ホームページ案内 / Homepage Guide ブートの仕組み ところが、テキストエンコーディングの自動判別を有効にすると、かなりの確率でちゃんと読めるようになった。 3.のページについては、最初文字化けが続いたが、何度かテキストエンコーディングの手動設定を繰り返しているうちに、文字化けしなくなった！ テキストエンコーディングを学習するのだろうか？謎だ...。 そんな機能を実現してくれる設定は... # 自動判定を有効にする defaul
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Welcome to our server
The website is currently being setup under this address. For help and support, please contact: me@example.com
終了時の状態を復元するSafari機能拡張 HsRestoreSession 公開 - d.hetima
終了時の状態を復元するSafari機能拡張、HsRestoreSession を公開しました。SafariStandのRestore Last Workspaceと似たような機能です。問答無用で復元するのではなく、どのタブを復元するか選択できるページを表示します。 できないこと： ・履歴の復元 ・fileプロトコルを表示しているページの復元 この辺はSafari機能拡張からアクセスすることができません。セキュリティはかなり厳しい。 ・ページのサムネイルを表示 表示しているページのサムネイルを取得することはできるんだけどかなり大きなpngをbase64エンコードした文字列のみ。開いているタブ全部を記録するのは厳しいので見送りました。ローカルにあるキャッシュを使う手もあるけれど、ファイル参照やfileプロトコルを扱えないので駄目。websnapr 系のサービスを使うのは検討中。 ・ウィンドウの
NinjaKit - os0x.blog
NinjaKit*1というChrome/Safari拡張を公開しました。 Chrome:Chrome Web Store - NinjaKit Safari:NinjaKit for Safari Source: os0x/NinjaKit · GitHub これはFirefoxのアドオンであるGreasemonkey相当の機能を実装することを目指しています。 今のところ、 GM_xmlhttpRequest GM_addStyle GM_getValue GM_setValue GM_deleteValue(new in ver 0.7) GM_listValues(new in ver 0.7) GM_log GM_openInTab GM_registerMenuCommand(Safari版は未サポート) Metadata @include @exclude @require @b
User CSS - grid.in.th
An extension for Safari 5 to Safari 11 that allows the user to override stylesheets for any web page with real-time updating of web pages. It is no longer maintained due to deprecation of JavaScript-based extensions in Safari 12. The extension is licensed under MIT license. Downloads Download v1.3.2 Source code Note Due to a limitation with Safari's URL parsing, domain wildcard only works for subd
Safari拡張の作り方 - os0x.blog
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
Safari5の拡張作ってみた - os0x.blog
Chrome拡張をとりあえず3つだけSafari拡張に移植というか、どちらでも動くようにしてみました。以下からインストールできると思いますが、今のところ拡張は頻繁にクラッシュしますし、正式リリースされてないということは色々と問題が残っているということですから、そのあたりをご理解の上、ご利用は自己責任でお願いします。 http://ss-o.net/safari/extension/AutoPatchWork.safariextz AutoPatchWorkのSafari拡張版。いわゆるAutoPagerizeクローン。アイコンの色がおかしい？アイコンの色は制限されているみたいです。ちょうどいい機会なのでアイコンを廃止してページの下にラインを出すようにしました。 http://ss-o.net/safari/extension/SocialCounter.safariextz SocialC
Safari Add-ons
by Not yet rated 0 total downloads Learn more by Not yet rated 0 total downloads Learn more by Not yet rated 0 total downloads Learn more by Not yet rated 0 total downloads Learn more by Not yet rated 0 total downloads Learn more We Recommend: View all Most Popular: Macte! Safari Toolbar Toolbars & Statusbars SafariSource Appearance TV Toolbar Toolbars & Statusbars Amazon Prime/FREE Shipping + Dis
Core Animation - Safari の隠し味 - steps to phantasien(2009-08-22)
2009-08-22 近況 WEB+DB PRESS の連載はなんとか打ち切りにならず続行中. 読んでもらえているとのフィードバックもいくつかいただき, ありがたいことでございます. 今回は CSS 周辺を読んでみました. ようやくブラウザらしくなってきたので興味のある方はごらんください. 記事の準備と称してコードを読む週末副業も今のところ続行中. 遠くに行くのがだんだん億劫になってきたので, 近所の安コーヒー屋に通っている. ひきこもり体質の改善はならず. 連載はこのあとレイアウト, レンダリングと続く予定. その準備にレンダリングまわりのコードを読んでいたら, 連載で書くにはややしんどいけれど WebKit らしいコードをみかけた. 今日はその話を書いてみたい. Core Animation - Safari の隠し味 CSS に CSS 3D Transforms Module とい
Firefox 3.5 RC1はPreviewの安定版である - Mozilla Flux
結論から言おう。パフォーマンスの点で、Firefox 3.5 RC1はFirefox 3.5 Previewとほとんど差がない。『Firefox 3.5はFirefox 3からどの程度速くなったのか』で扱ったテストセットを実施した結果、そう判明した。 テストに使用したのは、Firefox 3.5 RC1とコードベースが共通の、Shiretoko Nightly（3.5pre, ID:20090612044217）だ。これをFirefox 3.5 Preview（3.5b99, ID:20090605162636）と比較したわけだが、コンテンツが変動するものを除き、数値は上記『〜どの程度速くなったのか』から引用している。 また、予告していたとおり、Safari 4正式版（AppleWebKit/530.17）も比較対象とした。こちらはBeta版のテストを『過去最速のFirefox、しかしアピ
20 Excellent Plugins for Safari
These days we have great choices for Web browsers: Internet Explorer, Firefox, Safari, Opera, Chrome and the list goes on. Each browser comes with its own set of advantages and features and one of the greatest benefits of Firefox has been the ability to fully customize it through the use of plugins and add-ons. This feature is especially important for those of you using Mac OS X, when deciding whe
ユーザースタイルシート(Safari 4 Beta対応版)
以前晒した私のユーザースタイルシート、Safari 4Betaになってからフォントの表示が上手くいってなかったのでここを参考に修正しました。 Safari 3.2まではLucida Grandeだけの指定で事足りたのですが、Safari 4Betaからはきっちりヒラギノも指定してあげなければいけないみたいです。 @font-face { font-family: "Osaka", "Osaka-Mono", "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; src: local("Hiragino Kaku Gothic ProN") !important; } @font-face { font-family: "Osaka", "Osaka-Mono", "Verdana", "Geneva", "Arial"; src: local("Lucida Grande"); } b,stron
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Safari 版の Foxmarks - soundscapeout (仮)
Firefox のブックマークを同期するアドオン「Foxmarks」を使用しているのですが、どうやら、Safari 向けのツールがリリースされているようです。 Foxmarks Beta Programs ただし、現在は、クローズドベータとなっているため、すべての人が試すことは出来ません。 興味のある方は、サインアップしておきましょう。 詳細は不明ですが、Leopard 環境のみ対応しているようです。 SafariBeta - Foxmarks Wiki いずれにせよ、試すことが出来ましたら、また書きたいと思います。 これはちょっと楽しみです。
Safari で使えるプラグイン - soundscape out
Safariは、とってもシンプルで、高速なブラウザです。 今後ますますスピードアップしていくようですが、主な機能にはあまり変化がありません。 そこで、機能を追加してくれるプラグインをリスト化してみました（個人的なインストールリストとしても有効ですし）。 まずは、プラグインの種類について簡単に書いておきます。 プラグインには、SIMBL と、InputManager の２タイプがあります。 SIMBL プラグインを使用するには、 SIMBL を、あらかじめインストールしておく必要があります。 SIMBL プラグインのインストール先は、 ~/Library/Application Support/SIMBL/Plugins そして、InputManager プラグインは、 /Library/InputManagers にインストールされます。 ほとんどのプラグインは、アンインストーラが用意され
WebKitの３D回転をざっくりまとめてみた - livedoor Blog（ブログ）
MobileWebKitで要素を回転させる系のCSSをざっくりまとめてみました。PC版のsafariではまだ実装されていないみたいです。iPhone/Android向けサイトで使ってみるといいと思います。 CSS Transform/Transitionの基本 -webkit-transformで２次元や３次元の位置や角度、倍率を規定する。-webkit-transitionで-webkit-transformが変化する時のアニメーションを規定する。 流れとしては-webkit-transitionを決めた後に-webkit-transformを変化させる感じ。 javascriptから操作する時は-を省略して二文字目以降を大文字にする。 CSS:-webkit-backface-visibility:hidden; JS:hogehoge.style.webkitBackfa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOSのSafariがWebSocketに対応したので、WebSocketRemote for iOSを作りました (Kanasansoft Web Lab.)