jquery.cookie.jsの使い方!画面遷移してもナビゲーションの状態を維持するソースコード
WEBサイトのアコーディオンやナビゲーションの開閉状態を維持しておきたい場合、Cookie(クッキー)を使って制御する方法があります。Cookieとは、WEB…
WEBサイトのアコーディオンやナビゲーションの開閉状態を維持しておきたい場合、Cookie(クッキー)を使って制御する方法があります。Cookieとは、WEB…
レスポンシブでホームページを作ることが常識となった今、スマホ表示の時にbrタグを削除した方が都合がいい場面がちょくちょく出てくると思います。ググって調べてみる…
だ~いぶ久しぶりの更新ですが、内容はCSSの備忘録というかなりニッチな内容となっていてなんだか申し訳ない…(汗)[position:relative]で右寄せ…
CSSのソースは少ないコードでシンプルにできるとスマートですよね。管理も楽になり容量も軽くなる、といいことずくめです。ちょっと上級テクニックになりますが、CS…
Bootstrapは12分割のグリッドを採用しているため、通常は5等分されたレイアウトを実現することができません。しかし、コンテンツやデザインの都合上、5分割…
グローバルメニューやフッタメニューで利用することの多い区切り線(罫線)。皆さんはどのように実装していますか。CSSの[border]を使えば簡単に作ることがで…
今回はCSSでリンク(aタグ)のクリック範囲を親要素全体に広げる方法を紹介します。PCサイトはもちろん、スマホサイトでは特にリンクの範囲が広い方がユーザーとし…
外部リンク(新しいウィンドウで開くリンク)に自動で外部リンク用のアイコンを表示する方法を紹介。直接HTMLに書き込むこともできますが、その都度コードを打ち込む…
FontAwesome5で、CSSの疑似要素(::before,::after)でcontent指定をした際、アイコンが表示されない場合の解決方法です。…
CSSの[position:fixed]で要素を固定すると、ブラウザ幅がコンテンツ幅を下回った際に固定している要素だけ横スクロールしてくれません。最近のWEB…