CSSだけで長い文字列を省略。末尾に「…」を付けて表示する方法 | developer's blog
記事のタイトル一覧表示等、リスト表示の時にリンク先の末尾が「…」と省略されて表示されているのを良く見かけると思います。 これ自分はいつもサーバサイドで表示文字数を削って出力していましたが、 なんと、これがCSSだけで出来る方法を見つけました。(イマサラデスガネ。) 使用例： .text { width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; } 必要なスタイルの指定としては、 テキストの表示幅を決めるために必ずwidthを指定すること 改行させないために white-space: nowrap; を指定 表示領域から溢れでた分を非表示にする overflow:
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
