タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

javascriptとJavaScriptとcssに関するtorazukaのブックマーク (2)

  • 領域に収まらない文字数を「...」にしたい - bi_naの日記

    1行とのき 行が1行のときなら、以下のCSSで、超えた部分を「...」に変えてくれる。 overflow:hidden; text-overflow:ellipsis; ちなみにこれはIEが先進的に取り入れたものであり、他のブラウザでは使えなかったというのを 多く読んだが、使いたい最近のブラウザで使用可能なことを確認した。 参考 http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/txt_ofl.htm しかし複数行になるところは しかし複数行になるところは、「...」に置き換わらない。 JSで対応 参考 javascript - Insert ellipsis (...) into HTML tag if content too wide - Stack Overflow すこし改良 ちなみにCSSが 引用: .ellipsi

    領域に収まらない文字数を「...」にしたい - bi_naの日記
  • jQueryを使ったアニメーションと、ユーザビリティの話。それとCSS3。 - 甘味志向@はてな

    JavaScript Advent Calendar 2011 オレ標準コース、2日目のもろへいやです。とても遅れてすいません… 私は技術的な話は得意ではないので、デザイン面からJavaScriptプログラマーに向けてのTipsを書きたいと思います。 今回は、アニメーションの話を書いてみます。 jQueryは標準で、要素の表示・非表示を切り替えるときにフェードやスライドを使うことが出来ますよね。 $("#box").fadeIn("fast"); たった一行で、アニメーション効果を付加することができるので、 プログラマーのみならずデザイナーの方でもjQueryを使っている人は多いんじゃないかと思います。 しかし、簡単なおかげで何をするにアニメーション効果をかけまくってしまったり。 あるいはアニメーション効果なんて無駄! ということで、全然使っていない人もいると思います。 ですが、アニメーシ

    jQueryを使ったアニメーションと、ユーザビリティの話。それとCSS3。 - 甘味志向@はてな
    torazuka
    torazuka 2011/12/05
    効果的にアニメーションが使われているサイトって、使い勝手が自然すぎて気づかなかったりする。参考にしたいから気づきたいのですが…(まあ制作者には本望な状態か)
  • 1