過去の記事一覧

  1. WordPress

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

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

  2. Illustrator

    Illustrator|立体の文字を作ろう

    ここではこんな感じの立体的な文字をイラストレーターを使って作ります。イラストレーター 立体文字の作り方イラストレーターの上のメニ…

  3. WordPress

    サイトをまるごと非公開にするプラグイン

    WordPressのサイトを全ページ非公開にしたいのだけど、htaccessファイルを編集して「Basic認証」はややこしいしエラーが出てしまうという方は、下記…

  4. CSS

    斜めのストライプをCSSのみでデザインする方法

    ここでは、背景などのデザインとして活用できる斜めのストライプ柄をCSSのみで実装してみたいと思います。できあがるのは、こんなデザインです。See t…

  5. Bootsrtap

    Bootstrap4でFlexboxを使いこなすためのクラス名一覧

    Bootstrap4ではclass="row"に対してdisplay:flex;が初期設定として指定されているためflexboxコンテナとして使うことができます…

  6. photoshop

    水を透明に切り抜きしたい

    Photoshopの切り抜きって透明部分を透明になるように、レイヤーを重ねたときに背景が透けるような切り抜きできたらいいなって思うことってありませんか?…

  7. Bootsrtap

    Bootstrap4を利用してアコーディオンメニューを作ろう

    ここでは、Bootstrap4に備わっている機能を利用してアコーディオンメニューを作る方法について見ていきたいと思います。今回、作成するメニューはこちら…

  8. WordPress

    Contact Form 7の「画像認証(reCAPTCHA v3)」を利用して問い合わせスパム対策…

    なんだか最近、海外からのよく分からない問い合わせメールが増えてきたなと思ったら画像認証を使ってみましょう。といっても、ここでご紹介するのは、いわゆる「画像認証」…

  9. JavaScript

    ページをスクロールした距離をリアルタイムで知りたい

    このページでは、ページをスクロールしたときの距離をリアルタイムで知るための方法について見ていきます。お気づきだとは思いますが、このページの左上にも実際に…

  10. WordPress

    WordPress|ページごとにCSSやJavaScriptを設定する方法

    ここでは「Custom Field Template」というプラグインを使ってページごとにスタイルシートやJavaScriptを読み込ませる方法について見ていき…

最近の記事

  1. CSS

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

    要素の配置が簡単に決まるFlexboxの使い方
  3. CSS

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

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

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