フリーランスWebデザイナーの日記

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

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

公開日：2018.05.26

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

公開日：2018.04.26

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

公開日：2018.02.18

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

公開日：2017.12.16

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

公開日：2017.11.20

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

公開日：2017.10.24

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

公開日：2017.07.06

大河ドラマで話題になった上田城に行ってきました。事前にネットで調べたところ犬連れでも大丈夫なようだったので愛犬チョコさん同伴での観光です。上田城をバックに凛々しく遠くを眺めるチョコさん。黄金色のイチョウをバックに真 […]

公開日：2016.11.09