2012年10月10日のブックマーク (2件)

  • jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法|BLACKFLAG

    Webサイトのトップページで表示するお知らせ情報など、レイアウトの都合上、長い文字列を特定の文字数でカットしたいことはよくあることかと思います。 そんな際にjQueryを使って文字列を任意の文字数でカットして、末尾に「…」などの追記情報(これも任意の文字列)を追加するやり方をシンプルなスクリプトで実装する方法をご紹介してみます。 【テキストのみ】 jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 まずは実装するHTMLソースが下記のような構成だったとします。 ◆HTML <ul> <li>このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です

    jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法|BLACKFLAG
    kaz_uki_1014
    kaz_uki_1014 2012/10/10
    jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 | BlackFlag Webサイトのトップページで表示するお知らせ情報など レイアウトの都合上、長い文字列を特定の文字数でカットしたいことはよくあるこ
  • 【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう

    2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載!実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その4 目標:実際の幅にあったサイトデザインが作れる・Photoshopの基的なツールを使った装飾ができる 必要なもの:Adobe Photoshop 対象レベル:Photoshopの基的なツールの使い方がわかる 事前知識は以下の記事でおさらい! これからP

    【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう