Responsible.js - スマートフォン向けにフルサイズ表示をシミュレート MOONGIFT
レスポンシブWebデザインは訪れたブラウザのウィンドウ幅によって見せるコンテンツを切り替えます。そのため、PCのブラウザであっても画面幅を縮めればスマートフォン用の見栄えをチェックすることができます。 しかし時によってはスマートフォンであってもPCブラウザ向けの表示でブラウジングしたい時があるはずです。そんな時に使えるのがResponsible.jsです。 Responsible.jsの使い方 まずは最初の表示。スマートフォンに最適化されています。 Toggle Desktopをクリックすると、フルサイズのブラウザ向け表示に切り替わります。 別なボタンを押せば、いつでもスマートフォン向けの表示に戻せるようになっています。スマートフォン向けとして情報を大幅に削ってしまっている場合、こうした表示切り替えは便利かも知れません。 iPhoneでも類似の機能がありますが、こちらは画面の再読み込みが不
スマホ・タブレットをはじめ、27インチの大モニタまで！ページの見え方をさくっと確認できるレスポンシブ用の便利ツール -Responsive View
スマホ・タブレットの縦向き・横向き、ノートブック・デスクトップなど、さまざまなデバイスでのページの見え方をさくっと確認できる便利なオンラインサービスを紹介します。 デバイスごとのモックアップにも使えるレベルですよ！ Responsive View 使い方は簡単、登録など面倒なことも一切不要です。 ページにアクセスし、「Enter your URL」に表示したいページのURLを入力します。 ※「https://」には対応していません（2016年2月現在）。
Windowsのデフォルト機能だけでマウスカーソルをキャプチャする方法
Windowsのデフォルト機能だけでマウスカーソルをキャプチャする方法を紹介します。 Windowsのデフォルト機能でマウスカーソルをキャプチャしたところ １．問題点 Windowsではデフォルト機能で画面をキャプチャするための「Print Screen」キーが用意されています。 具体的なキーの使い方は次のとおりです。 Print Screen押下：デスクトップをキャプチャ Alt+Print Screen押下：アクティブになっているウィンドウをキャプチャ キャプチャ後、「スタート」→「アクセサリ」→「ペイント」を開き、メニューバーの「編集」→「貼り付け」またはCtrl+vでキャプチャした画面がペーストされます。 ですが、この機能ではマウスカーソルを同時にキャプチャすることができません。 下のスクリーンショットは「テスト」というリンクの上にマウスカーソルを当てた状態のものをPrint Sc
WindowsのコマンドプロンプトでUTF8を表示する
WindowsのコマンドプロンプトでUTF8を表示する方法を紹介します。 なお完全に正常な表示にはならないかもしれないのでご注意ください。 １．問題点 次の内容をUTF-8で「test.txt」というファイル名で保存します。 これはUTF8です。 typeコマンドでファイルの内容を出力すると、案の定、次のように文字化けします。 C:\>type test.txt ２．chcpコマンドを使ってUTF8を表示する 文字エンコーディングを変更するにはchcpコマンドを利用します。 ただし、文字コードの変更だけではフォントが対応していないため、フォントもあわせて変更します。 コマンドプロンプトの上のバーを右クリックして「プロパティ」を選択。 「フォント」タブをクリック。 フォントから「MSゴシック」を選択して「OK」をクリック。 設定が終わったら次の「chcp 65001」を入力します。 C:\>
「file:///」でスラッシュが3つ並んでいる理由
ブラウザにテキストファイルや画像ファイルをドラッグるすと、テキストや画像が表示され、URLが「file:///」で始まるのは皆さんご存知かと思います。 Windowsであれば、「file:///」「file:///C:/」と入力すれば、エクスプローラーのような表示を行うこともできます。 で、「何でスラッシュが3つ並んでるんだろう？」と疑問に感じていたものの、「まぁそういうものなんだろう」と、ほったらかしにしていました。 ということでこの疑問を解消すべく、「file:///」について真面目に調べてみました。 １．「file」について まず「file」は、ホストコンピュータ上でアクセス可能なファイルを示すもので、RFC1738（URL仕様）の3.10に以下の記載がありました。 3.10 FILES The file URL scheme is used to designate files a
[JS]デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置するスクリプト -jQuery Retina
Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retinaを使って画像を配置する方法は大きく分けて、3つあります。 imgタグに「data-retina」属性を加える。 画像のファイル名に「-2x」を加える。 コールバック関数を使ってファイル名を指定する。 表示はどの方法を使っても一緒ですが、下記にそれぞれの方法で実装したデモがあります。 デモページ [ad#ad-2] jQuery Retinaの使い方 jQuery Retinaの使い方は簡単です。
パソコンの温度・電圧・負荷・バススピードなどをインストール不要で表示するフリーソフト「Open Hardware Monitor」
パソコンの温度・電圧・負荷およびバススピードなどをインストール不要で表示することができるオープンソースのフリーソフトが「Open Hardware Monitor」です。 ほとんどのマザーボードに載っているチップをサポートしており、対応OSはWindows XP/Vista/7の32ビット版および64ビット版と、x86 Linuxとなっています。 ダウンロードと実際の使い方は以下から。Open Hardware Monitor | CPU Temperature, Fan Speed and Voltages in a Gadget http://openhardwaremonitor.org/ 上記ページ内「Download Open Hardware Monitor」をクリック。 「Download Now」をクリック。 ダウンロードした圧縮ファイルを解凍します。 解凍してできたフォル
リブートせずにWindows上でAndroidアプリが動かせるソフト「BlueStacks」が登場
BlueStack Systems社が、WindowsPCからAndroidアプリをシームレスに使える世界初のソフトウェア「BlueStacks for Windows」が発売予定であることを発表しました。 発表によれば「BlueStacks for Windowsによって、ビジネスの世界での必需品であるWindowsアプリケーション（Internet Explorer、 Excel、Outlook、PowerPoint、Word等）を使いながら、Android のエンターテインメント系アプリケーション（ゲーム、音楽・動画、写真等）や日常生活に必要なアプリケーションを、一台のPCで同時に楽しめるようになる」とのことで、シーンによっては非常に便利なソフトとなるかもしれません。 というわけで、製品発表に関する詳細な資料は以下から。BlueStacks http://www.bluestacks
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
snap tomato
ショートコードでiOSやAndroid等にだけコンテンツを表示させられるようにするWordPressプラグイン・Mobile Content
ブラウザ上でPCにインストール済みのフォントを表示テストできるツール・typezebra
ピュアCSS3でタイピングアニメーションするデモ:phpspot開発日誌
Windowsの時計をなるべく正確に保つ方法 | ライフハッカー・ジャパン