タグ

2020年7月6日のブックマーク (3件)

  • Selecto.js - Web上でドラッグで選択するUXを実現 MOONGIFT

    Webアプリケーションが広く使われるようになり、さもローカルアプリケーションと同じように操作できるようになっています。しかし、デスクトップの操作に近づけば近づくほど、ちょっとした操作性の違いに違和感を感じるようになります。 今回はドラッグして選択する操作をサポートするSelecto.jsを紹介します。この操作、デスクトップでは当たり前なのでWebでもできるようになると便利でしょう。 Selecto.jsの使い方 下にあるタイルが選択された状態です。 マウスでドラッグして選択できます。 キーボードとの組み合わせで複数回の選択もできます。 選択してドラッグ移動といった使い方もできます。 Selecto.jsが使われそうなのはExplorerやFinderといったファイル管理を提供する場合でしょう。同様に複数のファイルやオブジェクトをまとめて選択させたり、それを移動したりするのにSelecto.

    Selecto.js - Web上でドラッグで選択するUXを実現 MOONGIFT
  • auto trader

    auto trader
  • CSS Grid Layout を極める!(基礎編) - Qiita

    CSSをちょっと書けば、こんなレイアウトが出来てしまいます! 当記事では、こんなレイアウトを可能にする CSS Grid Layout の解説をしていきます。 尚、CSS Grid Layout は現時点(2017年4月)ではまだ新しいモジュールのため、対応ブラウザが少ないです。 (Fx52~、GC57~、Safari10.1~、Opera44~ など) Can I use... CSS Grid Layout しかし、2017年3月にはFirefox, Google Chrome, Opera, Safari などが CSS Grid Layout 対応のバージョンをリリースしており、今後に対応ブラウザが急増するのは確実なので、ぜひともマスターしておきたいです。 この記事は4部構成の中の 基礎編 です。 CSS Grid Layout を極める!(基礎編) ←これ CSS Grid La

    CSS Grid Layout を極める!(基礎編) - Qiita