好評の、読み込ませるだけシリーズ の8番目。 maxlength 属性とかアプリケーション側とかでフォームの入力文字数を制限していても、ユーザにとっては自分が何文字くらい入力したかがわからないと不便そうなので、汎用的なのを作りました。 フォームにフォーカスが当たると、入力した文字数と入力可能な文字...
|
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n このセッションはJavascrip... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。 2月16日、17日の2日間、都内で開催さ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
JavaScriptでビジネスアプリケーションを開発する際に使えるユーザーインターフェイスライブラリ「Kendo UI」の正式版が公開されました。 Kendo UI - The Art of Web Development JavaScript用のユーザーインターフェイスライブラリといえば、jQu... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ブラウザ(JavaScript)で動くシンセ的なアプリを作ろうと思うとGUIコントロールの便利なライブラリがなくてけっこう困ります。jQuery UIはわりと良いんだけど肝心のノブとかスイッチとかがなかったりするし。そんなわけでウェブ楽器のGUI作成に便利なjQuery UIっぽいJavaScri... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
[Webデザイン] JavaScriptで作られた、見たことないUIデザインのWebサイト [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を発表 ～最も支持されるJavaScriptの表現方法とは～ 株式会社アイ・エム・ジェイ（JASDAQ 4305）のグループ会社である株式会社IMJモバイル（本社：東京都目黒区 代表取締役社長：川合純一）は、「スマートフォンのイ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
リンクではない、例えばJavaScriptを埋め込むなどのクリッカブルな箇所でアンカーリンクを使用しない時に気をつけたい3つのポイントを紹介します。 下記は各ポイントを意訳したものです。 a要素は、いつ使うべきでしょうか。 私はそれがクリック可能である時に、a要素を気前よく使用していました。しかし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 JSのSpinローダー表示ライブラリ、、、単体で動くけど、jQueryプラグインにするサンプルコードもあるよ。。。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今後どのようなソフトウェアがWebアプリケーション化するだろうか。もし自分の使っているソフトウェアをWeb化したいと思うならば、UIキットにMochaUIを採用してみてはいかがだろう。 0 MochaUIはMootoolsを使ったUIキットだ。Webブラウザ上ながら高度なUIを実現できる。階層に対... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JSColor ? JavaScript / HTML Color Picker, Selector, Chooser シンプル＆軽快なカラーピッカー実装ライブラリ「JSColor」。 デザインとしては次のようなデザインで<input>ボックスにカーソルを合わせるとポップアップして軽快に動作します... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 0 LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
テーブル内で自由に要素を配置できる スクリプト・REDIPS.dragのご紹介です。 セル内のdiv要素をドラッグドロップで他 のセルに配置しなおしたり、行ごと順番 を変えることも出来ます。クロスブラウザ で動作します。 テーブル内でセルや行を移動させることが出来ます。jQueryやmootool... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最近タッチデバイスでスワイプしてスライドするようなUIを書く機会が多いので汎用的に使えるようにしてみた。 demo（webkit only） pxgrid/js-flipsnap - GitHub iScrollでもsnapっていう機能使うと同じようなことができるんだけど、iScrollでこれをや... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
jQuery, jQueryUI, UI, JavaScript複数画面で使えるAjax formダイアログのコンポーネントを作る初期状態Google CalendarのようなWebアプリを想像してください。1日が1個のセルになっていて、セルをクリックしたらスケジュール登録ダイアログが表示され、入... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScript会社で下の記事についてリマインドしてもらって、なんとなく気になっていたことを調べたメモ。http://webtech-walker.com/archive/2010/12/06160539.html記事を読んで、history.replaceState(null, "title... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」数多くの情報をまとめて、限り有るスペースを有効活用することができるタブインターフェイス、情報量の多いサイトで主に利用されていますが、今回紹介するのはCSS、jav... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ドラッグベースのいろいろなインターフェイスが実装できるスクリプト -Dragdealer JS | コリス](/thumbnail/447136.png)
ドラッグ操作を利用したインターフェイスを簡単に実装できるスクリプトを紹介します。Dragdealer JSデモスクリプトはjQueryなど他のスクリプトに依存せずに動作し、圧縮版は12KBと軽量なものになってい [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
25 Creative Single Page Websites With Awesome JavaScript Effects 一見の価値ありな、1ページのJSサイト集がまとまってます。 1ページとはいえ、JSでページを1ページ内でスクロールするのでコンテンツは複数ページと同等です。 アイデアが... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
昨日に引き続いて、今日も作成中の Google App Engine アプリ用のUI部品の作成。HTMLの一部に記述された（もしくは別途JSONで取得した）ワード・リストの入力を autocomplete を使って簡単にしようという試み（Google Suggestのようにダイナミックにリストを取... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
