モンベルがランドセルを発売！ 総合アウトドアメーカー「モンベル」が開発したランドセル「わんパック」。 軽い・高機能・丈夫・低価格という魅力から、多くのメディアに取り上げられ、予約が殺到している人気ぶりです。 今回、筆者はいち早くこの「わんパック」の入手に成功。 数々の登山用品を生み出してきた「モンベル」が作るランドセル、その使い心地はどうなのか……？ 中学生と小学生のやんちゃ3兄弟の母である筆者が、徹底レビューしていこうと思います。 まずはスペックをチェック ●重さ：約930g ●値段：14,850円（税込） ●大きさ：高さ35×幅25×奥行16.5㎝（13.5L） ●その他：レインカバー付き、反射テープ、カラビナフック、防犯ブザー用Dリング、フレキシブルショルダーベルト、タブレット・PC対応背面ポケット、一般的なランドセルの重さは大体1,100g〜1,500g。それと比べてモンベルの「わ

ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用