チップの日常

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

CSSでハンバーガーアイコンを作ってみた|ハンバーガーボタンの作り方解説

f:id:chipsforest:20160608195220j:plain:w200

 ハンバーガーアイコンとは上画の様なボタンのことで、ボタンを押すとメニューや設定画面と等が開きます。

 スマホ用のサイトとかで良く見かけるようになりましたね。

 今回はハンバーガーアイコンをCSSを使って作ってみたので紹介します。

※今回紹介するのはハンバーガーアイコンのみの作成方法なので、完成したものをタップしても動作はしません。

続きを読む

【はてなブログ】本文とサイドバーの間に仕切り線を入れる

f:id:chipsforest:20160507175933j:plain

 今回は本文とサイドバーの間に仕切り線(上画像の赤枠部分)を表示させる方法をご紹介します。

 方法としては「記事本文の右側に線を表示」「サイドバーの左側に線を表示」の2パターンがあるので、この2つの表示方法と違いを書いていきます。

続きを読む

【横須賀観光】しょうぶ園と横須賀駅前の散歩は中々楽しいよ

 

 今年の4月は天候と日程が合わなくて桜のお花見が出来なかったので、GWは桜の代わりに藤の花を見に行ってまいりました。

 目的地は横須賀にあるしょうぶ園。

f:id:chipsforest:20160505231301j:plain

 最寄駅はJR横須賀線の衣笠駅です。

 衣笠駅からバス(3番乗り場)で15分程度で到着します。

 横須賀しょうぶ園の公式ホームページ|横須賀しょうぶ園の住所:横須賀市阿部倉18-1|横須賀しょうぶ園は横須賀インターから5分です|花しょうぶまつりのご案内

続きを読む

マイクのポップガードを自作してみました

 私は音楽を録音する際、ポップガードというものを使ったことがありません。

 理由はダイナミックマイクの「SHURE SM58」を使用していて、以前にダイナミックマイクの丸い部分にあるスポンジがすでにポップガードの役目を果たしている為、あまり必要が無いという記事を読んだからです。

 ということで、私の録音環境はポップガードとは無縁の関係。

 しかし、最近なんとなくポップガードというものが気になり始め、気になっていくうちにどうしても使ってみたくなりました。

続きを読む

PAGE TOP