チップの日常

管理人チップの日常の出来事や気になる事を綴るブログ

CSSのみで背景透過のハンバーガーアイコンを作ってみました

 以前、CSSのみでハンバーガーアイコンを作成したという記事を書きました。


 これは枠ありで背景色を自分で変えることが出来るというものでした。


f:id:chipsforest:20160714121228p:plain

 今回は上の画像のように枠を無くして背景を透明にし、どんな背景色や背景画像の上に表示しても馴染むようなものを作成してみました。

続きを読む

【はてなブログ】スマホ用ページのヘッダーにアイコンや画像を重ねて表示させる方法

f:id:chipsforest:20160713191139j:plain

 今回ははてなブログスマートフォン用ページのヘッダーにアイコンや画像等を重ねて表示させる方法をご紹介します。

 これを応用すればナビゲーション・読者登録・SNS等のアイコンをヘッダーの好きな位置に表示させることが出来るようになるのでかなり便利^^

続きを読む

藤沢駅周辺で美味しいお肉が食べたいなら「牛's」が間違いない|藤沢おすすめランチ

 JR東海道線藤沢駅から徒歩10分程度の場所にある「The Beef House 牛's」。

 以前からこのお店のステーキランチが気になっていて、やっと行くことが出来たのでご紹介していこうと思います。

続きを読む

寒川の台湾料理店「百味鮮」|美味しいけどもボリュームが…

 相模線寒川駅から徒歩5分程度の場所にある台湾料理店「百味鮮」。

 安くて美味しいのでちょくちょく利用させてもらっています。

 ただね、量が多いんですよ!!

続きを読む

CSSのみでヘッダ用のドロップダウンメニューを作成してみた

f:id:chipsforest:20160608194552j:plain

 前の記事ではハンバーガーアイコンの作成方法を紹介しました。


 今回は作ったハンバーガーアイコンを利用して、クリックするとメニュー一覧が上から下りてくる「ドロップダウンメニュー(プルダウンメニュー)」をCSSのみで作成してみたので紹介します。

続きを読む

PAGE TOP