タグ

2013年8月9日のブックマーク (2件)

  • 複数のリストの境界を越え、ドラッグ&ドロップで並べ替え

    jQuery UI の Sortable プラグインの connectWith オプションを使うと、複数のリストの境界を越え、ドラッグ&ドロップで並べ替えることができる。 いづれかのリスト内の項目を、他のリストへすべて移動しても、CSSで一行ほどのスペースを残し、そこへドロップすることができるようにした。 実装例(サンプル) 項目 1-1 項目 1-2 項目 1-3 項目 1-4 項目 1-5 項目 1-6 項目 1-7 項目 2-1 項目 2-2 項目 2-3 項目 2-4 項目 2-5 項目 2-6 項目 2-7 項目 3-1 項目 3-2 項目 3-3 項目 3-4 項目 3-5 項目 3-6 項目 3-7 実装例の動作について 左のリストの「項目 1-1」をドラッグして、中央のリストの「項目 2-2」の上に持ってくると、「項目 2-2」が下へ移動し、「項目 2-1」と「項目 2-2

    shaw
    shaw 2013/08/09
  • これは衝撃的!CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌

    Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。 ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります 更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。 片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザ

    shaw
    shaw 2013/08/09