HTML／CSSサンプルコード集
【コピペで簡単】ソフト・ペイウォール（記事の途中からポップアップ表示）の実装サンプル
一定量画面を下にスクロールするとポップアップが出てきて記事が読めない、有料記事の場合はそんな機能を実装したいことがあると思います。今回はこのソフト・ペイウォールと呼ばれる機能を、サイトに自前で実装できる簡単なサンプルをご […]
【JQuery】appendで追加した要素でclickイベントが発火しないときの対処法
JQueryでclickイベントがうまく発火しない・・・もしかしてそのクリック対象の要素、appendで追加していませんか？ appendで追加した要素でclickイベントを発火させるには以下のように記述を変更する必要が […]
WPテーマTwenty Seventeenでヘッダー画像に重ねてキャプションを設置する方法
今回はワードプレステーマ「Twenty Seventeen」でヘッダー画像上に重ねてキャプションを設置する方法について解説したいと思います。 「Twenty Seventeen」は１ページ構成のサイトを作成するのに大変重 […]
【コピペで使える】スマホ対応のCSSリストデザイン
格好良く見せようとすると意外と難しいCSSリストデザイン。今回は、「シンプル」「機能的」「オシャレ」の3条件を満たすCSSリストデザインに挑戦してみたいと思います。 ul liのタグを使ったデザインは、結構素っ気ない感じ […]
【コピペで使える】HTML5／CSS3の基本テンプレート
ウェブサイトのコーディングを行うとき、ひな形となるテンプレートを毎回探していませんか？ 作る度に異なるテンプレートを適用して、「これでほんとにいいのかな？」「古いHTMLの記述が残っているのでは？」と不安を覚えながらもコ […]