Webページの画像やスタイルシートなどをまとめて1つのHTMLファイルとして保存してくれる機能拡張「SingleFile」のSafari版がリリース。
ブラウザで開いているWebページを画像やスタイルシート、フォントなどを含めて1つのHTMLファイルとして保存してくれる機能拡張「SingleFile」のSafari版がリリースされています。詳細は以下から。 SingleFileシリーズはフランスのGildas Lormeauさんがオープンソースで開発しているブラウザ機能拡張で、現在ブラウザで開いているWebページを画像やスタイルシート、フレーム、フォントなどをまとめて1つのHTMLファイルとして保存してくれる機能がありますが、この機能拡張のSafari版「SingleFile for Safari」がMac App Storeでリリースされています。 SingleFile is a Safari extension that helps you to save an entire webpage including images, sty
Safariは危険なJavaScriptに対応しない - Qiita
Firefox / Safari 先日Appleが、Safariは幾つかのWebAPIに対応しないと公言しました。 日本語記事も幾つか出ています。 しかし、どのサイトも対応しないAPIの一覧を並べてはいるのですが、それぞれのAPIが具体的にどのようなものなのかを記載した記事が見当たらなかったので、以下はそれらについて調べてみたものです。 対応しない理由 a threat to user privacy、すなわち、あくまでブラウザフィンガープリントなどの手段によって個人を特定・追跡できてしまうからという理由です。 セキュリティ的にも問題なAPIが並んでいるのですが、そちらは理由ではありません。 対応しないWeb API Web Bluetooth caniuse RFC 非公式日本語訳 解説 ブラウザからBluetoothを通して接続先のデバイスにアクセスすることができます。 データ転送形式
iPhone Safariで動画をインライン再生する方法 - Qiita
iPhone SafariのVideoタグの制限 iPhone SafariのVideoタグには大きく2つ制限がある。 ユーザインタラクション（タップ）なしに再生できない 初期再生時必ずフルスクリーン再生になる 特に2がクセモノで、これのせいでモバイルブラウザに動画広告はほぼ無いし、モバイルブラウザゲームには動画演出がない（MotionJPEGみたいにjpegを数百枚数千枚差し替えるとか涙ぐましいことをしている例はある）。 制限は超えられる この制限が超えられないものかと調べてみると、やはり同じようなことを訊いている人が居た。 inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone で、そのベストアンサーが I
[iPhone] iOS6からの新機能！iPhone Safariで表示したページのデバッグがすんごく楽になるWebkit Webインスペクタがスゴい - YoheiM .NET
[iPhone] iOS6からの新機能！iPhone Safariで表示したページのデバッグがすんごく楽になるWebkit Webインスペクタがスゴい こんにちは、 iPhone5が発売されましたね！！iOS6も使えるようになりましたね(*´∇｀*) どんどん便利になっていく感じにウキウキしている@yoheiMuneです。 今日は、iOS6のSafariから利用可能となったWebkit Webインスペクタという、 神がかり的なWebデバッグツール。仕事場の方から聞いて、すんごく驚いたので、ブログでも紹介したいと思います。 Webkit Webインスペクタとは Webkit Webインスペクタとは、ChromeとかSafariとかに付属している開発ツールで、 表示中のWebページや実行したJS、CSSの内容を閲覧、編集などが出来る便利なツールです。 HTML,CSS,JavaScriptを用
![[iPhone] iOS6からの新機能！iPhone Safariで表示したページのデバッグがすんごく楽になるWebkit Webインスペクタがスゴい - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/931e4254c7224892a8bd0e2d9b221022507272dc/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F154.jpg)
iTunes、App StoreへのリンクがSafariで開けないとき - あぷすた - iPhoneとWebとプログラミングと
iTunes（App Store）へのリンクを一括管理したいからリダイレクトさせてるんだけど iPhoneのSafariからだと開けないなんてことがあります。aタグにtarget=”_blank”を設定してるとダメみたい。 じゃぁ外せばいいじゃん と思われるかもですけど、 「はずすとサイトから離脱しちゃうじゃまいか」とか 「呪われているので外せません」的な理由があってはずせなかったり。 例としてかみあぷのWebサイト（http://www.appps.jp/）のリンクを見てみましょう。 マンガボックスのところのボタンとアイコンの２つにiTunesへリダイレクトするリンクがついているのですが、 アイコンの方にはtarget=”_blank”が入っています。ですのでSafariでアイコンの方をタップすると、 ガショウィーン、サッ、ピタッと真っ白なページで止まってしまいます。 これはくまったくま
LiveReloadが超気持ちいい2011
※ もはや2011言いたいだけ。 ブラウザのリロード自動化2011秋の流れで LiveReload のご紹介。動作イメージとしては本家の screencast が分かりやすい。 LiveReload Screencast « Envy Labs エディタで編集した HTML(View) や CSS などがほぼ即座にブラウザの方に反映されている。待ち時間がなさすぎて何が起きたか一瞬分からないこともあるくらい。もちろんアプリの切り替えなどの手作業は一切なし。少々の編集ならまだしも、細かい調整のフェーズや多くの画面を一度に確認したい場合などに絶大な効果を発揮する。 まとめWeb の開発、制作者は少なくとも Safari, Chrome, Firefox のいずれかは使っていると思う。これらのブラウザを使っているならぜひオススメ。毎回の reload から完全に解放されるのはちょっと想像以上にイン
Masato Kinugawa Security Blog: location.hrefの盲点
夏ということで、怖い話をします。 Webアプリケーション開発者の皆さん、聞いて下さい。 時間がない人や、他の人に問題を説明するときなどには簡潔にまとめた版をどうぞ。 これは2011年12月27日にAppleに報告したSafariの問題です。Appleからは修正する予定はないという回答を貰っていましたが、2012年7月25日にリリースされたMacのSafari 6のアドバイザリによるとどうもMacのSafari 6では修正されたようです。 About the security content of Safari 6 http://support.apple.com/kb/HT5400 WebKit Available for: OS X Lion v10.7.4, OS X Lion Server v10.7.4 Impact: Visiting a maliciously crafted
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
Google、IEでもプライバシー設定迂回――Microsoftが明らかに
米Googleがプライバシー設定を迂回してユーザーのWeb履歴を追跡していたのは、米AppleのSafariだけではなかったようだ。米Microsoftは2月21日（現地時間）、GoogleがInternet Explorer（IE）でも同様の迂回を行っていると発表した。 MicrosoftでIEチームのジェネラルマネジャーを務めるディーン・ハカモビッチ氏によると、Safariの場合とは異なる方法でGoogleがサードパーティーcookieを有効にしているという。IEでは、W3Cによるプライバシー保護の標準規格「Platform for Privacy Preference（P3P）」を利用している。 MicrosoftはIEユーザーに対し、こうした迂回を回避する「追跡防止」機能のあるIE 9を使い、最新の追跡防止リストを追加するよう勧めている（この機能を有効にする方法はこちら）。 Goo
スマホサイトの確認に便利！PC（safari）でできるスマートフォンサイトの検証方法のやり方 | HTML5でサイトをつくろう
スマートフォンサイトを制作する際に、iPhoneやAndroid両方の機種での検証や、もう発売されていないようなOSのバージョンの対応も必要になる機会があるかもしれません。 本来ならば一通りの機種を用意して実機で検証できる環境が必要ですが、個人での制作や、ちょっとしたサイトのスマートフォンサイトの対応の場合もう少し手軽な検証方法が必要になります。 また、PCでコーディングなどのサイト制作時のちょっとした確認は、やはりPCブラウザで見た方が楽です。 今回はPC版safariのユーザーエージェント指定を使用したスマートフォンサイトの検証方法を紹介します。 なぜPC版safariなのか？ 現状のスマートフォンのブラウザは主に、iPhone向けのsafariとAndroid向けブラウザの二つに分かれます。 また、BlackBerryなどのその他のスマートフォン機種もWebkit系ブラウザを使用する
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
ウノウラボ by Zynga Japan: iPhone向けのサイトを作るときのちょっとした気配り
yamaokaです。 だいぶiPhoneやAndroidといったスマートフォン向けのwebページを作ることが増えてきたのではないでしょうか。ちょっとした気配りで使いやすくなるケースもあるかなと思うので、いくつか使えそうな工夫について書いてみたいと思います。 ただし、今回はiPhone向けです。 タップされた場所をハイライトする iPhoneのSafariでは「-webkit-tap-highlight-color」という拡張された属性があり、タップされた箇所に色を付けることができます。CSS3ではRGBaによる色指定ができるので、半透明の色を指定すればタップされた箇所をわかりやすく示すことができます。例えば、-webkit-tap-highlight-color:rgba(255,0,0,0.40);と指定すると薄い赤色を付けることができます。「outline:none;」と併せてリンク文
女の子がお得な情報・本日のクーポン・話題の記事などをオススメしてくれる「レコメガール」
「このサイトは、インターネット上の、いいものを紹介してくれるサイトです。用途に合わせて、項目を入力すれば、女の子が何かをお勧めしてくれます！」ということで、かわいらしい女の子のイラストがいろいろと案内してくれるなかなかナイスなウェブサービスがこの「レコメガール」です。 使い方の詳細は以下から。 レコメガール http://www.tatsuaki.net/recomegirl/ まずはサービスの紹介。クーポンだったり…… 激安セールだったり…… ポイントキャンペーンだったり…… 今のインターネットはお得が多すぎる！ そんな、困っているあなたに、 インターネット上のいいものを、おすすめしてくれるサイトができました！ その名もレコメンドガール！ 略して、レコメガール！ というわけで、興味のある分野をまずは選びましょう。 今回は「本日のクーポン」をクリック 次に場所とか物とかを一言入力せよ、とい
Safariに追加している便利な機能や設定 - ザリガニが見ていた...。
最近、Safariのとっても便利な機能や設定を知った。以前から使っているものも含めて、追加している機能を厳選して書き出してみた。 動作確認の環境 MacBook OSX 10.6.4、Safari 5.0.2 テキストエンコーディングを自動判別するよ。 以下のページをクリックしてみて欲しい。自分のSafariでは、すべて文字化けする。 本ができるまで ホームページ案内 / Homepage Guide ブートの仕組み ところが、テキストエンコーディングの自動判別を有効にすると、かなりの確率でちゃんと読めるようになった。 3.のページについては、最初文字化けが続いたが、何度かテキストエンコーディングの手動設定を繰り返しているうちに、文字化けしなくなった！ テキストエンコーディングを学習するのだろうか？謎だ...。 そんな機能を実現してくれる設定は... # 自動判定を有効にする defaul
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneで表示しているページをMacでデバッグできるSafariのWebインスペクタ
nemousu.com
ggsoku.com
「俺の邪悪なメモ」跡地
Good night, Posterous