ブックマーク / cappee.net (2)

  • デザインファイルのバージョン管理ができる「Pixelapse」!バックアップとして使うと便利 | Cappee Design

    ムシムシしますね、@cappeeです。 デザインの修正があって、「もしかすると前のデザインも使うかもしれないからファイル名変えてとっておこう。」って時結構ありますよね。 あと、大幅にデザインがかわるので念のため新旧で残しておくとか。 そんなことをしているとこんな感じで日付がついたファイルがたーくさんできてしまうのです。 もっとファイルをキレイに管理できないもんか。。 そこで、「Pixelapse」の登場です。 「Pixelapse」でバージョン管理 「Pixelapse」とはデザイナー版Dropbox+GitHubのようなもので、pngやpsdなどのファイル管理と差分があった時のバージョン管理ができます。(以前は招待制だったようです) フォルダをつくって公開・非公開の設定も可能です。 ファイル名が違うとキャプチャ付きの一覧で表示されます。 ファイル名をクリックするとどのくらい変更があったか

    Hi32
    Hi32 2016/06/26
  • [意外と知らないCSS]テキストが領域をこえた場合に「…」を表示するtext-overflow:ellipsis | Cappee Design

    当は炭酸が好きな、@cappeeです。 いつまで続くかわからない、意外と知らないCSSシリーズの第2弾です。 テキストが領域をこえた場合に「…」を表示するtext-overflow:ellipsis 表示する文字が多かった場合に省略したことを表す「…」はCSSだけでも表示できます。 システムだと文字数を指定して表示しますが、CSSでは幅を指定してその領域よりもはみでた場合に省略記号「…」を表示することができます。 text-overflow の説明 text-overflow:  ellipsis; テキストが表示領域をこえた場合に省略記号「…」を表示します。 text-overflow:  clip; デフォルトの値で省略記号は表示しません。 text-overflow:ellipsis の記述例 p { white-space: nowrap; width: 100%; over

    Hi32
    Hi32 2015/11/08
    text-overflow: ellipsis;white-space: nowrap;overflow: hidden; で領域をはみ出た文字を・・・化する。ただし、1行に限る。
  • 1