CSS 【リセットCSS】概要とNormalize.cssの使い方
リセットCSSとは 「Google Chrome」「Safari」「Microsoft Edge」など、それぞれ異なるブラウザでもすべて同じように、サイトが表示されるためのCSSのことです。 リセットCSSを使用するのは一般的になっています...
プログラミング
CSS 
プログラム 正規表現について簡単にまとめた
正規表現とは 沢山ある文章の中から、簡単に目的の文字列を検索できる表現のことです。 文字や文字列を指定して、一致する文字列を検索したり、置換したりすることができます。 メタ文字の種類 正規表現にはメタ文字を使用します。 メタ文字は半角で表記...
CSS 【WordPress】モバイルボタンの表示が遅い！苦戦！！
私は、Wordpress のテーマ「cocoon」を使用しています。 スキンの変更や、モバイルボタンの変更をしていたら、モバイルボタンの表示が遅いことに気が付きました。 2秒程度待つと出てくるか、スクロールをすると出てくるようになっています...
CSS 【CSS】アニメーションを付けられる「transition」の意味、使い方
transitionについて学習します。 transitionとは 「transition」は、ページにCSSでアニメーションをつけることができます。 「transition-duration:3s」は、3秒かけて表示していくアニメーション...
CSS トップページ（固定ページ）のタイトルがどうしても消えない
私は、Wordpressテーマ「cocoon」を使用しています。 トップページを固定ページにしている場合、タイトルをCSSで簡単に消すことができます。 固定ページ編集画面の「カスタムCSS」に記述する場合 h1 { display: non...
CSS CSSが反映しない！CSSの読み込み優先順位
CSSについて学習中なのですが、記述したCSSが反映されないことがありました。 CSSを記述する際には優先順位について理解しておく必要があります。 CSSについて簡単に振り返り CSSはスタイルシートとよばれ、ページの装飾をするのに使用しま...
CSS CSSの基礎文法学習！
CSSの基礎文法 CSSは、セレクタ・プロパティ・値の3つからなります。 書き方のポイント プロパティと値は、「｛｝」で囲みます。 プロパティと値の間は「：（コロン）」 複数プロパティを指定するときは、終わりに「；（セミコロン）」を忘れずに...
JavaScript 【JavaScript】クイズ問題作ったけど、TagName(“button”)でbuttonタグすべてが作動してしまう
このように、問題の答えをクリックするボタンと、解説をクリックするボタンの2つが存在します。 JavaScript のコードを 「document.getElementsByTagName("button")」にすると、ボタンタグ全てが配列に...
JavaScript 【JavaScript】クイズ問題（簡単なの）
リファクタリングが難しいため、とりあえずここまで記載します。 実際に作ったサイトはこちら（どんどん改良しているはず・・・） この問題のベースはBootstrapで組んでいます。 HTML <div id="js-question" clas...
Bootstrap 【Bootstrap】グリッドシステム
Bootstrapとはは、別の記事に簡単にまとめていますのでご参照ください。 グリッドシステムとは サイトの横幅を均等に分けるラインをグリッドと呼び、Bootstrapは12本のグリッドが設定されています。 こちらをもとに、コンテンツの配置...