たんなるメモ①

投稿日:

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

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

 
スポンサーリンク

テスト

テスト

-

関連記事

「WP mail SMTP」を使い、ローカル環境でWordPressのメール送信テストをする方法

MAMPなどのローカル環境でWordpressのメール送信テストをしたい、というケースがある。ローカル環境にメールサーバーを稼働させるのは大変なので、外部のメールサーバーを使えるようにするプラグインと …

IEブラウザを判定してアラートを表示する方法

Web制作に携わっていると、IEを(いまだに…)利用しているユーザーのための対応が必要になってくる。対応方法しては、 パターン1:IE用に別途cssを書くパターン2:「(レイアウトが崩れる)IEをやめ …

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

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

photoshop 設定超基本おさらい

アートボードの背景を透明色にする ウィンドウ>属性>アートボード背景色: ←透明を選択

no image

レイアウト崩れを防ぐcss

↓要素の幅(width)の合計に、paddingとborderが含まれるため、レイアウト崩れを防げる。※ただしmarginは合計に含まれない。 *を使用し、全ての要素に適用することが推奨されている。