【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい
そうなんです。 2020年夏、ページの読み込み中にレイアウトがシフトしないように、img要素にはwidthとheight属性を記述するのがいいらしいんです。 <img src="link/to/image.jpg" width="300" height="400" alt="画像の説明"> その昔、これが普通の時代もあったんですけどね。レスポンシブな時代にはwidthとheight属性を書かないのが一般的（？）になっていました。また、widthとheight属性が記述してあってもCSSでwidth: 100%; height: auto;が指定されているとレイアウトシフトが発生してしまっていました。 参考： img要素のサイズ属性の記述の有無についてのTwitterのアンケート なんでいまさら？ なぜなら、2019年の後半にブラウザにレイアウトシフトを回避するための新たな機能が実装されたか
HTMLやCSSを書き慣れていない人にオススメ、無料のテキストエディタ「Brackets」 | 簡デザ −かんたんデザインブログ−
私は、普段の制作業はMacを使ってます。 ホームページを作る時、HTMLやCSS（コード）を書くのに「Coda2」というMac専用の有料のアプリを使っていましたが、無料のテキストエディタ「Adobe Brackets」の存在を教えていただき、「タダだしデザインも綺麗だから使ってみっか(・∀・)！」と使ってみたところ、なかなか良かったので紹介も兼ねて記事にします。 Adobe Bracketsは前々からあるアプリで、今更記事にするの？ってカンジですが、私の周りには使ってる人があまりいません…。理由は様々あるようですが、HTMLやCSSをあまり書き慣れていない私（初心者…）が使ってみて、「これ、初心者さんにいいのでは？」と思った次第です。結構楽に書ける気がしました。 MacでもWindowsでも使えて、なにせタダ！初心者さんにも導入しやすいんじゃないかと思います。 ホームページ作りたいけど、エ
フォームを改めて考えなおしてみるエントリーフォーム最適化のまとめ（EFO） | バシャログ。
世間が彼を見捨てても、私はキムタクの月9を見続けます。 どうもこんばんは Latin です。 今回はエントリーフォームの最適化についてです。 フォームって、ウェブサイトをローンチした後は、メンテナンスが全然されていない･･･って事は結構多いのではないしょうか？ 仕様が思いの外複雑であったり、分析・改善に費やす時間がなかったりと、理由は様々だと思うのですが、今回は最低限把握しておくべき項目をまとめてみました。 フォームの初期実装時やリニューアルなどに少しでもご参考になればと思います。 【入力サポート】 選択項目は、デフォルト値に配慮する 例えばですが、都道府県のプルダウン選択なら、メインターゲット層の多い都道府県にするというヤツです。「東京都」をデフォルトにしているところを良く見かけますよね。 必須アイコン「必須」の表記で目立つ色で配置する 「※」や「*」は不親切だし、伝わりづらいようです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリエイターのための総合情報サイト CREATIVE VILLAGE