Selecto.js - Web上でドラッグで選択するUXを実現 MOONGIFT
Webアプリケーションが広く使われるようになり、さもローカルアプリケーションと同じように操作できるようになっています。しかし、デスクトップの操作に近づけば近づくほど、ちょっとした操作性の違いに違和感を感じるようになります。 今回はドラッグして選択する操作をサポートするSelecto.jsを紹介します。この操作、デスクトップでは当たり前なのでWebでもできるようになると便利でしょう。 Selecto.jsの使い方 下にあるタイルが選択された状態です。 マウスでドラッグして選択できます。 キーボードとの組み合わせで複数回の選択もできます。 選択してドラッグ移動といった使い方もできます。 Selecto.jsが使われそうなのはExplorerやFinderといったファイル管理を提供する場合でしょう。同様に複数のファイルやオブジェクトをまとめて選択させたり、それを移動したりするのにSelecto.
Excelでセルの最後に一発で移動する方法
Excelでセルの最後に一発で移動する方法を紹介します。 １．はじめに Excelを使っているとき、値が設定されている遠いセルに移動したいときがあると思います。 たとえば、1行目から1000行目まで連続して値が設定されているExcelシートがあるとします。 シートの先頭 シートの最後 このシートの先頭で作業しているときに1000行目のセルにジャンプしたいときがあると思います。 そういう場合、マウスのホイールやExcelのスクロールバーを使って移動すると思うのですが、移動するのが結構面倒です。 ということで、Excelでセルの最後に一発でジャンプする方法を紹介します。 ２．セルの最後に一発でジャンプする（その1） 先頭のセルがアクティブになっている状態で「End」キーを押下します。 そのあと下矢印キーを押下すれば、一瞬で最後のセルに移動します。 これは「Endモード」という機能で、Endキー
Firefoxで一番左または一番右のタブに一発で移動する方法
Firefoxで一番左または一番右のタブに一発で移動する方法を紹介します。 １．問題点 Firefoxでタブを数十とか開いている状態でその中間くらいのタブページ、またはピン留めしているタブのページを見ているときに、ピン留めしていない一番左または一番右のタブに移動したいことがあると思います。 私はマウスをタブにポイントしてマウスホイールを回してタブをスクロールさせているのですが結構面倒です。 ということで、一番左または一番右のタブに一発で移動する方法を紹介します。 ２．一番左のタブに移動する 一番左のタブに移動するには、「Ctrl+左からピン留めを含めて数えた数字」で移動できます。 ピン留めをしているタブが3つあれば、一番左のタブは「4」になるので、「Ctrl+4」で移動できます。 ピン留めのタブが8以上ある場合はこのテクニックが使えないので、まずピン留めしている一番右側のタブを選択してから
Draggable Dual-View Slideshow | Codrops
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed. Today we’d like to share an experimental slideshow with you. The idea is based on the great navigation concept from the Wild website where one can view the projects in either fullscreen or in a carousel mode. There are different techniques that wou
Excelで文字入力後の矢印キーでセルを移動させない方法
Excelで文字入力後の矢印キーでセルを移動させない方法を紹介します。 １．問題点 任意のセルを選択します。ここではC3セルを選択します。 セルに任意の文字を入力します。 文字を1文字消去したいので左矢印キーでカーソルを移動させようとすると、左のセルに移動してしまいます。 ということで、文字入力後にセルの中でカーソルを移動させる方法が分かりません。 ２．原因 カーソルを移動させようとして隣のセル移動するのはExcelの仕様です。 具体的には、セルを選択した状態で文字を入力すると、ウィンドウの左下に「入力」と表示されます。 これはセルの状態が入力モードになっていることを指します。 で、このモードではセル内のカーソル移動はExcelの仕様で行えないようです。 ３．対処方法 セル内のカーソル移動を行うには、「編集」モードに切り替える必要があります。 文字を入力してからカーソル移動までの間にF2キ
[AS3] 矢印キーでインスタンスを移動させる
投稿者：野中 文雄 | 投稿日：2011.08.27 | [AS 3][ActionScript][サンプル][野中ゼミ] MovieClipインスタンスを矢印キーで上下左右に動かす例のご紹介です(図001)。ただし、少しひねりを加えて、キーを押し続けたときに入力が繰返される速さではなく、フレームレートで進むようにします。 図001■MovieClipインスタンスを矢印キーで上下左右に動かす お題はFLASH-japanの「fpsに同期したmcの移動」で上がったものです。もっとも、この回答ではつくりを単純にするために、乱暴なスクリプトになっています。そこを少し整えて、簡単な説明を加えます。 01 ふたつの課題と繰返されるキー入力の扱い まず、キー入力の基本的な扱いについては、gihyo.jp連載「ActionScript 3.0で始めるオブジェクト指向スクリプティング」第13回「キーボード
![[AS3] 矢印キーでインスタンスを移動させる](https://cdn-ak-scissors.b.st-hatena.com/image/square/a092edc21fa668dd8fd9d4117d5f1ea7812f16d6/height=288;version=1;width=512/http%3A%2F%2Ff-site.org%2Fogp_2013.jpg)
KeyTips jQuery Plugin Example
This page shows an example of using the KeyTips jQuery plugin with a typical form. Hold down the Alt key to see the access keys on this form highlighted. To use the plugin on a page simply: Add a reference to jquery-1.4.4.js <script type="text/javascript" src="script/jquery-1.4.4.js"></script> Add a reference to jquery.KeyTips.js <script type="text/javascript" src="script/jquery.KeyTips.js"></scri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
