令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
ブログのデザイン改修について - BOOK☆WALKER inside
こんにちは、デザイナーのむろおかです。 2021年11月にブログの大幅なリニューアルをしてから一年と数ヶ月が経ちました。 当時の記事はこちら↓ developers.bookwalker.jp リニューアル後もより使いやすくするため、細かい改修を続けています。 今回は最近デザイン改修した箇所をいくつかお話しします。 １ブログ名の変更 ブログの名称を『BOOK☆WALKER Tech Blog』から『BOOK☆WALKER inside』に変更しました。 今後、技術的な記事だけでなく、会社の雰囲気や文化なども伝えたれるブログにしていきたい、という要望からの変更です。 Tech Blogとinside、なにが違うのか。 むろおかもほんのり理解ですが、こんな会社ですよ〜を皆さんに知っていただく記事を増やすため、カテゴリの幅をゆるく広くした感じです。 これから、社内の色々な姿が見れる記事が出てくる
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
