attrは属性という意味のattribute（アトリビュート）を省略したものみたいです。 普段プロパティや関数名などを口に出して言うことがあまりないので正確な読みを知らないものも多く、attrは心の中でずっと「あたらー」 […]
コーディング
【CSS】attr()関数
コーディング
便利な機能
【javascript】iPhone(iOS)やandroidなどデバイスごとにclassを簡単に切り替える方法
制作部の関です。 今回は 「 【javascript】iPhone(iOS)やandroidなどデバイスごとにclassを簡単に切り替える方法 」についてのお話をします。 【javascript】iPhone(iOS)や […]
コーディング
コンテナサイズクエリ
これまでレスポンシブ対応する際はビューポートのサイズを基準としたメディアクエリを使用してきました。 しかし、メディアクエリの場合同じパーツでも配置する場所のサイズや複数並べる際の個数によって別々のスタイルを与えて調整しな […]
コーディング
【slick エラー】Uncaught TypeError: Cannot read property ‘add’ of null の対処方法
【slick エラー】Uncaught TypeError: Cannot read property ‘add’ of null の対処方法 皆さん、こんにちは。 制作部の関です。 今回は「slick.j […]
コーディング
【CSS】スマホではホバーさせない簡単な方法
こんにちは、ワタナベです。 感染症対策の規制緩和が進んできて、またライブに行く機会が増えてきて心が潤っております(*´ω｀*)
コーディング
【CSS】フォームで使える擬似クラス
皆さん、こんにちは。 制作部の関です。 今回は「【CSS】フォーム(form)で使える擬似クラス」についてのお話をします。 今回はとあるサイトで見た擬似クラスを備忘録として残しておきます。 ① […]
コーディング
【GSAP】画面遷移時などに使用できるストライプアニメーション
皆さん、こんにちは。 制作部の関です。 今回は「画面遷移時などに使用できるストライプアニメーション」についてのお話をします。 今回はとあるサイトで見たアニメーションを備忘録として残しておきます。 See the Pen […]
コーディング
【CSS】簡単！アスペクト比保持【備忘録】
こんにちは、ワタナベです。
コーディング
【CSS】clip-pathに影を付けたい【備忘録】
こんにちは、ワタナベです。 今月はライブの予定がいくつかあり、新幹線や飛行機に乗って各地飛び回っておりました。 1人で飛行機に乗るのは初だったので良い経験になりました(*^^*)
コーディング
【CSS】疑似クラス :has()
今までも親要素にスタイルを当てたいときはありましたが、親要素にclassを指定するかJSでclass付与したりしていました。 それが疑似クラス:has()によって、特定の要素やid・classなどを含む親要素を指定できる […]