フロントエンド

HTML・CSS・JavaScript(・PHP)などのウェブ開発言語を発信します。

自分が運営するサイトの質を高める情報を発信します。

 

フロントエンド

【JavaScript】指定した日までのカウントダウンタイマー

JavaScriptを使ったカウントダウンタイマーは、シンプルなウェブデザイン要素です。特定のイベントやセールを目立たせてください。タイマーを使用することで、ユーザーに時間の重要性を伝えることができ、行動を促進させる力強いツールです。
フロントエンド

【コピペOK】WordPressでこの記事を書いた人をデザインする

「この記事を書いた人」の項目は、ウェブページの管理人情報を簡潔に示せて、ユーザーだけではなく、信頼性の高いサイトとして評価されやすいです。各記事に掲載するには、ウィジェットからカスタムHTML。テーマファイルエディターのCSSファイルに添付してください。
フロントエンド

【CSS/JS】矢印のボタンで横スクロールするスライドショー

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はデータベースを扱います。