Blog– category –

質問と回答がわかりやすいように先頭にQやAをつけていきます。 疑似要素 プロパティ スタイリング 疑似要素 ・前回までで簡単なスタイリングをしていきました。 ・今回...

開閉できることがわかりやすいように「質問」の右端に「＋」マークを追加します。 ::after疑似要素 絶対配置 JavaScriptファイルの作成 疑似要素 ・前回までで先頭にQや...

クリックしたときに、「+」マークと内容の表示がアニメーションするようにしていきます。 +から× 回答のアニメーション アニメーションプロパティ +から× ・前回までで...

ひとつの項目を開くと他の項目が閉じられるように実装していきます。 dt要素の調査 クラスの削除 dt要素の調査 ・前回まででアニメーションを付けてより快適なUIを作っ...

JavaScriptを使ってタブメニューを作っていきます。 全体像の確認 ファイルの作成 全体像の確認 ・まずタブメニューについてですがタブメニューとはタブ形状のメニュー...

CSSファイルとJavaScriptをファイルを読み込んで行きます CSSファイル JavaScriptファイル CSSファイル ・前回まででタブメニューを作るための全体像の把握とHTMLファイ...

HTMLでマークアップをしていきます。 全体のマークアップ メニューのマークアップ 中身のコンテンツのマークアップ 全体のマークアップ ・前回まででCSSのファイルとJav...

CSSで、画面全体とメニューのスタイルを調整していきます。 全体のスタイリング コンテイナーのスタイリング メニューのスタイリング 全体のスタイリング ・前回まででH...

activeクラスがついているメニューにスタイルをつけていきます。 メニューのスタイリング コンテンツのスタイリング displayプロパティの操作 メニューのスタイリング ...

細かい部分のスタイルを調整とホバー擬似クラスをつけていきます。 細かいスタイリング 擬似クラス 細かいスタイリング ・前回activeクラスをつけてそちらのスタイルを...