文字をトリミング

小粋空間さんには本当にお世話になっています。
JavaScript で文字をトリミングするをどうしても使ってみたい箇所があり、挑戦してみたら、結構簡単に成功。しかもとても評判が良かったので、ちょっとここで自慢しちゃいますw

お気付きの方もいらっしゃるかもしれませんが、先日、Pocketのインデックスページを改造いたしました。
今までは、記事のタイトルが長いと、改行して次の行に渡ってしまい、矢印2回出てまうわ、横の人のブロックより長くなってまうわ…というわけで、長い間「記事タイトルは簡潔に」をモットーに、みなさんにブログを書いてもらっていました。
それってブロガーには結構辛い縛りなんですよね(涙)人を惹き付けるブログはまずはタイトルセンス!的なところあるのに…。

それが、このJavaScript導入によって、解消されたんですから。

ソース的には文字はカットされてないからさらに嬉しいし、見た目的には、title属性を使うことによって、マウスをあてれば「...」でトリミングカットされた言葉も参照することができるようにしてみたので、クリックしてリンク先を見なくても、どんなタイトルかすぐに読むことができます。

もうタイトルの文字数、全く気にしなくていいんです☆

pocketメンバーに喜ばれ、いい仕事したな♪と思えました^^
(小粋空間さん、ありがとうございます!)

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.otogawa.com/cms/mt-tb.cgi/75
Listed below are links to weblogs that reference
文字をトリミング from px*blog