紙からWebの編集になって1年。読者に優しい記事を作るコツを伝えたい | 株式会社ZINE
毎週水曜日はラーメンの日。今日の昼休みもラーメンを食べる予定のとんちんです。 Web編集に携わって1年あまり。編集長に斬ってもらったりWeb記事を読みあさったりして、少しずつ勘所がわかってきた今日この頃。記事をぐぐっと読みやすくするポイントを7つ、挙げてみたいと思います。 １. 見出しは段落内容の要約にする 読者は欲張りです。自分の役に立つ情報がピンポイントで欲しいし、そのためなら平気で本文を読み飛ばします。ウェブ媒体ならなおさら。見出しを段落の要約にして読者の目を惹きつけましょう。 たとえばWebメディア編集者になるには、という記事で編集者の仕事内容を紹介する段落があったとします。そのときは ×例：編集者の仕事について →○例：編集者の仕事は調整8割、執筆2割 のように、段落の要約を入れたほうが文章の内容が想像しやすくなります。 小見出しを入れてメリハリをつけよう 段落内に小見出しをはさ
ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度
思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 詳細は以下から。 ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ Fixed Disappearing Scrolling Header スクロールすると表示されている文字テキストがフェードアウト
Above the foldとは
この記事では、サイトのデザイン、レイアウトについて考えてみます。 「Above the fold（アバブ・ザ・フォールド）」という言葉を聞いたことがありますか？ Above the foldとは、スクロールしないで見ることができる画面の領域です。 上の図はGoogleの検索結果です。 太い赤線の上の領域がスクロールしなくても見える範囲、太い赤線の下の領域がスクロールしないと見ることができない範囲だとすると、上側の領域が「Above the fold」になります。 このAbove the foldの何が重要かというと、大切なコンテンツ、つまり訪問者に見てほしい・読んでほしいコンテンツはAbove the foldの中に収めるべきなのです。 訪問者は、訪れたページが自分にとって必要か不必要かを「３秒で決める」なんていうのはよく言われることです。 （誰が計ったんでしょう？（笑）） 訪問者を逃さず
スクロールせずに見える範囲のコンテンツのサイズを削減する | PageSpeed Insights | Google for Developers
スクロールせずに見える範囲のコンテンツのサイズを削減する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このルールは、ページをスクロールせずに見える範囲のコンテンツを表示するのに追加のネットワーク ラウンド トリップが必要なことを PageSpeed Insights が検出した場合にトリガーされます。 概要 リクエストされたデータの量が初期の輻輳ウィンドウ（通常は圧縮状態で 14.6 KB）を超える場合、サーバーとユーザーのブラウザとの間で追加のラウンド トリップが必要になります。モバイル ネットワークのような遅延の多いネットワークの場合、これによってページ読み込みが大幅に遅延する可能性があります。 推奨される解決方法 ページ読み込みを速くするため、スクロールせずに見えるページ範囲のコンテンツの表示に必要なデータ（HTML マークアップ、画像、CSS、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
