2018年03月20日(火)

最も基本的なUI機能にもクリエイティビティを！ドラッグ＆ドロップUIのユニークなコード例を10個集めて紹介！【前篇】

• 0
• 0
• 0
• 4

ドラッグ＆ドロップは数十年にわたってWebに関する作業の必須要素であってきました。このあまりに基本的な機能は、デスクトップとモバイルの両方のアプリケーションとオペレーティングシステムで役立っています。シンプルさと直感性の両方を具え、最もユニバーサルなUI機能の1つになっています。DropboxのファイルのアップロードからTrelloボードのソートまで、その有用性は疑うことができません。

これらのインタフェースをデザインに実装するのには、いくつかの独創的な方法があります。 本記事では、前後半に分けて、CodePenからドラッグ＆ドロップUIのユニークな例を10集めてリストにしました。

１．基本を学ぶ

author:

SeleQt（セレキュト）

http://www.seleqt.net/

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

最も基本的なUI機能にもクリエイティビティを！ドラッグ＆ドロップUIのユニークなコード例を10個集めて紹介！【後篇】

         

NEXT ›

               

オープンソース・スニペット！HTML5とCSSで構築されたログインページ10選【後篇】

関連記事

• JavaScriptを基礎からしっかり学びたい人にお勧めの安心して読める解説書 -ゆっくり・ていねいJavaScript
• 2024年3月 webトピックス
• 2024年3月 webトピックス
• 2024年2月 webトピックス
• 2024年2月 webトピックス

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『最も基本的なUI機能にもクリエイティビティを！ドラッグ＆ドロップUIのユニークなコード例を10個集めて紹介！【前篇】』についてまとめています。

この記事は特にjavascript・jQuery・HTML5・UI・アプリについて書かれており、 Webデザインのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt（セレキュト）で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt（セレキュト）の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。