Instagram APIを使用し、タグで絞った画像を一覧表示する方法 | Stronghold Archive
どうもこんばんは。今回のtipsは【Instagram APIを使用し、タグで絞った画像を一覧表示する方法】になります。方法に関してはとても便利なプラグインがありましたのでそちらを使用してみます。 実装方法 クライアントIDの取得 まずはクライアントIDが必要になります。コチラより開発者登録をしてください。 コード Potomakのダウンロード JS <script src="jquery.1.X.X.js"></script> <script src="jquery.instagram.js"></script> <script> $(function() { $(".instagram").instagram({ hash: ‘検索対象のタグ（ハッシュ）’, show: 12,//表示件数 clientId: ‘ここにクライアントID’ }); }); </script> HTML <
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
16×16ピクセル箱ドットジェネレータ
ツイート どんどん宣伝してね！ このコンテンツを表示するにはFlashPlayerが必要です。 作った人：えいちぜろな（h071019） はてなハイク： Twitter： こちらの箱ドットジェネレータもよろしく。 *「箱ドット」はデザイン集団「NC帝國」がデザインしたペーパークラフト「グラフィグ」を元にした二次創作です。 ＜使い方＞ プルダウンメニューから各パーツを選択 ↓ 色を自由に変えられるパーツはメニューの右側にカラーピッカー（）が出るので、それをクリックして色を変更 （RGBの数値入力でも色を変更できます） ↓ 完成したら「画像を保存」ボタンを押して画像を保存 *16×16ピクセル、48×48ピクセル（3倍拡大）、64×64ピクセル（4倍拡大）の3種類のサイズで保存できます。 48×48ピクセルはTwitterアイコン、 64×64ピクセルははてなのアイコンとしてちょうどいいサイズ
CSSを使ってどのブラウザでもフォントサイズを「％」で統一させる方法 | colori
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
MdN Design｜総合情報サイト
iPhone 4はiPhone 3GSと同じ画面サイズのまま、2倍の解像度となった。 Androidでは機種により異なるが、1.5倍のものが多い。 同じ画面サイズで表示できるピクセル数が増えたため、細かい文字もくっきりとして読みやすくなった。 しかし、コンテンツの1pxをデバイス上の1pxとしてそのまま表示すると、全体的に小さく表示されてしまうことになる。 そこで、WebKitをベースとしたブラウザには「devicePixelRatio」というプロパティが用意されている【1】。 devicePixelRatioとは、直訳すると「デバイスのピクセル比率」で、コンテンツの1pxを実際のデバイス上で何pxとして描画するかを示すものである。 【1】スマートフォンのdevicePixelRatioと解像度の一例
Firefoxで同じページを表示しているはずなのに文字サイズが違う場合
開発中のサイトの表示確認をしていて おかしなことに気がついた。 HTML も CSS も JavaScript もまったく同じはずなのに 公開用のサーバに上げたものとローカルにあるものとで 文字サイズが違う。 これはどうしたことかと確認してみて気づいた。 ローカルのファイルを表示すると すべてのページで文字サイズが大きくなっている。 はっと気づいて Firefox のズーム設定をリセットしたら直った。 Firefox は一度ズームを指定すると 次に変更するまでずっとその情報を保持している模様。 それだけならすぐに気づきそうなものなんだけど、 ちゃんとサイト毎というかドメイン毎に分けて記憶されているため 他のサイトはちゃんとデフォルトのサイズで表示されていた。 localhost だけが大きくなっていたので気づかなかった。 というわけで、Command + 0 で解決。 Windows だっ
jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。 具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法 ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DropCatch.com