iOS7におけるMobile Safariの主な変更点
iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏（@firt）がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者／開発者にとって重要と思われる情報を引用して、Web技術者にとっても大きな影響を持つこのアップデートについて紹介していきたいと思います。 元記事は非常に長大、かつ詳細なため、全てのポイントを紹介することはとてもできません。素晴らしい記事ですので、関心のある人は、ぜひ元記事を参照してください。 ちなみに、最初にガッカリさせることになってしまいますが、@firt氏によれば、「1.0以降最もバグの多いバージョンだ」（this is the buggiest Safari version since 1.0）だそうです… UIが大幅に変更、フルスクリーン（に近いサイズ）がデフォルトに Webブラウジングをしている
[smartphone][javascript] iPhoneのsafariで戻られた場合にセレクトメニューを初期化する方法
[smartphone][javascript] iPhoneのsafariで戻られた場合にセレクトメニューを初期化する方法 iPhone(iOS)のMobile Safariはアホな子なので、ブラウザの戻るで戻った時に セレクトメニューが初期値(selected)に戻りません。 わざわざjavascriptで初期化しようとしても、onloadイベントが走りません。 本当にあほな子です。 そんなときは、onpageshowイベントを使います。 なんと、他のタブから戻った時も、他のアプリ/ホーム画面からsafariを呼んだ時にも初期化されます！！ ■ htmlソース <form id="animal_form" method="get" action="index.php"> <select name="animal_list" onChange="submit(this.form)" >
iPhone 5とiOS 6で導入されたWebデベロップまわりのアップデートについて - Branch
Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.
@XSS (一部のブラウザのlocation.hrefがXSSを引き起こしやすいことに関する注意喚起)
@XSS (一部のブラウザのlocation.hrefがXSSを引き起こしやすいことに関する注意喚起) 概要 一部のブラウザのlocation.hrefは、XSSなどのセキュリティ問題を引き起こしやすい値を返します。この挙動により、location.hrefが自分と同じドメインのURLを返すことを前提に書いているコードは全て、正しく動かなくなる恐れがあります。 影響を受けるブラウザ Safari 6未満(Windowsは修正版がリリースされていません) iOS 6.0未満のSafari Mobile Android4.1未満?の標準ブラウザ(Android 2.3.6でテストしました。@bulkneetsさんによると4.1は修正済み、4.0.3は影響を受けるとのことです。@cubedlさんによると4.0.4は影響を受けるとのことです。) 挙動の再現 1. http://l0.cm/atx
新しいiOS5のMobile Safariでmeta-viewportのワーニングが出たのでWebKitのソースを読んでみたというお話 - l4l
どんなワーニング？ iOS5(beta)とかChrome 13などで、ふと気付いたら自分が開発しているページでワーニングが出ていた。「widthってkeyに対してdevice-widthなんて値は指定できないんだぜJK」とかそんな感じ。 Viewport argument value "device-width;" for key "width" not recognized. Content ignored. 実際に指定していたviewportは以下な感じ。 <meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0;"> ちなみにiOS4では出力されてない。はて原因何だろう？という今日の出来事に対するメモ。 結論 metaタグのcon
【速報】iOS5のmobile Safari, CSS対応状況
WWDC 2011 ではジョブズさんも登場して見応えがありました。 iOS 5 の Safari はタブ機能も実装し使いやすく生まれ変わるとのこと、楽しみです。 http://www.apple.com/ios/ios5/features.html#safari Beta SDK もダウンロード可能になり早速インストールして試してくれた方がいるようです。 David B. Calhoun – Developer Blog New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5 CSS, JavaScript の対応状況を調べています。 気になるところをつまみ食いです。 position:fixed に対応 バグってい
Safariでファイルをアップロードできない問題の原因と解決 apache keep alive
画像アップロードを行うサイトで、Safariを使ってファイルをアップロードしようとした場合に、ファイルのアップロード自体ができない場合があります。 これは、ApacheのKeepAliveがOnになっているためです。 解決策として、Safariからのアクセスに対してのみKeepAliveをOffにするよう、Apacheの設定を変更します。 Apacheのhttpd.confに、以下のような記述を追加し、リスタートします。 BrowserMatch "Safari" nokeepalive確認したところ、これで問題が解消しました。
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
fuzimoto.info - fuzimoto リソースおよび情報
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.
スマートフォンアプリ・ブラウザ拡張機能
拡張ボタンからページ遷移なしでブックマーク！ ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
Safari拡張の作り方 - os0x.blog
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
Apple、Bingも選べる「Safari 5」をリリース 機能拡張の追加も可能に - ITmedia エンタープライズ
Appleが約1年ぶりにWebブラウザの「Safari」をメジャーアップデートした。待望のアドオンが今夏公開の「Safari Extensions Gallery」からダウンロードできるようになる。 米Appleは6月7日（現地時間）、Webブラウザの新版「Safari 5」をMacとWindows向けにリリースしたと発表した。同社のSafariのページから無料でダウンロードできる。 新版の最も大きな特徴は、拡張機能の追加が可能になったことだろう。開発者は「Safari Developer Program」に加入してSafari向け拡張機能を開発し、今夏スタート予定の「Safari Extensions Gallery」に登録できる。 また、同日発表のモバイルOS「iOS 4」版Safariと同様に、検索エンジンとしてGoogleのほか、Yahoo!とBingを選択できるようになった。 そ
iPadのSafariに不足しているものを補う - ザリガニが見ていた...。
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
Gordon, iPhoneでFlashを再生する魔法のJavaScriptライブラリ
つ、ついにiPhone SafariでFlashが再生されました。 ajaxian.com http://ajaxian.com/archives/gordon-flash-runtime-implemented-in-javascript github http://github.com/tobeytailor/gordon Twitter http://twitter.com/tobeytailor githubのダウンロードファイルにサンプルファイルが添付されています。 tobeytailorさんのGordonライブラリはJavaScriptです。 iPhone Safari の HTML 5機能を使っているようです。 swfを解析してSVG分解してるのかなぁー。 Actionscriptも使えるようです。 Button Demo http://jancona.com/gordon/
直接お金は受け取れるの？
キャッシングサービスとは、要するにお金を借りることで、最近はインターネットを活用して業者に融資申請をして、指定の銀行口座へ現金振り込みをしてもらえるという、大変便利なサービスを利用することができます。しかし、キャッシングをしているという事実を家族にばらしたくないという方も多いので、銀行口座への振込は履歴が残ってばれる可能性があるから、望ましくないと考える方も多くいます。そんな時には、キャッシング業者の店舗に足を運んで、直接受け取りの方法を選択することができます。キャッシング業者のほとんどが無人ATM機を導入していて、土日祝日関係なく、いつでも融資申請をすることができます。その場で所定の手続きを進め、審査に通過することができれば現金を手にすることができます。この方法だと、銀行口座を経由することなく、融資金を借り入れすることが可能となります。一度所定の手続きを踏めば、キャッシング専用のカードが
Canvasとは - Canvas - HTML5.JP
Canvasとは、ブラウザ上に図を描くために策定された仕様です。 これまでHTML上で図を表現するためには、GIFやJPEGといったフォーマットの画像を用意する必要がありました。また、条件に応じて表示する図を変化させたり、アニメーションを実現するために、FlashやJavaアプレットが使われてきました。 Canvasは、FlashやJavaのようにプラグインを使わずに、JavaScriptベースで図を描くことができます。 実際に、Canvasを使って円グラフを作ってみました。上図はFirefox 2.0での結果をキャプチャーしたものです。Canvasで描かれたのは色がついた図形部分です。Internet Explorer 6以上、Firefox 1.5以上、Opera 9以上、Safari 1.3以上であれば、実際のCanvasの動作をご覧頂くことができます。 [Canvasを使った円グラ
社内システムのiPhone対応について - クックパッド開発者ブログ
はじめまして、技術部の西岡です。 普段の業務では社内システムやサービス開発をメインに行っています。 今年の6月に入社して以来、ひたすら何かを作っているのですが、クックパッドでは自分のやりたいことをベースに業務を決めることができるので、日々、楽しい開発ライフを送れています。 さて、クックパッドには様々な社内システムがあるのですが、その内の１つに全社員の目標を管理できるシステムがあります。このシステムでは、目標と共に顔写真や得意なことを設定する仕組みになっているため、普段あまり関わりのない人が、どのような業務を行っているのかをざっくり知ることが出来ます。 このシステムは私が開発したのですが、開発する際に少し余裕があったことと、個人的に興味があったことから、iPhoneのSafariからも閲覧できるようにしてみました。 残念ながら肝心のシステム内部の話はあまり紹介できないのですが、対応する際に調
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
公海555000kk线路检测—首页（欢迎您）
Good night, Posterous
IBM Developer