これまで9回にわたり、Podioの使い方を紹介してきました。 第1回：リモートワークには必須、プロジェクト管理ツール「Podio」とは？ 第2回：Podioの構成 第3回：ワークスペースの作成方法 第4回：アプリケーショ […]

字間を調整するCSSプロパティには「letter-spacing」がありますが、今回は自動カーニング（文字詰め）ができるCSSプロパティ「font-feature-settings」を紹介します。 font-featur […]

今回はCSSのプロパティ「aspect-ratio」を使用して、画像の比率を指定する方法を紹介します。 aspect-ratioとは？ aspect-ratioとはCSSのプロパティで、ボックスのアスペクト比を指定するこ […]

今回は、前回のレスポンシブ対応｜HTMLだけで、PC画像とSP画像を切り替える方法の続きで、pictureタグを使用してwebp画像の設定と、Retinaディスプレイ対応の設定をしていきたいと思います。 webp画像の設 […]

PC画像とSP画像のデザインが変わる際、CSSのメディアクエリで切り替えたりJavaScriptを使用して切り替える方法もありますが、今回はHTMLのpictureタグを使用して簡単に画像の切り替えができる方法を紹介しま […]

親要素にinnerで幅指定がついている場合などに、その子要素の一部だけ画面いっぱいに表示させるには、親要素から子要素を出してコーディングをする方法をとるなど、少し手間がかかる場合があります。 そんな場合に、CSSで一部の […]

第5回では、トピックページを作成する際にまず必要となるトピックタイトルやその担当者、リンクやカテゴリー選択といった基本設定を紹介しました。 アイテム（トピック）ページの使い方 – 基本設定｜リモートワークには必須、プロジ […]

今回は、スライダーのプラグイン［slick］を使用して、スライダーに動画を入れ、自動再生してくれるように作成します。 初めに まずはどんな感じになるか、画像をクリックしてデモをご覧ください。 slickの設定 最初に［s […]