Travelogue(トラベローグ)

Travelogue

カルーセルスライダーslickの前後ボタンが表示されない原因と対処法

カルーセルスライダーslickの前後ボタンが表示されない原因と対処法

カルーセルスライダー用のjQueryプラグインとして定番の「slick」を設置した時、前後の画像への矢印ボタンが表示されないことがある。この問題のほとんどの場合はcssで解決できるのでその対処方法をまとめた。

2018.05.26

写真上のデバイステキストを見やすくするためにtext-shadowがとっても便利

写真上のデバイステキストを見やすくするためにtext-shadowがとっても便利

text-shadowはテキストに影をつけるためのプロパティです。数年前までは対応ブラウザの関係でなかなか使うのが難しかったのですが現在はすっかりスタンダードなプロパティとして定着している感があります。 text-sha […]

2018.04.26

共通ファイル化したナビゲーションで現在閲覧中ページのみスタイルを変更する

共通ファイル化したナビゲーションで現在閲覧中ページのみスタイルを変更する

グローバルナビゲーションのスタイルを現在閲覧中のページだけ変化させておく方法について書きます。 パンくずリストと似たような意味で、サイト内における現在位置を分かりやすくするものです。 例えばラインの色を変えたり、背景の色 […]

2018.02.18

ビフォーアフター写真のアイコンや矢印をCSSだけで作る

Before、Afterを写真で紹介するようなページは業種を限定せずいろいろなサイトで目にします。BeforeとAfterという文言でなくても、改修前・改修後とか、お掃除前・お掃除後とか、前後を比較するコンテンツは数多く […]

2017.12.16

CSSで画面を縦に分割して全画面表示する

ウィンドウサイズに追従してコンテンツや背景画像なども伸び縮みするようなデザインが主流になっている感のある昨今ですが、下記のようにウィンドウの左右を縦に分割し、それぞれの横幅はウィンドウ幅に対し50%:50%、縦はウィンド […]

2017.11.20

nth-childのカッコの中にプラスを使うのが地味に便利

地味に便利なCSS3のセレクタの話。 使い慣れてないとあまりよく考えず別々のclassを割り当てたりしがちですが、使い慣れてくるととってもスマートにコーディングできてなんだか嬉しい。 例えばnth-child()。これ自 […]

2017.10.24

ワンコと一緒に初夏の白馬で自然の中をお散歩

愛犬のチョコさんを連れて白馬へ日帰り旅行してきました! 白馬は長野市の中心部から車で約1時間ちょっと。長野市から西のほうへ山の中を走っていく感じで高速道路に乗ることもなく、意外と近かったです。 白馬に近づいてくると道すが […]

2017.07.06

長野市は中心部でも家賃が安いので気軽に二地域居住の拠点を持てた

二地域居住を出来るだけ気軽にするために大事なのはランニングコストを抑えること。二地域居住のために必要なランニングコストとしてメインになるのは移動費や住居費になることと思います。 前回は東京から長野市までのバス代の安さにつ […]

2017.06.04

Copyright © 2004-2018 Travelogue.

Pagetop