過去の記事一覧

  1. CSS

    input要素に擬似要素を適用させたい

    ここでは、input要素でボタンに擬似要素を適用させたい方が参考になりそうなお話をします。結論から言うと、input要素に疑似要素は適用できません。例え…

  2. CSS

    CSSのみで三角形を作る仕組み

    ここでは吹き出しなどのデザインでよく使われている三角形の仕組みについて見ていきます。今まで何となくCSSの三角形を理解してきた方もここでその仕組みが明確に理解で…

  3. CSS

    テキストをpositon:absolute;で中央寄せ|テキストの幅が狭くなる問題

    ここではタイトルの通り、テキストをposition:absolute;とmargin:auto;を使って横に中央寄せにしたときにテキストの幅が限定されて途切れて…

  4. Bootsrtap

    bootstrap4|ドロップダウンが動かない

    Bootstrap4のドロップダウンが動かなくてお困りの方、もしかしたらこれが原因かもしれません。Bootstrap4では、JavaScript…

  5. Bootsrtap

    Bootsrtap4|ナビゲーションバーの基本的な仕組み

    Bootsrtapって簡単なんだろうけど、ちゃんと理解しようとすると難しいですよね。ここではコピペだけでなく、ナビゲーションバーの基本的な仕組みから自分でカスタ…

  6. Bootsrtap

    Bootstrap4のブレイクポイントとクラス名のprefix

    下記はBootstrap4のブレイクポイントとそのクラス名のprefixについての一覧表です。Bootstrapで使用されるprefixはcol-だけでなく、ナ…

  7. CSS

    CSS|検索ボックスのデザインサンプル11点

    検索ボックスのデザインってシンプルに見えて意外とバリエーションがあるものです。ここでは検索ボックスのデザインサンプルをいくつかご紹介していきます。まずは、何もデ…

  8. WordPress

    特定のスパム問い合せを防ぐ方法

    最近、あるクライアントのもとに特定の人物と思われる人からのスパム問い合わせが度々来るようになりました。こういうものを防ぐ方法はないものかと調べて対応した方法をこ…

  9. CSS

    背景画像をテキストで切り抜く方法

    ここでは、こんな感じでテキストが背景画像になっているというか、背景画像をテキストで切り抜く方法について見ていきます。 沖縄の海を満喫しよう!…

  10. WordPress

    リンク先のキャプチャを自動で表示してくれるプラグイン

    外部リンクを貼るときに、キャプチャも一緒に表示させたいときってあると思います。そんなときは「Browser Shots」というプラグインが便利です。このプラグイ…

最近の記事

  1. CSS

    レスポンシブウェブデザインの基本|メディアクリエリの設定
  2. WordPress

    WordPressの立ち上げからサイト構築までの初期手順
  3. CSS

    擬似クラス「:first-child」「:last-child」はどうして効かな…
  4. CSS

    CSS|中央寄せが効かないときは・・・
  5. CSS

    要素の配置が簡単に決まるFlexboxの使い方
PAGE TOP