タグ

ブックマーク / www.ilovex.co.jp (2)

  • 文字数制限をしないでCSSだけで「...」を表示する

    こんにちは、デザイナーの橋です。 h1タグはユニークでなければいけませんが、そのためサイトによってはとても長くなる事もあります。 特にECサイトでは、商品のカテゴリやブランド名、そして商品番号等必要なものは全て出したいものです。 しかし、ページの構成によっては、スペースも限られる事も多く、デザイナーの悩みの種でもあります。 レイアウトを崩さないためには、以下の方法を思いつきます。 1)領域から出た部分は非表示にする 2)プログラムで文字数を制限して、末尾に「...」をつける。 1)は、テキストが唐突に切れてしまうので見た目的にスマートではありません。 2)は、テキストが省略されている事が見たでわかりますが、せっかくの文字が全部書き出されないため SEO的には好ましくありません。テキストの大きさが可変なサイトにも適しません。 以上の不満はCSSの「text-overflow」を使えば簡単に

  • 【JavaScript】日付を自由にフォーマットする

    みなさんこんにちは。 JavaScriptで日付のフォーマットを行う場合、 たとえば日付を「yyyy/MM/dd」の形式にフォーマットする場合を例に挙げると、通常であれば次のようなコードを書くと思います。 var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); if ( month < 10 ) { month = '0' + month; } if ( day < 10 ) { day = '0' + day; } var str = year + '/' + month + '/' + day; alert(str); 上記のようなコードで目的は実現出来ますが、 フォーマットが違う度に毎回コードを書かなければなりません

  • 1