縦幅が小さいページでもfooterが下部に固定される方法
WEB制作界隈のTwitterでよく見るTAKさんの記事の内容を実際に試してみました。 （すごく有益な記事でした！ありがとうございます。） 縦幅が小さいページでもfooterが下部に固定されるように、記事通り以下のコード…
CSSCSS2021年
CSS
JavaScriptスマホとタブレットでhoverの動きを無効化する
JavaScriptに以下のコードを記述しましょう。 var touch = ‘ontouchstart’ in document.documentElement || navigator.maxTouchPoints …
WordPressWordPressのブログサイトに自分の撮影した動画を埋め込む方法
WordPressのブログサイトに自分の撮影した動画を埋め込むためには、まず撮影した動画を「mp4」の動画拡張子に変更します。 変更方法はConvertioのサイトにログインし、対象の動画ファイルを選択して、拡張子をmp…
CSSCSSCombの設定内容【アルファベット順】
CSSCombを使ってCSSをアルファベット順にする場合は、以下のコードをcsscomb.jsonにコピペして貼り付け、自動形成を実行します。 { “remove-empty-rulesets”: true, “alwa…
CSSCSSCombの設定内容【視覚順】
csscomb.jsonのファイルに以下のコードを貼り付け、コードを規則性を持たせてまとめます。 { “always-semicolon”: true, “block-indent”: ” “, “color-case”…
HTML画像を書き出す時の注意点まとめ
・1920px以上のモニターを使っている人は全体の2%程しかいないので、基本1920pxで画像がちゃんと表示出来ていればOK。もし指摘されたら、その時は2560pxで書き出して表示させる。しかし、大きいpxで書き出すとペ…
CSS【CSS】inputフォームを基準に中央寄せにする方法
今回は、「inputフォームを基準に中央寄せにする方法」について紹介します。 【CSS】inputフォームを基準に中央寄せにする方法 HTML <h2>タイトルテキストです。</h2> <d…
JavaScript【JavaScript】下にスクロールしたら消えて上にスクロールしたらheaderが表示される実装
今回は、「下にスクロールしたら消えて上にスクロールしたらheaderが表示される実装」を紹介します。 【JavaScript】下にスクロールしたら消えて上にスクロールしたらheaderが表示される実装 完成形はこちら。 …