バナーボタンとホバー時の画像の拡大

バナーボタン 角が丸い マウスオーバー時に色が変わる アイコンに画像を追加 css ボタンを角丸にする border-radius:○○px; border-radius - CSS: カスケーディングスタイルシート | MDN 画像アイコンの挿入 after・before要素を使用して、前後にアイコン等を…

JavaScript:対数の求め方とその判定

対数とは。。。。 べき乗の何乗されているかをもとめる数字です。 4は2の2乗ですが、言い換えると、2を底とし、塁指数2の累乗を求めるとなります。 つまり2を底とした対数を求めると何乗かが求めることができるのです。 developer.mozilla.org 判定方法 対…

Webサイトの作成:CSS画像に影を付けたい!

CSSで画像の下に影を付けたいときは。。。。 boxshadowを使用する! boxshadow: offset-x | offset-y | blur-radius | spread-radius | color ; で指定します。 それぞれの項目は offset-x:横の長さ offset-y :縦の長さ blur-radius :ぼかしの薄さ spread…

デバックの方法

JavaScriptのデバック方法 デベロッパーモードでエラーがないか確認 console.log();を記述 再度読み込み ログを確認

Webサイトの作成:ページ上の画像をクリックしてTopにジャンプ!

ページ上の画像をクリックしてTopにジャンプするのは以下のようなレイアウトがある。 サイトキャプチャ 参考Webサイト:アジア開発キャピタル株式会社 この「いいね!」のような画像をクリックすると、サイトのトップページにジャンプする。 使用する技術 画…

Webサイトの作成:設計段階

画面の絵を手書き・ソフトウェアで描写する ワイヤーフレームを書く タスクを洗い出す←ここについて解説します! 実装を行う タスクの洗い出しというのは設計段階において時間はかかりますが、実装途中の道しるべとして役立ちます。 Webサイト作成の設計書に…

Webサイトの作成:フェードアウトの実装

今日の勉強のメモ CSSとJavaScriptを使用する CSSのopacityを使用する @keyframeを使用して段階的なエフェクトを可能にする https://developer.mozilla.org/ja/docs/Web/CSS/@keyframes

Webサイトの作成:CSSとJSでモーダルを作成するときの注意点

今日の勉強のメモ 別ウィンドウのポップアップの画面はCSSで作成する必要がある ポップアップの仕組みはJavaScriptで実装可能