たんなるメモ①

投稿日:

ブラウザの幅に基づいて均等に分割されたカラムを生成する

ブラウザの全幅(100vw)を3で割り、widthプロパティに設定。

 
スポンサーリンク

テスト

テスト

-

関連記事

スマホとPCで要素の表示順番を変える方法

レスポンシブの場合、PCと表示順番を変えたい場面がよくあるので、かんたんに実装する方法を記載。 Indexcssでflexboxとorderを使用する親要素にflexboxを使用orderを使用し、表 …

Font Awesomeを擬似要素で使用する際のfont-weight指定

Webフォント「Font Awesome」を擬似要素で使用した際に、アイコンが正しく呼び出せず□が表示されてしまう場合、cssのfont-weight指定が正しくできていないことがある。 font-w …

コーディング独学のための「模写」のやり方 おすすめ動画

Progateなどのオンラインプログラミング学習で独学した後、実践の第一歩として、「模写」をするというのはおすすめ。 ただ、気になったサイトをやみくもに模写しても、挫折しやすい。ソースを見ないで模写す …

Bootstrap4でよく使う基本のナビゲーションバーの書き方

Bootstrap4を使ってページ制作するときに、よく使用する基本のナビゲーションバーの書き方を記載。 Index基本のナビゲーションバーとハンバーガーメニューPCとSPそれぞれの画面での表示html …

STINGER8のトップ一覧に更新日を追加する方法

シンプルでSEOにも強いWordpressテーマとして人気の「STINGER8」。カスタマイズの一つとして、トップページの一覧に更新日を追加する方法を記載。 Indexitiran.phpに追記するア …