HTML

GSAP

【GSAP】ジーサップ!アニメーションを手際よく作成できるライブラリというより関数!(そしてChatGPT)

そうだ!アニメーション界隈にはあいつがいた!(GSAP!) かねてよりGSAP(ジーサップ)というアニメーション用のJSライブラリがあることは知っていたし、このサイトのトップページのロゴがノイジーに踊っているアニメーションなんかも、...
CSS

【爆速コーディング】Tailwindの本当の使い方まとめ【LPデザインも怖くない】

Tailwind cssについて、Webクリエイターボックスでも利用割合調査のアンケートを行っていましたが、やはりそもそも認知度が低いようです。 今回は、以前にも取り上げた、このTailwind cssが、いったいどんな...
HTML

iPhone実機で、テキスト入力フィールドで画面がフォーカス(拡大)されるのを禁止する方法

けっこう前のことだが、iPhoneで、テキスト入力フィールド(inputフィールド)をタップした際に、画面が自動的にズームインしてしまう問題。Webサイト上で、これをどうしたらズームしないようにできるか対処する方法がわからず悩んだ。 ...
HTML

【ハック的手法】特定のテキストをマークアップしているDOM要素があったときのみ処理をするJS

Shopifyで、アプリで生成されるコードで、特定の要素にクラスやIDを指定できず、要素内に表示されるテキスト情報を見て処理をするかしないかを分けたいとき! このハック的な小技を使えば怖くない! ↓ 例として、すべておなじDO...
CSS

【爆速コーディング】Visual Studio CodeのEmmetでサジェストされるコードをカスタマイズする!

Visual Studio CodeとEmmet Visual Studio Code、通称VScodeは、拡張機能を追加することで、自分が使いやすいようにしていけるコードエディタアプリだ。MicroSoft製。 そし...
CSS

【あまりにもよく使う右向きアイコンのSVG】chevron(シェブロン)のsvgコードをワンコードで使い回す方法

タイトルにも記載した通り、 よくよく見回すすと、このアイコンを実によく見かけると思う。 参考) bootstrap opensource icons その名は"chevron"(シェブロン) ...
HTML

FORM情報を、HTMLのAタグでPOSTする方法(2023年最新情報更新)

Future ShopというCMSを使用したECサイトのLPを制作する案件があり、 そのLPの中で、特定の商品について、商品ページに飛ばさずに、ボタンを押したら直接カートインする仕様を実現することに。 Future Shopで...
タイトルとURLをコピーしました