WEB制作の「どうすれば？」が「なるほど！」に変わる

先日家族でいちご狩りに行ってきました。 何年ぶりかな？　というぐらい久しぶりで、おなかいっぱい食べて子供たちも大満足でしたよ。   そんな季節を感じられるイベントの一つのいちご狩り、みなさんはどのようなイメージをお持ちでしょうか。 いちご食べ放題、楽しい、デートで使える、というテンションが上がるイメージはたくさん浮かびますね。   そんなこと聞くなよ。 と怒られそうですが、その一方で、   土や泥で靴や車が汚れる、地方まで行くから遠い、かがむから腰が疲れる、というあまりいいイ ...

  今回は葛飾区新小岩にあるレインボーというカプセルホテルにやって参りました。   カプセルホテル？　サウナあるの？ あります！   ホテルなだけあって綺麗ですし、サウナ以外の施設も充実してます。   それに、カプセルホテルだからといって泊まらなくてもＯＫで、サウナだけ利用して帰るのもありです。 ３時間コースがあるので、サクッとサウナに入ってすぐに帰りたい人にはもってこいのコースです。   JR新小岩から徒歩3分ほどです。 ひさびさに新小岩に来ましたがめち ...

CSSでヘッダーを固定したのに、スライドメニューを表示したまま下へスクロールするとヘッダーがついてこない。 というエラーでつまづいたのでメモ代わりに記事として残します。   エラー内容 まずはヘッダーを作成します。 デザインはよくあるパターンで、右端にハンバーガーメニューを置きます。   ハンバーガーメニューをクリックすると、ブラウザの右外側からスライドメニューが表示されます。     ここまでは順調です。   ポイント この時点で、ヘッダーには posi ...

冬の季節になると、街にはイルミネーションが点灯し始めます。 今年はどこのイルミネーションを見に行こうか。誰と行こうか。と楽しみにしている人はたくさんいますね。   イルミネーションというと大人が楽しむイメージが強いですが、家族で、カップルで、友人同士で、誰と来ても楽しめるのが大井競馬場の東京メガイルミです。     私も子供を連れてイルミネーションを見に行ったことがなかったので、どこか家族で楽しめるイルミネーションはないものかと探しておりました。 そこで見つけたのが大井競馬場 ...

テキストの折り返しをさせたくない場合はどのようなCSSを設定すればいいでしょうか。 今回はその方法をご紹介します。   私の場合は、レスポンシブデザインの確認でブラウザを伸縮させていたら、ボタンの中のテキストが折り返してしまったので、「あれ？」と感じたことでした。   解決コード セレクタ { white-space: nowrap; } これで、要素の幅が縮まっても、テキストの折り返しはしなくなります。   レスポンシブ関連の記事も紹介しておきます。