Three.jsを使って、作ってみた

プログラミング関連の事を色々書いています(^^) 週末はレストランやコンビニのお菓子のことを書いています。

jQuery UI

jQuery UI Effect

今回は、jQuery UIのEffectについて書きます。 Effectは、アニメーションエフェクトのことです。 高度な表示効果を実現できます。アニメーション前 アニメーション後 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Tabs

今回は、jQuery UIのTabsについて書きます。 Tabsは、タブ式メニューのことです。 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></link></meta></head></html>

jQuery UI Slider

今回は、jQuery UIのSliderについて書きます。 Sliderは、スライダーのことです(笑) こういうものです↓ マウスで左右にいろいろ動かせられるやつです。 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Progressbar

今回は、jQuery UIのProgressbarについて書きます。 Progressbarは、進捗状況を表示するバーのようなものです。 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Dialog

今回は、jQuery UIのDialogについて書きます。 Dialogは、このようなものです↓ メッセージを表示するものです。 このように書きます。(ボタンを押して、Dialogを表示します) <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Datepicker

今回は、jQuery UIのDatepickerについて書きます。 Datepickerは、日付の入力を便利にするものです。 このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Button

今回は、jQuery UIのButtonについて書きます。 Buttonは、ボタンです(笑) カッコイイボタンが簡単に作れます。このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI  Autocomplete

今回は、jQuery UIのAutocompleteについて書きます。 Autocompleteは、入力時に候補を表示してくれる機能です。 このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Accordion

今回は、jQuery UIのAccordionについて書きます。 Accordionを使うと、折りたたみ式のインターフェースが作れます。このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Sortable

今回は、jQuery UIの「Sortable」について書きます。 Sortableは、ドラッグ&ドロップで要素を並び替えることができます。このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Selectable

今回は、jQuery UIの「Selectable」について書きます。 Selectableは、複数の要素を選択可能にするGUIです。 要素をクリックすると、その要素を選択できます。また、選択した要素は、文字色と背景色を反転させて目立たせれます。 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>j</title></meta></head></html>…

jQuery UI Resizable

今回は、jQuery UIの「Resizable」について書きます。 「Resizable」は、要素のサイズを変更可能にするものです。このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Droppable

今回は、jQuery UIの「Droppable」について書きます。 Droppableは、簡単に言いますと、ドラッグ&ドロップのことです。このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI 「jQuery UI」とは

今回は、「jQuery UI」について書きます。 jQuery UIは、インタラクティブなWebサイトを開発するために使用される、jQueryをベースにしたJavaScriptのライブラリです。 wiki↓ jQuery UI - Wikipedia 公式サイトは、コチラです↓ jQuery UI ここからは、jQuery…