VS Code 1.78の新機能が便利！ 画像の相対パスが簡単に入力できるようになったぞ
VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルをshiftキーを押しながらドロップするだけで、相対パス・完全パスが入力できるようになりました。 これはドロップセレクタと呼ばれるもので、VS Codeではshiftキーを押しながらドロップすることでファイルやコンテンツをエディタに挿入することができます。今までは画像のドロップで画像ファイルを開く、shiftドロップでファイル名でした。 VS Code 1.78のアップデートでこの挿入する方法を変更できるUIが追加されました。shiftキーを押しながらドロップすると、相対パス・完全パスを切り替えて挿入することができます。
PlainDraggable - SVG/DOMのドラッグ&ドロップライブラリ MOONGIFT
Webアプリケーションが多機能になるにつれて、ローカルアプリケーションライクな操作が求められるようになっています。例えばドラッグ&ドロップはローカルアプリケーションであれば良くある操作と言えます。 そんなドラッグ&ドロップをスムーズに行えるライブラリがPlainDraggableです。 PlainDraggableの使い方 ベジュ曲線的なデモです。 グリッドを効かせたドラッグを行うデモです。 スナップする時に、スムーズに動くこともできます。 特定のDOM内には入らないように指定できます。 応用すると、二つのノード、それぞれが入れない場所を指定できます。 ソートにも使えます。 PlainDraggableはDOMだけでなく、SVGに対しても利用できます。ドロー系のアプリケーションであったり、簡易的なゲームなどでも使えそうです。ソートでも使えるので、様々な場面で利用できそうです。 PlainD
意図しないドラッグ＆ドロップによる誤操作を未然に防いでくれる便利ソフトウェア「AlterDnD」を使ってみました
マウスやノートパソコンのタッチパッドを使用する際に発生すると困ったりイライラしたりする問題の1つが、誤操作によるドラッグ＆ドロップです。誤操作でドラッグ＆ドロップしてしまうと、隣のファイル内や、最悪の場合ゴミ箱に無意識のうちに移動してしまい、「あれ？さっきまでデスクトップにあったはずのファイルが見当たらない」となることがあり、大変やっかいです。「AlterDnD」はマウスの左ボタンによるドラッグ＆ドロップ操作を変更し、やっかいな誤作動を未然に防いでくれるとのことなので実際に使用してみました。 AlterDnD (ドラッグ＆ドロップ改変ツール) プロジェクト日本語トップページ - SourceForge.JP http://sourceforge.jp/projects/alterdnd/ 上記URLを開いたら「ダウンロード」をクリックして、ダウンロードページを表示します。 ダウンロードペー
jQuery UI.Layout Plug-in
OVERVIEW This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI Layout plug-in can create any UI look you want - from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc. Combined it with other jQuery UI widgets to create a sophisticated application. There are no limitations
サムネイルをドラッグして画像の表示領域をスクロールするスクリプト -Image Scroller
サムネイル画像をドラッグして、大きい画像の表示領域をその動作に合わせてスクロールさせるスクリプトを紹介します。 jQuery Image Scroller Plugin デモページ このスクリプトは作者がPUMAのサイトを構築する際に使用したスクリプトをjQueryのプラグインとして作り直したとのことです。 PUMAで使用されているのは、下記のページです。 <textarea name="code" class="html" cols="60" rows="5"> <div class="image-scroller"> <img src="images/feature.jpg" alt="" class="feature-image" height="1280" width="960" /> <div class="preview"> <img src="images/preview.j
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
