タグ

frontに関するoreskboysのブックマーク (3)

  • 【複数行にも対応】長過ぎる文字列を省略して末尾を三点リーダー(…)にする方法いろいろ | Recruit Tech Blog

    ランディングページといったコンテンツもレイアウトも全て決め打ちで成立するようなものはさておき、多くの Web サイトおよびアプリケーションは、いかなる分量のコンテンツであろうと柔軟に受け入れて表示出来るように設計・デザインされなくてはなりません。 しかし、全ての文字列を表示するには長過ぎてレイアウトが崩れてしまうといった場合には、何らかの方法で文字列を省略する必要があります。一昔であれば RubyPHPJava などサーバーサイドで文字列を切り捨てるなどの加工をしてからフロントエンドに返すという方法が常套手段として用いられていました。しかし、これでは昨今のワンソースによるレスポンシブデザインといったスクリーンサイズに応じて動的に表示領域が変わるようなデザインに対応しきる事が出来ません。PCサイズの表示領域に適した文字数を返したとしてもモバイルサイズの表示領域がそれと同じとは限りませ

    【複数行にも対応】長過ぎる文字列を省略して末尾を三点リーダー(…)にする方法いろいろ | Recruit Tech Blog
  • jQueryを使ってクリックでタグ(要素)を削除する色々なパターン | 9ineBB

    jQueryで簡単に要素を削除する方法 jQueryの.click(function)でタグがクリックされた時に色々な動作を与えることが出来ます Webサイトに色々なアクションを付けるのがこれで簡単になります 今回は色々な消え方のDEMOを作りました HTML コード <div class="sample1"> <p>クリックで消滅 自分が消滅</p> <p>クリックで消滅 自分が消滅</p> <p>クリックで消滅 自分が消滅</p> </div> <div class="sample2"> <p>クリックで親ごと消滅</p> </div> <div class="sample3"> <p>クリックで下の文が消滅</p> <span>消える文字</span> </div> <div class="sample4"> <p>右ペケをクリックで閉じる<span>×</span></p> </d

    jQueryを使ってクリックでタグ(要素)を削除する色々なパターン | 9ineBB
  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座
  • 1