タグ

ブックマーク / css-happylife.com (2)

  • 【Sassを覚えよう!Vol.9】変数と演算で効率的に

    ちゃっかりデザインを変更しました。 デザイン以外にも、メインエリアの横幅が変わったりしてます。 かなり突貫工事なので、色々アレな部分があるかと思いますが、、、 さて、Vol.4のSassの基的な記述方法で書いた「変数」と「演算」に関して、もうちょい突っ込んだ部分を書いていこうかと思っちょります。 変数と演算のおさらい 軽くおさらいです。 次のように、変数は予め任意の名前で定義しておくことで任意の場所で呼び出すことが出来て、演算は足したり引いたり掛けたり割ったり出来ます。

    【Sassを覚えよう!Vol.9】変数と演算で効率的に
  • 指定した幅からはみ出たテキストを...にする

    ブログを更新してるって事はわりと仕事が落ち着いている時! 良いのか悪いのかは分かりません。 して、さすがに、前のネタはビミョー過ぎたかな!とか思いつつも今回も特に珍しいネタではないですが、メモがてら。 随分昔に、似たような記事を書いてますが、あっちは使い勝手が悪いので、今回はちゃんと使えそうな方法です。 使いドコロとしては、パンくずリストとかスマホ対応の記事一覧とかでしょうか。 サンプルは下記よりご覧ください。 重要になってくるのは、以下の3つのプロパティです。 ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } どれか一つでも無いとダメなので、セットで書くようにしませう。 わりとIE6でも...にはならないけど、切ることは出来たりと対象ブラウザも広いです。 パンくずリストで使う場合は、2行にな

    指定した幅からはみ出たテキストを...にする
    masakaz77
    masakaz77 2012/10/22
  • 1