スマートフォンでも見やすい web ページを作るために media queries を使うという選択 - vivid memo
最近スマートフォンを使って web ブラウジングしていて気になることがあります。 それは、幅固定の web ページや複数カラムの web ページが非常にみにくい ということ。 当然ながらスマートフォンの画面の横幅は狭いため、PC 用に作られた幅固定や複数カラムのページは端末の画面の横幅に収まりきらずに横スクロールする必要が出てくる可能性があるのです。 皆さんも経験があると思いますが、横スクロールする必要があるページってみにくいですよね。 「幅固定の web ページのレイアウトはやめるべき」 という論調は昔からありました *1 が、PC で見る分には幅固定でもそれほど問題にならない *2 ため、開発者としては作りやすい幅固定の web ページで作ってしまう、という人が多いような気がします。 しかしながら、スマートフォンで見る場合、PC ほど自由が利かない *3 ことが多く、横スクロールが出る
JavaScript から HTML Element の class 属性を取得する方法 - vivid memo
JavaScript から HTML 要素の class 属性を読み取ったり変更したりしたいとき、DOM の Element#getAttribute メソッド および Element#setAttribute メソッド を使用することができます。 // HTML 要素の取得 var elem = document.getElementById("XXXX"); // class 属性に設定されている値を取得 elem.getAttribute("class"); ただし、Internet Explorer 6 や 7 ではこの方法ではだめです、という話 を前に書きました。 前に書いた記事のように Element#getAttribute メソッドの引数を "className" とすれば IE6 や 7 でもちゃんと class 名を取得できますが、せっかくなのでクロスブラウザで使用でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
