Yesterday’s keynote at the Apple WWDC featured two new OS. The new MacOS is named El Capitan after a rock formation in Yosemite (which has been taken by most commentators to indicate that Apple sees its next OS as a minor, rather than major, version). MacOS El Capitan, and iOS 9 are available now to Apple developers, will be released to public beta next month, and will go live in the autumn. Hidde
iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏(@firt)がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者/開発者にとって重要と思われる情報を引用して、Web技術者にとっても大きな影響を持つこのアップデートについて紹介していきたいと思います。 元記事は非常に長大、かつ詳細なため、全てのポイントを紹介することはとてもできません。素晴らしい記事ですので、関心のある人は、ぜひ元記事を参照してください。 ちなみに、最初にガッカリさせることになってしまいますが、@firt氏によれば、「1.0以降最もバグの多いバージョンだ」(this is the buggiest Safari version since 1.0)だそうです… UIが大幅に変更、フルスクリーン(に近いサイズ)がデフォルトに Webブラウジングをしている
スマートフォンブラウザ関係のバグは(Android browserを中心に)たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の1文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 (ただその分googleで検索しても、遭遇した例など出てきません) mobile safariで閲覧している PCブラウ
【img via iOS 5.1 Update. by MJ/TR (´・ω・)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損! 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari?」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ!! そもそも「Webインスペクタ」って何? そもそもWebインス
5. ブックマークレットで快適ブラウジング ブックマークレットを使うと、よりSafariが便利になります。 ブックマークレットとは「ウェブブラウザで作動するJavaScriptプログラムの一種(はてなキーワードより)。これを使うと、SafariからでもFacebookのシェアができるようになったり、一瞬でページ最下位に移動できたりと、さまざまな便利機能を追加できます。 ブックマークレットの設定方法は若干面倒ですが、慣れると簡単に設定できるようになります。例として、以下では「iPhoneからFacebookシェアができるようになるブックマークレット」の設定方法を紹介します。 ■ブックマークレットの設定方法(iPhoneからFacebookシェアができるブックマークレット) 1. iPhoneで適当なサイトを開く。 2. ページをブックマークする。 「保存」を押してブックマーク完了。 3. ブ
カテゴリー スタッフのネタ帳 (37) iPhone/Android (8) iPhone Webコンテンツ (2) iPhone インターフェース (3) iPhone ネイティブアプリ開発 (3) RIA/Ajax/Flash (2) Adobe Air (2) ファイン魂! (27) 【ファイン魂!】とは? (1) こんなんできます! (21) デバッガの独り言 (5) プロジェクト (31) スマートフォン・ゲーム (23) -タイトル&ビジネス- (5) Fine Shot! (7) RagingGEAR (1) キセキどろっぷ (8) 端末情報 (1) デスクトップアクセサリ (5) ミニメモ電卓 (5) ブログパーツ (1) ハメコミブログパーツ (1) モバイル/PCサイト構築 (1) FINEライブラリ (1) やはり、デスクトップ版Safariにはない制限が色々あります
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 ※ 追加情報も掲載しました。併せてご覧ください。 iPhone などのモバイルデバイスで Web を見ていると、 PC とは比べものにならないもっさり感がとてもストレスです。細い 3G 回線ではなかなか快適なブラウジングはできません。しかし、スマートフォンをはじめとするモバイルデバイスは急速に普及していますから、それらで軽快に閲覧できるサイト作りの重要性は、今後ど
知っている人は多いかも知れませんが、このたび業務で軽くはまったのと、一つTipsを見つけたので共有します。 Mobile Safariの制限 http://lab.fine-net.com/modules/wordpress2/index.php?p=15 ※このページでは、iPhoneの制限と書かれていますが、 iPodや iPadなども同様のようです 今回はまった問題が、制作したPCサイトを急遽スマフォンでも表示することになったところ、iPhoneで一部の背景画像が縮小表示され、著しく見づらくなるというもの。 (Webページのアクセシビリティを考えると、これは普段から気をつけるべき問題でもあります) 原因は、単純に「GIF、PNG、TIFF画像のデコードサイズ制限は2メガピクセル。」というMobile Safariの制限に引っかかった点にあったのですが、これを最小工数で回避するために
直近の案件でiPhoneがらみのものがありいろいろ調べていたら制限事項がやっぱりいろいろとあるみたいなので列挙していきたいと思います。 ・GIF、PNG、TIFF画像のデコードサイズ制限は2メガピクセル。 つまり、width × height ≤ 2 × 1024 × 1024 でなければいけません。 ・サブサンプリングで圧縮されたJPGのデコードサイズは32メガピクセルまでOK。 サブサンプリングで圧縮すれば、サイズが16分の1になります。 デジカメの写真を大きいまま表示させたい場合は、こちらがよいでしょう。 ・アニメーションGIFのデコードサイズは2MBまで。 それより大きいものは最初のフレームだけしか表示されません。 ・canvas要素は2MBまで。 大きさ指定なしだと150×300ピクセルとなります。 ・HTML、CSS、JavaScript、ストリーミングなしのメディアファイル等
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news first Much to my disappointment, browser-based file uploads are still not supported (input type=“file”)
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
Download IMPORTANT! This extension is no longer working with Google Reader, since it’s recent UI change. What’s New in ver 1.4 some more UI bug fixes. For Other Browsers ver 1.4 Google Chrome | ported by Preshit Deorukhkar & Milind Alvares Firefox | ported by Jimmy Ti Firefox (Stylish) | ported by Lioman Greasemonkey Script | ported by Jimmy Ti Modification If you are interested to port it to othe
こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く