マガジンのカバー画像

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

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

#web制作

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

ヤナダ