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

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

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

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

今回は、PCだと表示されるのに、スマホになると動画が表示されないという場合の解決方法を紹介します。 設定は簡単で、HTMLのvideoタグに以下属性を入れるだけです。 autoplay  自動再生 playsinline […]

今回は、WordPressのブロックエディタの使い方を紹介します。 ブロックエディタの一番の特徴は直感的に操作できることです。HTMLやCSSといった知識がなくても簡単にデザインを変更したり、追加したりすることができます […]

前回は、タスクを一元管理するページについて紹介しました。 第7回：タスク一覧ページの使い方｜リモートワークには必須、プロジェクト管理ツール「Podio」とは？ 今回は、このようなタスクの期限や自分宛のコメントなど、Pod […]

前回は、作成したトピック内で担当者にタスク設定する方法を紹介しました。 第6回：タスクの作成方法｜リモートワークには必須、プロジェクト管理ツール「Podio」とは？ 上記では1つのトピックだけを例に挙げていますが、実際に […]