misc

Bootstrap4のハンバーガーメニューの色を変える方法

簡単にレスポンシブなWebページを制作できるフレームワークBootstrap4ですが、まだまだ情報が十分でないため、海外のサイトなどを参考に、今回カスタマイズしてみました。

スマホ、タブレット表示時のハンバーガーメニューの色の変更方法についてです。

ハンバーガーメニューのclassのCSSを触り、枠線、背景、3本線の色を変更してみました。

ハンバーガーメニューの枠線、を変更する

class .navbar-toggler を設定します。

.navbar-toggler{
  border-color: #ffffff;
}

ハンバーガーメニューの背景色を変更する

枠線と同様にclass .navbar-toggler を設定します。

.navbar-toggler{
  background-color: #000000;
}

ハンバーガーメニューの三本線を変更する

枠の中の三本線のイメージは、SVG background-imageで描画しているので、ここを変更。
rgba形式で設定。

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

iPhone6(iOS8)でSafariのキャッシュを削除する方法

履歴とWebサイトデータを消去 をタップ

当サイトの急上昇キーワードが「iPhone キャッシュ削除」「iOS8 キャッシュ削除」でして、ただ、検索でヒットするページが、古いページ

【覚書】iPhone(iOS)でSafariのキャッシュを削除する方法

のため、少し内容が古くなってしまっています。そのため、iOS8の場合の削除方法をあらためて書きます。

お役に立てると幸いです。
続きを読む

iOS8で写真を回転するには?

トリミングアイコンをタップしてから回転アイコンをタップ

iPhone6 128GB、ゴールド、購入しました。
iPhone6 Plusとどちらにしようかと、当然悩んだのですが、ショップで実機を試してみて、自分の指の長さと適応能力を考慮した結果、Plusは断念しました。

iPhone6でもiPhone5よりはサイズが大きく、片手操作でときどき失敗してしまうこともあるので、自分にとっては正解でした。

続きを読む

Googleカレンダーでお天気を表示する

Googleカレンダーでお天気表示

プライベートや仕事のスケジュール管理にGoogleカレンダーを使っている方は多いと思います。

私もGoogleカレンダーユーザーで、自分の仕事のスケジュールだけでなく、家族のGoogleカレンダーのスケジュールも共有することで、お互いが忙しい中でも連絡漏れがないようにしています。

今年の夏はとても暑く、気温も高く、大型台風がやってきたり、最近では、天候不順が続いて気温も下がったりと、外出時のお天気や気温が気になります。

続きを読む

2014年夏期休業のお知らせ

夏期休暇

今年は2年ぶりに夏休みを取ることにしました。

2014/8/8(金)〜8/17(日)

を夏期休業とさせていただきます。

クライアント様等ご迷惑おかけしますが、復帰後も尽力いたしますので、よろしくお願いいたします。

続きを読む

【制作実績】東京美容皮膚科クリニック様「ウルセラ3Dリフト特設サイト」

東京美容皮膚科クリニック様の最新のたるみ治療「ウルセラリフト」の特設サイトを制作し、公開しました。

http://www.urusera.net/

東京美容皮膚科クリニック「ウルセラ3Dリフト」

30代、40代過ぎてくると、アゴや頬のたるみが気になってきますが、「ウルセラリフト」の施術を受けることで、リフトアップ、たるみが解消されます。

制作のために、実際の施術のビフォーアフターの写真やムービーを何点か見せてもらいましたが、確かに上がってます!引き締まっています!

続きを読む

【制作実績】平和歯科医院様Webサイト

東京、吉祥寺の歯科、平和歯科医院様のWebサイトを制作しました。

CMSのWordPressによる構築です。

平和歯科医医院

平和歯科医院様は、東京都武蔵野市吉祥寺の完全予約制・自由診療の歯科です。

世界基準の確実な感染対策、そして安全性の確立した治療器具・材料を選択し、
「天然歯を限界まで残す歯科医療の実践」
という信念のもと、日々、診療されています。

先日のYahoo!ニュースで
「歯削る機器、滅菌せず再使用7割…院内感染懸念」
の記事が掲載されていましたが、平和歯科様の場合、感染症対策には、手間暇をかけて、万全の措置を講じてらっしゃっています。
感染症対策

阿部 修院長様は、とても気さくな方で、WEB制作の際にも、1つ1つ丁寧で的確な指示をいただき、非常にスムーズに進行できました。

吉祥寺近辺で歯のことでお悩みの方は、ぜひ、平和歯科医院、ご利用になってみてください。

【平和歯科医院】
東京都武蔵野市吉祥寺南町
1-31-2 七井ビル203
TEL / FAX 0422-46-2122