CSS 【iOSでは出ないスクロールバー】iPhoneでもカスタムスクロールバーを表示したい！→はい、SimpleBar！
Windows環境では表示される、このようなカスタムスクロールバー。
けっこうがんばって
::-webkit-scrollbar
とか
::-webkit-scrollbar-track
とか、
...
HTML
CSS 
HTML 【スクロールイベントの最適化】”Intersection Observer API”の活用
これまでのjsのaddEventListener('scroll')によるスクロールイベント
Webサイトでスクロールイベントを扱う際、従来のwindow.addEventListener('scroll')メソッドは頻繁に呼び出さ...
HTML 日本語の改行位置を自動で判定するjsライブラリBudouX！
はじめに
英語のテキストは、スペースやハイフンなどの手がかりにより、美しく読みやすい改行が可能です。一方、日本語などのCJK言語では、これらの手がかりがないため、適切な改行が難しいという課題がありました。
そこで注目したいのが...
未分類 【GSAP】ジーサップ！アニメーションを手際よく作成できるライブラリというより関数！（そしてChatGPT）
そうだ！アニメーション界隈にはあいつがいた！（GSAP！）
かねてよりGSAP（ジーサップ）というアニメーション用のJSライブラリがあることは知っていたし、このサイトのトップページのロゴがノイジーに踊っているアニメーションなんかも、...
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で...
ShopifyでのECサイト制作を行うならPRYTHMWORKS（プリズムワークス）へ
ShopifyでのECサイト制作を外注しようとお考えの方は、PRYTHMWORKS（プリズムワークス）にご依頼ください。高品質なWebサイト制作で、お客様のビジネス成長を支援する会社です。Shopifyを使ったECサイト制作に力を入れており、売上向上に貢献するECサイト構築を代行いたします。豊富な経験と実績にもとづき、お客様のニーズに最適なECサイトを構築しますので、費用相場や制作事例など、気になることがございましたらお気軽にお問い合わせください。移行のご相談も承っております。
| 社名 | 合同会社PRYTHMWORKS |
|---|---|
| 事業内容 | EC/Webサイトの構築、管理保守 |
| CEO | 吉川直人 |
| 法人事務所所在地 | 〒150-0001 東京都渋谷区神宮前六丁目２３番４号桑野ビル２階 |
| 設立日 | 2023年(令和５年)７月３日 |
| 沿革 | 2020年(令和２年)１０月 PRYTHMWORKS事業開始 2023年(令和５年)７月 合同会社PRYTHMWORKS設立 |
お問い合わせ用LINEはこちらからどうぞ！
お問い合わせ用LINEはこちらからどうぞ！
LINE