マガジンのカバー画像

WebコーディングTIPS集　～Yanada's Note～

5
本
ウェブ制作のTIPSをまとめました。 HTML / CSS / jQuery / PHP / WordPress
運営しているクリエイター
ヤナダ

3つの swiper を完全に同期・連動させる方法 （※controller で上手く動かない人向け）【Swiper 10系】

ここでいう「完全に同期」とは 「スライダーA」「スライダーB」「スライダーC」があるとき、 AをスライドさせればB・Cもスライドし、 BをスライドさせればC・Aもスライドし、 CをスライドさせればA・Bもスライドする という状態のことを指します。 AをスライドさせればB・Cもスライドする（ただし、CをスライドしてもA・Bは動かない） という一方向の連動は色々なウェブサイトで紹介されているのですが、双方向の連動についての情報が見当たらないため、自分で模索しました。

ヤナダ

【Webコーダー向け】効率的コーディングに必要な「フォント」の知識

こんにちは。マークアップエンジニアのヤナダ（@yanada_front）です。 Web制作の初心者向けに「HTML・CSSを丁寧に解説した教材」は数多くあります。しかし、「フォントについて解説した教材」はそれほど多くないように思います。かくいう私も、実際に案件を取った後に、フォントでつまずいた一人です。 このページでは、駆け出しエンジニアの方が、実際の案件を取ったときにつまずかないよう、最低限必要な「フォント」の知識をご説明いたします。 1.　対象読者Photoshop

ヤナダ

【WordPress】投稿を月単位でページ分けする【コードコピペでOK】

こんにちは。マークアップエンジニアのヤナダ（@yanada_front）です。 WordPress サイトを制作するとき、 「1ヶ月ごとにページを分けて、投稿を表示したい」 場合があると思います。 「今月投稿した記事一覧を1ページ目、 　先月投稿を2ページ目、先々月を3ページ目」といった具合ですね。 この「月ごとにページを分ける機能」は、 どうやら WordPress の基本仕様には無いみたいです。 （もしあったら教えて下さい。） 実現するためには、結構しちめんどうな

ヤナダ

【WordPress】先頭に固定表示 ＋ 1ページあたりの表示数を変えない【コードコピペでOK】

こんにちは。マークアップエンジニアのヤナダ（@yanada_front）です。 この note では、WordPress において、 ■ 「ブログの先頭に固定表示」機能　を利用しつつ、 ■ 1ページあたりの「記事の表示数」を一定に保つ ための WpQuery を公開しています。 1. 前提下記が、対象読者の一例です。 ・1ページあたり、9個の投稿を表示したい ・「固定表示」を設定した投稿は、1ページ目のトップに固定したい ・3投稿「固定」した場合、固定3 + 通常9

ヤナダ

【Sass + rem】レスポンシブ対応 超速コーディング術

はじめまして。 マークアップエンジニアのヤナダ（@yanada_front）です。 【追記】 この記事は、2020年2月 に初投稿したもので、独学で4ヶ月 Webコーディングを勉強した際に編み出した、我流の「レスポンシブ対応術」の方法を書いたものです。 更に Web制作 の経験を積んだ今 読み返すと、「やはり我流は我流。メジャーな／ベストな方法とは言いがたい」ですが（詳細は後述）、ごくまれに使えるケースが無いでもないため、備忘録として残しておきます。 1. 前提◆対象読

ヤナダ