キーワード検索「コントロール」
985
新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足していると言わざるを...
389
共有ボタンと検索がページ上に移動しました。もし、じっくり記事を読みたいという方は一番右の「読みモード」ボタンをご利用ください。googleデザイン Google Font API で手軽に始めるフォント遊びCSS ファイルをリンクするだけで手軽に Web Font を楽しめる Google Font API。その手軽さはフォントのレンダリングのタイミングのコントロールまで及んでおり、作り手として嬉...
274
いつか使うかも？と思わないでもないのでご紹介。雑誌風のレイアウトでサイトを作るためのJSフレームワークですよ。↑ こういうのが作れるらしい。ページのコントロールもちゃんとありますね。↑ 左側のタブで目次が見れるのもうれしい。チュートリアルをちょっと見てみましたが、それなりに作業はいるものの、綺麗にレイアウトしてくれたり、ページコントロールなどが用意されているので便利かもですよ。ご興味のある方はこち...
219
スマートフォンなどのモバイル用サイトを簡単に制作できるようにするJavaScriptベースのフレームワークを紹介します。 先日リリースされたiOS5にも最適化されています。 ChocolateChip-UIで用意されているエレメント あらかじめ用意されているエレメントは数多くあります。 ツールバー ナビゲーションバー ボタン アイコン ナビゲーションリスト テーブルビューアー セレクションリスト ...
144
GoogleMapsAPI, asGoogle Maps をジオラマ写真風にすると印象が変わる、というアイディアが チルトシフトの新しい使い方 その2 に書いてあった。おもしろそうなのでリアルタイムに Google Maps をジオラマ風に表示するものを作ってみた。好きな場所を表示できるので、地球全体がジオラマにしてしまった。簡単な使い方：上部の検索欄に英語で入力して移動左のコントロールは Goo...
101
WebSocket が、12月12日についにRFCになりました（RFC6455)。テキスト転送だけでなく、バイナリー転送もサポートされ、コネクションをキープするための ping/pongなどコントロールフレームも定義されました。rfcになる過程で様々なバージョンと、その実装系が出ていますので、そこのネゴシエーションの仕組みが入っていたり、以前は割と自由に使えそうだった subprotocolが、I...
70
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中 Webアプリケーションの開発において、タブやボタンやスライダーなど、さまざまなコントロールを画面上にレイアウトしていくためには、これまでHTMLとJavaScriptを組み合わせた面倒なコーディングが必要でした。 それを、ビジュアル開発ツールの画面上でドラッ...
74
jQuery, JavaScript, WebSocket | 15:51 はじめに以下のページでjQueryでWebカメラを操作できると知ったので、WebSocketを使ってなんちゃってビデオチャットを書いてみました。WebSocketサーバに接続した2名で1対1のビデオチャットが出来ます。送受信するデータはカメラの映像とテキストのみで、音声データの送受信には対応していません。jQueryからウ...
75
Video JS | HTML5 Video Player CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」。 HTML5はまだ実装されてないブラウザが一杯あるし・・・という方も心配ないように、FlowPlayerによってFlashビデオ再生できるようになってます。 これなら多くのブラウザがHTML5対応しなくても、すぐにでも実装しちゃえますね。 ライブラリ...
66
これはメモしておかないと・・・。jQueryからウェブカムをコントロールするためのプラグインがあるようです。JavaScriptからカメラを操作できたとは！↑ 映した画像のキャプチャを撮ることができますよ。マークアップは以下のような感じです。オプションも豊富で使いやすそうですな。$("#camera").camera({width: 320,height: 240,mode: "callback"...
50
![[JS]text-shadowをアニメーションでコントロールするスクリプト -animate-textshadow.js | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-animate-textshadow.html)
テキストにシャドウをつけるtext-shadowをアニメーションでコントロールして、さまざま面白いエフェクトを生み出すjQueryのプラグインを紹介します。 デモではさまざまなtext-shadowのアニメーションを楽しめます。 以下、デモを紹介しつつ、その実装方法もご紹介。 デモ：基本 一番シンプルな基本となるデモです。 HTML HTMLはすべてのデモで、テキストをspan要素で実装するだけで...
48
さくらインターネット研究所の菅です。 先日、北海道の札幌市産業振興センターにて開催されましたPHPカンファレンス北海道にて弊社クラウドサービスのコントロールパネルに関する発表を行って参りましたので、報告いたします。 弊社クラウドサービス「さくらのクラウド」のコントロールパネルは、APIを除いて全てJavaScriptで実装しております。いわゆるMVCのビュー部分を、クライアント（ブラウザ）が実行す...
37
37
どこかで使えそうなのでメモ的にエントリー。指定した要素をブルブルさせることができるjQueryプラグインですよ。↑ スクショ撮ってみたけど全然伝わらないですなｗ。ただふるわせるだけじゃなくて、その振動の強さをコントロールできたり、クリックしたら振動するようにできたり、オプションが豊富なのが魅力ですね。ちょっとしたゲームなんかにも使えるのでは、と思ったりするので興味がある人は是非どうぞ。» jRum...
39
![[JS]フォームの項目をユーザーが追加・削除できるようにするスクリプト -SheepIt! | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sheepit.html)
複数の電話番号や住所などを入力できる、フォームの項目をユーザーが追加・削除できるようにするjQueryのプラグインを紹介します。SheepIt!の特徴フォームのアイテムを追加したり、削除することができます。フォームのアイテムの数をコントロールできます。フォームのコードは通常のHTMLで実装します。フォームのアイテムにデータをロードすることができます。コールバック機能を備えています。SheepIt!...
54
31
フォームの入力コントロール （input とか textarea） に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用する （プレースホルダ） なんてことはよくやります。 プレースホルダ HTML5 では、プレースホルダを指定する属性として、まさにそのままの名前が付いた、placeholder 属性が新たに追加され、ブラウザさえ対応していればとても簡単に実現可能になって...
30
Windowsのスピンボタンコントロールを実装できるjQueryプラグイン「Smart Spin」 2011年09月22日- jQuery spin button html form control | EGrappler Windowsのスピンボタンコントロールを実装できるjQueryプラグイン「Smart Spin」。 上下矢印がついていて、数値をアップ・ダウンできるコントロールが実装できるj...
23
![[JS]ページ内のハッシュリンクの箇所のみ表示するスクリプト -Paginator | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-paginator.html)
Paginatorの実装 外部ファイル 「jquery.js」とハッシュイベントをコントロールする「jquery.hashchange.js」と当スクリプトを外部ファイルとして指定します。 <script src="jquery.js"></script> <script src="jquery.hashchange.js"></script> <script src="jquery.pagina...
21
ブラウザ(JavaScript)で動くシンセ的なアプリを作ろうと思うとGUIコントロールの便利なライブラリがなくてけっこう困ります。jQuery UIはわりと良いんだけど肝心のノブとかスイッチとかがなかったりするし。そんなわけでウェブ楽器のGUI作成に便利なjQuery UIっぽいJavaScriptライブラリを作成しました。ちょっと前に流行った操作パネルを再現するとこんな感じ。 パネル、ノブ、ス...
