CSSピクセル比とデバイス解像度チェックツール - jsdo.it - Share JavaScript, HTML5 and CSS
スマホ・タブレットにおいて、デバイスにより仕様が異なる 解像度とCSSピクセル比を調べる為に作成しました。 情報収集も兼ね、判定された内容に確認したデバイス情報を加えて ツイートしてもらえると助かります。 var dpr = window.devicePixelRatio;//CSSピクセル比を取得 var sw = screen.width;//画面の幅を取得 var sh = screen.height;//画面の高さを取得 console.log(dpr); $("p#output").html("CSSピクセル比：<span>" + dpr + "</span><br />"); $("p#output").append("画面の幅：<span>" + sw + "px</span><br />"); $("p#output").append("画面の高さ：<span>" + sh
JavaScriptがページの読み込み時間を遅くする理由トップ10 | ゆっくりと…
CSS Sprites 化や画像サイズの最適化、Data URI 化、CSS/JavaScript ファイルの圧縮・結合・読み込み順番の整理やキャッシュ制御など、本サイトでは主に HTTP リクエストの数、データ量およびそれらの順番に関して色々なテクニックを試してきましたが、さらに深く掘り下げるには JavaScript の実行がページの読み込み時間に与える影響を知っておく必要があると思います。 「ウェッブサイトの表示速度を測定するフリーツール集」 でも紹介しましたが、dynaTrace AJAX Edition という優れたツールをフリーで公開している dynaTrace software のブログでこの問題を扱った記事がありましたので共有します。JavaScript 高速化 Tips は （例えば 「JavaScriptを高速化する6つのテクニック」 など） 多々あるかと思いますが、ペ
iOS4.2〜のSafariで傾きを取得し、socket.ioでリアルタイム通信 - テクスト讃歌
HTML5とJavaScriptによるモバイル端末アプリの開発はどうなるだろう？ それら構築のための情報が息つく暇もなくネット上で更新されていく。何が主流となっていくのかといった質問も意味を成さないとしても、クロスプラットフォームの jQuey Mobile が注目され始めたり、モバイル・クラウドなるバズワードも最近（僕の頭の中で）芽生えた。 手法（＝技術）だけではなくどんな姿勢で向き合うのかは重要だが、手法が姿勢を既定するということもありうる。ウェブは死んだという視点も興味深い話だ。けれどもウェブ回帰への勢いも止まらない。もちろん10年先はどうなっているのかは分からないが「ブラウザ」によるコミュニケーションの流れがさらに加速する。そのような姿勢がHTML5によって拡散され確立されていく様子は、どうやら歴史的な事実となっていきそうな気配だ。 iOSのSafariから傾きを取得し、それを別の
[JS]超軽量・超高性能のコンテンツスライダーのスクリプト -Sudo Slider
クロスブラウザ対応、各パネルのブックマークやスクリプトのオフ時も配慮されたアクセシブルで超軽量・超高性能のコンテンツスライダーのスクリプトを紹介します。 Sudo Slider jQuery Plugin デモページ Sudo Sliderの主な特長 リスト要素で簡単にスライダーを実装。 AJAXで画像やHTMLをロード。 スクリプトのオフ時でもコンテンツが可能。 マルチプルなスライダーにも対応。 標準的なスライドからフェードまで多彩な表示を用意。 各パネルへの直接リンクが可能（ブックマーク可）、ブラウザの「前へ」「次へ」をサポート。 パネル内は画像、テキスト、動画、フォームなどさまざまなHTMLコンテンツを表示可能。 自動再生でスライドショーも可能。 ループ再生も可能。 セットアップは簡単で、カスタマイズも簡単。 IE6+, Fx, Chrome, Safari, Opなど主要ブラウザの
ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」:phpspot開発日誌
Lumzy ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」というのが公開されているみたい。 デザイナーさんであれば、Photoshopでまずデザインを作るより、顧客にどういうサイトを作るか、イメージしてもらうためにモックを作るわけですが、それがブラウザ上で高速にできちゃいます。 ネットブック片手にブラウザさえインストールしてネット環境さえあれば、顧客と相談しながらサイトのレイアウトを作っていっちゃえますね。 サインアップとか無しにすぐに使えるところもGoodで、Flashを使った直感的なUIでモックアップをサクサク作れちゃいます。 ツールを立ち上げると、まずプロジェクト作成画面がでるので適当にいれて「Create Project」します。 作成すると、ボタンとかメニューバー、リスト、データグリッド、コンボボックスなどのありとあらゆるUIパーツが最初からそろっていて
【レビュー】IE8の新機能もFirefox 3で実現? - 「IE8 Activities for Firefox」で、アクティビティを! (1) 「IE8 Activities for Firefox」の概要とインストール | パソコン | マイコミジャーナル
8月28日にマイクロソフトは、Internet Explorer 8(以下IE8と略記)のベータ2を発表し、実行プログラムも公開した。その新機能を見て「やっぱIE8だね」と思った方も少なくないであろう。高速化や新たな新機能が導入され、いままでないほどのバージョンアップが、ウリとなっている。新機能の1つにアクセラレータがある。ページ上の文字列を選択して、コンテキストメニュー(右クリック)から関連情報の表示や検索などを行うことができるものだ。いちいち検索サイトなどに移動することなく、検索ができるので、非常に便利な機能といえる。Firefox 3でも、それに近い機能が実現できるアドオンを紹介しよう。 本稿では、Firefoxのアドオンのインストールを行っておりますが、ソフトウェアの利用はすべて使用者の責任においてご利用ください。 IE8 Activities for Firefoxのインストール
ポータルとブラウザの終焉 - 雑種路線でいこう
大学が決まってライター駆け出しの頃、最初に書いた記事は98 Magazineのコラムで、IE 3.0とブラウザ戦争の足音を告げるものだった。当時はNetscapeの優勢を疑う者はおらず、時代を先取りする記事だったと今も自負している。今年2月でNetscapeブラウザのサポートが終わり、年初からYahoo! Japanのリニューアルでトップからディレクトリが消え、ひとつの時代が終わったと実感した。 気付いたらブラウザもポータルもコモディティ化してしまった。素人目にYahoo!とNiftyとMSNのトップページを見比べても違いは分からない。世界で最も成功しているYahoo! Japanが、どうして好調とはいい難い米Yahoo!のデザインを追っかけなければならないか理解に苦しむが、もはやポータルは将来へ向けた競争領域ではなく、トラフィックを少しでもマネタイズするために広告スペースを大きくすること
Safariの『Webクリップ』を試してみる。 - sta la sta
Safari 3に追加された新機能『Webクリップ』を試してみました。 『Webクリップ』は好きなWebサイトをDashboardウィジェットにできる機能です。 今回はYahoo!路線情報をウィジェットにしてみます。 Safariにあるこのアイコンをクリックすると、『Webクリップ』の画面になります。 ウィジェットにしたい箇所を選択します。 このままだと少々大きいのでサイズ調整。できたら『追加』ボタンでウィジェット作成。 ご覧の通り、ウィジェットとしてDashboardに登録されました。 路線検索すると検索結果をSafariで開いてくれます。個人的にはかなり便利で気に入りました。 他には何を追加しようかな。 [追記] ネタフルさんにならってYahoo!の週間天気予報を追加してみた。（Safari「ウェブクリップ」機能を試す） 確かにこれも便利！ [追記2] ニコニコ動画のランキングウィジェ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI