HTML・CSS・JavaScript(・PHP)などのウェブ開発言語を発信します。
自分が運営するサイトの質を高める情報を発信します。
フロントエンド 【コピペですぐに実装】CSSで両サイドの矢印を押して横スクロール
CSSとJavaScript(JS)を組み合わせた横スクロール可能なスライドショー。サイドに配置した矢印やボタンを活用して、htmlで実装した画像を横にスライドさせてユーザーに優れた視覚的な体験と直感的な操作感を提供するデザインです。
フロントエンド 【CSS】JavaScript不要、トラックパッドで横スクロール
CSSでトラックパッドを使用して横スクロールを有効にします。横スクロール型ウェブデザインはECサイトにて商品比較に非常に役立ちます。画面が小さいスマホでもタッチスクリーンを活かし、レスポンシブデザインを考慮してユーザビリティ向上になります。
フロントエンド 【CSS/JavaScript】スクロールに応じて画像切り替え
JavaScriptでスクロール時に背景画像を切り替え、パララックス効果を実現します。スクロール位置に基づいて画像が滑らかに変化し、ページの動きに合わせて背景が移動します。
フロントエンド 【コピペOK】CSSで文字・画像を重ねる。ホバーで非表示にする
画像上に文字を配置するには、それぞれabsolute（絶対値）とrelative（相対値）を決めます。カーソルを合わせると変えるようにするには、ホバーでopacityを変える必要があります。視覚的に説明や情報を提供により情報を伝えます。
フロントエンド JavaScriptとPHPの違いー優先して学ぶ言語はどっち？
Webページは、骨組みのHTMLと装飾のCSSを使います。しかし、アニメーションや会員登録は、JavaScriptとPHPが必要です。JavaScriptはブラウザ内、PHPはウェブサーバー上で実行します。PHPはデータベースを扱います。