1. CSS

    ECサイト|不揃いな商品サムネイルをCSSで同じ比率・サイズに統一させる方法

    ECサイトなどで商品をリスト表示させたときに、画像の比率がバラバラなためにきれいに揃わないことってありますよね。そんなときに、画像を一つ一つ編集しなくても、CSSだけで調整できたら便利だと思いませんか?ここでは、そんな方におすすめのobject-fitプロパティを使って不均等な画像サイズを一発でキレイに合わせる(トリミング)する方法についてお話します。objec…

  2. CSS

    商品サムネイルにCSSでラキングの王冠画像を重ねて表示させる方法

    ここでは、ネット通販サイトなどで使えるランキングの王冠画像をスタイルシートを使ってサムネイルに重ねて表示させる方法について見ていきます。王冠画像をサムネ…

  3. WordPress

    データベースに残った不要なカスタムフィールドを削除するプラグイン

    カスタムフィールドを多用するサイトを運営していると、初期のころに作成して使わなくなったカスタムフィールドが残ってしまいます。普通に運用する分には気にならないかも…

  4. WordPress

    Speech bubble (ふきだしプラグイン)の使い方

    ここでは、このように記事の投稿を少しユニークに演出したいときに使えるプラグイン「Speech bubble (ふきだしプラグイン)」の使い方についてご紹…

  5. CSS

    CSS|dlリストのdtタグ・ddタグをヨコに並べる方法

    下記の記事でもご紹介したように、dtリストというのは「キーワード」とその「意味・説明」などを記載したいときに使うタグです。でも、dtは初期設定で…

  6. CSS

    【プラグインなし】WordPressのページごとに個別のCSSを追加する方法

    特定の記事の一部だけにスタイルシートを効かせたいときってありますよね。でも、「投稿の編集」のテキストエディタに直接スタイルシートを記入してしまうと、コー…

  7. CSS

    flexboxを使って画像とテキストを横に並べてレスポンシブにしたい

    ここではタイトルの通り、flexboxを使って画像とテキストを2列に横並びに表示させて、かつスマホで表示させたときは画像とテキストを1列にする方法について見てい…

  8. その他

    テキストエディタ|Atomの使い方

    ここではテキストエディタAtomの使い方について見ていきます。Atomの新規ファイル作成Atomを起動すると、下記のようなウィンドウが開きます。…

  9. その他

    テキストエディタAtomをインストールする

    ここでは、Atomというテキストエディタをインストールする手順について見ていきます。Atomのインストール方法Atomの公式ページへアクセスしま…

  10. photoshop

    Photoshopで星形を簡単に描く方法

    フォトショップで星形を作る方法って意外と知らない方が多いのではないでしょうか?ここでは多角形ツールを使って簡単に星形を描く方法について見ていきます。…

最近の記事

  1. CSS

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

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

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

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

    WordPressの立ち上げからサイト構築までの初期手順
PAGE TOP