2015.10.28 課題解決のためのUI実装講座 Web Designing 2015年11月号 スクロールに追従するナビゲーションの工夫と実装（1/2） 要素を工夫してスマホユーザーのストレスを軽減する Text：森田珠奈子、小見祐介 追従要素とは、スクロールに応じてページに表示されるナビゲーションのことだ。スマートフォン（以下、スマホ）では画面が狭くページ内の要素を一望できないだけに、追従要素は必要なリンクを探す手間を省くのに役立つ。しかし、同時にコンテンツを読む妨げになる可能性も高い。今回はスマホサイトにおける追従要素の工夫例と、基本的な実装方法を解説する。 サンプルファイルダウンロードのご案内 このコーナーで紹介しているサンプルファイルは、こちらからダウンロードできます。ぜひ、サンプルを動かしたりカスタマイズしながら読み進めてください。 スマホにおける「利便性の高い」ナビゲーショ

以前『築30年以上のアパート住みのキッチンを公開』という記事でタッパーをなんとかしたい！ということを書きました。 プラスチック製のタッパーは見た目がイマイチだし、洗いにくい上に劣化が早いのです。 なので次は有名なイワキのガラス耐熱容器に買い替えようかと思っていたのですが、 なんとそれに匹敵するガラス耐熱容器が100均のダイソーで発売されているというじゃないですか！ 口コミもなかなか良い、とういうか絶賛の嵐だったのでさっそくダイソーにてガラス耐熱容器をゲット。 実際使ってみると評判通り使いやすいし見た目もシンプルでおしゃれ。 財布にも優しくもう感涙ものです。 ということで今回はダイソーのガラス耐熱容器の種類、使用感、気になった点などをまとめてみるので気になっている方は参考にどうぞ(^^)

前回に引き続き、今回もブログカスタマイズ関係の記事となります。 このブログをPCで閲覧している人は既にお気付きだと思いますが、「力こそパワー」のPC表示時のヘッダー画像が新しくなりました。 本日は、今回依頼したヘッダー画像作成の一連の流れを画像多めでご紹介します。 ブログ・サイトデザインの外注を検討している人は参考にしてみてください。 PC用ヘッダー画像が欲しかった 「力こそパワー」はPCとスマートフォンで表示レイアウトが大きく異なります。 スマートフォン表示時のヘッダーは以前にランサーズでコンペ形式で作っていただいたイラストを使用していました。 PC表示時のサイドバー上部やTwitterアイコンにするなど、かなりのお気に入り作品です。 ランサーズでブログのキャラクターイラストを募集してみました しかし、PC表示時のヘッダーはずっと著作権フリーの写真を利用していました。 いつかPC表示時の