Lighthouse is an open-source, automated tool to help you improve the quality of web pages. You can run it on any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. Give Lighthouse a URL to audit, it runs a series of audits against the
WebKit on iOS has a 350 millisecond delay before single taps activate links or buttons. WebKit has this delay because we also allow users to double tap to zoom, which is a great way to zoom in on content that is well-sized for large desktop displays, but appears too small on mobile devices. However, when a user has tapped once, WebKit cannot tell if the user intends on tapping again to trigger a d
Epic 10,000 iPhone 5 Domino showcases 10,000 iPhones (that's right TEN THOUSAND iPhones) falling neatly in patterns. These CG iPhones' feature NFC (Near Field Communications) concept that enable content to be passed on from one iPhone screen to another. This iPhone video is imagined as an advertisement for the iPhone 5 concept feature of NFC. If iPhone 5S comes with the NFC feature, this could
Some of the more interesting data points from running my various touch/pointer tests on a variety of devices/browsers. All tests carried out manually, trying to get the cleanest possible results (e.g. getting a “clean” tap without any finger movement). Most testing carried out against this simple event listener test. Some of these results first appeared in my presentation Getting touchy - an intro
iOS版のGoogle Mapsがリリースされたことをうけて、きっと誰もが地図のリンクを「直接Google Mapsアプリで開けたら…」って思うんですよね。「http://〜」で始まるところを「googlemaps://〜」に書き換えれば、Google Mapsで地図が開けますよ。 googlemaps://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=%E6%97%A5%E6%9C%AC%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%8B%E8%B0%B7%E5%8C%BA&aq=0&oq=%E6%B8%8B%E8%B0%B7&sll=37.0625,-95.677068&sspn=38.008397,77.519531&vpsrc=0&ie=UTF8&hq=&hnear=Shibuya,+Tokyo,+Ja
スマートフォンサイトの制作でいま注目を浴びているのが「jQuery Mobile」です。jQuery Mobileを利用すると、CSSやJavaScriptの知識がない人でも簡単に本格的なスマートフォンサイトを作成できます。そんな“jQuery Mobileのキホン”が10分でわかるように、要点をギュッと絞って解説しましょう。 ※本記事は、jQuery Mobile 1.0をもとに執筆しています。 0分目： jQuery Mobileのダウンロードと利用方法 jQuery Mobileは、HTMLのhead要素で、（1）jQueryのスクリプトファイル、（2）jQuery Mobileのスクリプトファイル、（3）jQuery MobileのCSSファイルを読み込むだけで利用できます。 それぞれのファイルはjQueryのサーバーから呼び出せるようになっているので、わざわざ手元にダウンロードし
［ #iPhone4S ］au速すぎワラタ...ソフトバンクとauでネットワーク速度対決！！2011.10.14 14:305,934 誰もが気になっているソフトバンクとauのネットワークスピード対決をやってみました！ 計測サイトはBNRスピードテストで、測定方法は下り速度テストです。 動画でその様子を撮ったのでまずは見てください。その圧倒的な差を。 動画左からau iPhone 4Sが2台、ソフトバンク iPhone 4、ソフトバンク iPhone 4Sです。 速度を数字で見てみると一目瞭然。 数字は左からauが1.68Mbps、1.26Mbps。ソフトバンクが82.13kbps、88.3kbps...。圧倒的すぎるよau by KDDI！！ 今日がiPhone 4Sの発売初日なので、auの回線はソフトバンクよりも空いてるんじゃない？ という意見もありました。それに、もちろんこのテストは
スマートフォンを対象にしたHTML／CSSコーディングは、基本的にデスクトップ向けウェブサイトのコーディングができていれば、それほど難しくはありません。あとはスマートフォン特有の仕様や、コーディングのパターンを掴むことができれば大丈夫です。なお、HTML5をベースにしたマークアップや、CSS3でよく使われるプロパティなどについては、ADC内の小山田晃浩氏の連載「HTML5&CSS3入門 with HTML5 パック」をおすすめします。 今回はコーディングの前に知っておくべきこととして、スマートフォンのスクリーンサイズなどについて解説します。小さなスクリーンサイズを対象にデザイン／コーディングしますが、そのスクリーンサイズの値はHTML側で定義する必要があります。 iPhone／Android各機種のブラウザーについて iPhoneとAndroidともにWebkitブラウザーがデフォルトブラ
昨日のソフトバンクの非公式JavaScript対応の調査結果 | 徳丸浩の日記で報告したように、昨年5月に、ソフトバンク60機種の検証を行い、JavaScript対応の状況などを調査しました。当時はまだ公式なJavaScript対応機種はない状態でしたが、既にほとんどの端末が *非公式に* JavaScriptに対応していました。 このエントリでは、検証の様子を報告します。 なぜJavaScript対応状況を調査したか http://www.hash-c.co.jp/info/20091124.htmlを公表した前後に、とある方（この方）から、ソフトバンクのケータイでもJavaScriptが動作すると伺いました（参考のやりとり）。XMLHttpRequestも含めてJavaScrptが動くと教えていただいた932SHを私も購入して調べたところ、以下が判明しました。 確かにJavaScrip
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
昨年末より、ワンセグやおサイフケータイを搭載する、日本市場に特化したAndroidスマートフォンが登場しています。日本では2015年にも携帯電話の販売台数、契約数ともに、スマートフォンが全体の半数を超える予測がされており、今後さらに広がることが確実視されています。 スマートフォンからのWebアクセスも、今より増加するでしょう。立ち上げる必要がないことやどこでも使えるという利便性から、PCよりも利用の幅は広がるのではないでしょうか（実際、今年中にスマートフォンがPCの売上を抜くという予測もあります）。 さて、昨年頃より「モバイルファースト」という考え方に注目が集まっています。PCではなくまずモバイルからデザインを考え始めるという考え方なのですが、「たとえモバイル展開を考えていなくてもモバイルから考えよう」という、少し変わった主張も含まれているのです。いったい、どういうことでしょうか。 制約を
最近普及しているスマートフォンですが、その専用のサイトを作っている所も多くなってきました。 WEB制作の会社でもスマートフォンサイトを制作する事が多くなってきたと思います。 スマートフォンは指で操作するのでパソコンとはまた違ったデザインになっています。 そこで、デザインをまとめているサイトをまとめてみました。 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト スマートフォンサイト集めました。 スマートフォンサイト集めました。 iShowcase – 国内のiPhone / iPad最適化対応をしたサイトを
昨年後半辺りから、iPhoneやAndroidなどのスマートフォン案件を実際にやる機会が増えて、今年はもっともっと増えるんだろうなぁと思う今日この頃。 なので今回は、スマートフォン向けサイトのフォームを作成する時に使うかも知れないラジオボタンにフォーカスした記事なんぞを。 ラジオボタンといえば、よく見かけるのは性別の選択とかでしょうか。 何にせよ、下記のような感じです。 ラジオボタン1 ラジオボタン2 んで、これをiPhoneとかで見ると、何の変哲もない普通のラジオボタンですが、iPhoneってラベル部分をタップしても選択できなかったりして使い勝手が悪いと思ったりしませんか？ ボクが持ってる、iPod Touch では反応してくれなかったです。 そこで、ラジオボタンをもっと良さ気なボタンっぽくしてみたら良いんじゃないかと思ったのでやってみました。 サンプルはiPhoneかwebkit系ブラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
