タグ

2019年8月30日のブックマーク (7件)

  • Spotting Mongolian Spot / Child Fleck

    Spotting Mongolian Spots [ Child Fleck ] Birthmark NOT Bruise NOT Abuse Hironao NUMABE, M.D., D.M.Sc. Tokyo Medical University Shinjuku, Tokyo, JAPAN [  About Mongolian Spots  ]     [  Examples of Mongolian Spots  ]    [  Differential Diagnosis  ] Your Access Number is [  Tokyo Medical University Genetic Study Group HomePage  ]

    hachi09
    hachi09 2019/08/30
  • line-clampプロパティの効果的な実装方法、CSSで文末を3点リーダーで省略表示する

    テキストを省略表示する際に、文末を3点リーダーにするline-clampプロパティの効果的な実装方法を紹介します。数行のスタイルシートで、簡単に実現できます。 line-clamp 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 line-clampプロパティとは line-clampプロパティの仕様 text-overflowでこれを実現できますか? 実装の注意点 line-clampプロパティのサポートブラウザ リソース line-clampプロパティとは CSSline-clampプロパティは、テキストを指定した行数で省略します。 2019年現在、Editors Draftなので、仕様は確定ではありませんが、max-linesとblock-overflowの省略形として定義されており、前者は勧告候補で削除される危険性があ

    line-clampプロパティの効果的な実装方法、CSSで文末を3点リーダーで省略表示する
    hachi09
    hachi09 2019/08/30
  • CSSで複数行に対応したアニメーション付きアンダーライン(下線)を実装する方法 - NxWorld

    ホバー時に左から右へ下線が伸びるアニメーションを実装したい場合、以前このブログでも紹介したことがある擬似要素を用いた実装方法では、例えば文章内にあるリンクなどで複数行にまたがるときに意図した見栄えになりません。 1行・複数行関係なく使えるアニメーション付きアンダーライン(下線)を実装したい場合は、以下のようにlinear-gradient()とbackground-sizeを組み合わせることで実装できます。 擬似要素を用いた下線アニメーションの実装については下記エントリーの一部で紹介しており、どちらも見栄えはほとんど一緒ですが前者はtransform: scale()を、後者はwidthを変化させる違いがあります。 実装方法 実際の動きは以下デモのようになり、リンク箇所(文字色が濃い部分)にホバーすると1行・複数行関係なく左から右へ下線が伸びていくのを確認できると思います。 実装にはCSS

    CSSで複数行に対応したアニメーション付きアンダーライン(下線)を実装する方法 - NxWorld
    hachi09
    hachi09 2019/08/30
  • 作業効率が上がる!Adobe XDのショートカットまとめ | ティブる!

    はじめまして。デザイナーのししまるです。 私は、元々illustratorユーザーだったのですが、 最近のWEB業界の波(?)に流されXD を導入しました。 「導入したからにはXDのショートカットを覚えて、サクサクデザインを作りたい!」 と思ったのですが、XDショートカットの早見表がみあたらない… (イラレはあるのに………………) 「早見表なしでショートカットは覚えられない!」ということで、 XD早見表を自分で作ってみました。 使った感想は… ・キーボードにショートカットキーが書いてあるから迷わない! ・キーボードの側においておけばすぐ見れる! ・イラレやフォトショのショートカットを押して、誤操作しがちな人にもおすすめ! 是非皆様にも使っていただきたい! 下記の画像をクリックするとPDFがダウンロードできますのでよければご活用ください。 では皆さんのXD快適ライフを心からお祈りしております

    作業効率が上がる!Adobe XDのショートカットまとめ | ティブる!
    hachi09
    hachi09 2019/08/30
  • これからAdobe XDを触る人の「はじめの一歩」

    これからAdobe XDを触る人の「はじめの一歩」 公開日:2018-12-26 最終更新日:2018-12-27 ※この記事は「Adobe XD Advent Calendar 2018」20日目のエントリーです。 risayさんお題の「Adobe XD Adventar」に昨年に続いてエントリーしましたが…大遅刻スミマセン!! 昨年は「リリース当初から使っているXDへの愛」を語るつもりでエントリーしたのに、「Adobe XDでテキストに下線をつけられるように、でも途切れる。」という愚痴っぽい記事をUPしてしまいました…。今年は大丈夫なハズ!! リモートワーカーの救世主「プロトタイプ共有」 昨年までは「ワイヤーフレーム作成」「デザインカンプ作成」が主な使用用途でしたが、今年の4月から東京の会社に所属になり「プロトタイプ」や「デザインスペック」を共有できることのありがたみを実感しています。

    これからAdobe XDを触る人の「はじめの一歩」
    hachi09
    hachi09 2019/08/30
  • ディレクターこそXDを使うべきと言いたいブログ – tz_blog

    hachi09
    hachi09 2019/08/30
  • 岡島産業「プラスチックボトル&容器製造・直売・販売」小ロット,安価|格安対応

    プラスチックボトル&容器製造・直売・販売,小ロット対応,格安プラスチックボトル販売,格安プラスチック容器販売,格安容器製造販売の岡島産業。全国に少量でも安く製造直売を実施中!プラスチックボトル&容器をお求めの方はお気軽に岡島産業まで!

    hachi09
    hachi09 2019/08/30