[B! JavaScript] nakomaruのブックマーク

nakomaru id:nakomaru

JavaScriptに関するnakomaruのブックマーク (4)

Retinaディスプレイで画像がぼやける時の対処法[javascript]
Kotoriはマルファン症候群という難病を患っています！今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。そもそもRetinaディスプレイってなに？ Retinaディスプレイとはapple独自の高精細ディスプレイの名称で、画面解像度が高いことが特徴です。 iPhone 3GSと、初めてRetinaディスプレイが採用されたiPhone 4を比較すると、画面サイズは同じですが解像度が iPhone 3GSが320px×480px iPhone 4が640px×960px となっています。画面解像度が2倍に上がっているのですね。 Retinaディスプレイで画像がぼやける理由上記の通り画面解像度が2倍になったことにより、普通のディスプレイで等倍で表示していた画像が、Retinaディスプレイだと縦横2倍に引き伸ばされた状態
nakomaru 2014/05/23
JavaScript
リンク
jQuery（JavaScript）でiPhone、iPad、Android向けにアラートを表示してURLをリダイレクト（選択）させる方法｜BLACKFLAG
少し前に「jQuery（JavaScript）でiPhone、iPad、Androidなどデバイスを判別して URLをリダイレクトする方法」と題して、スマホ系のデバイスを判別してURLをリダイレクトさせる方法を紹介しましたが、ユニクロさんやほぼ日さんのサイトではスマホ系デバイスでアクセスするとアラートでスマホ向けのサイトがあることをメッセージで促し、どっちのサイトへアクセスするかユーザーに選択させる方式をとっておりこのUIがおもしろかったので試しにｊQueryを使って同じ動作を作ってみました。例として、サイト構成が以下の様なURLとします。 ——————————————————- 【PC向けサイト】ｈｔｔｐ：//black-flag.net/sample/ 【スマートフォン向けサイト】ｈｔｔｐ：//black-flag.net/sample/sp/ ————————————
nakomaru 2013/10/30
JavaScript
リンク
Animated Border Menus | Codrops
A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash’s bounce menu for mobile apps. The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today
nakomaru 2013/10/02
JavaScript
リンク
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。このライブラリは新バージョンがあります。レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
nakomaru 2012/12/25
JavaScript
リンク
1