アシアルブログの最新投稿
JavaScriptのテストランナー「testem」を試してみました。
GPSの座標から住所と地図を表示する
LANケーブルが30本以上あってウンザリしている方に捧げる記事
続・イラストでわかるgit入門の入門:ブランチを切る
GPSアプリ作成上の注意点について
2012年6月26日メンテナンスのお知らせ
HTML5アプリのviewportを統一的に設定、monaca.viewport.js
こんにちは、開発者の久保田です。
Monacaではプロジェクトのひな形が一新されて、新しいHelloWorldプロジェクトが用意されました。 そのプロジェクトの中には、異なる解像度の端末でも同じように画面を設定するためのmonaca.viewport.jsが含まれるようになりました。この記事ではmonaca.viewport.jsについて説明します。
CSS3だけで作るレスポンシブデザイン対応ナビゲーションバーの作り方
こんにちは、鴨田です。
最近はRetina対応のMac Book Proが出たり、特にスマートフォンに限らず、解像度の高いディスプレイが多くなってきました。そうなると、画像でいろいろな素材を作るということに関して限界が出てきます。
なので、最近はCSSだけでナビゲーションバーのデザインやコーディングを行うことが多いとは思いますが、知ってる人も知らない人もちょっとしたナビゲーションバーを作ってみましょう。
作るのは、横幅は特に設定しないレスポンシブデザインにも対応できるリキッドな6つの項目を持ったナビゲーションバーとします。ただし、スマートフォンを意識して、外側に320pxのラッパーを配置しておきます。