jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発

2021/10/11 187 users jQuery本体 UIフレームワーク 移行 メンテナンス 開発

jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発 JavaScriptのUIフレームワークであるjQuery UIと、モバイルアプリケーション向けフレームワークであるjQuery Mobileは今後新規機能の開発が行われず、jQuery UIについてはメンテナンスへ移行、jQuery Mobileにつ... 続きを読む

jQuery MobileとjQuery UI、停滞を打破するため開発体制を刷新。以前より簡単にコントリビュート可能に － Publickey

2018/01/04 72 users コントリビュート Publickey 刷新 停滞 HTML

jQuery MobileとjQuery UI、停滞を打破するため開発体制を刷新。以前より簡単にコントリビュート可能に HTMLやJavaScriptなどのWeb標準技術でモバイルアプリケーション開発を可能にするJavaScriptライブラリ「jQuery Mobile」は、2014年9月に公開された jQuery Mobile 1.4.4を最後に 、3年ものあいだアップデートが止まっています。 ... 続きを読む

jQueryのAutocompleteを使ってGoogleのサジェストをコピペで実装する - 気になるガジェット

2017/12/04 23 users jQuery jQuer autocomplete コピペ

2017 - 01 - 16 jQueryのAutocompleteを使ってGoogleのサジェストをコピペで実装する メモ Google のサジェスト入力って、どういう仕組なんだろうって調べてたら、 jQuery UIのAutocompleteを使えば結構簡単に実装できることがわかりました。 ついでなので、 Google 検索のサジェスト自体を使うことができないか調べたら、基本的に「 jQuer... 続きを読む

BootstrapやjQuery UIのコンポーネントを使ったプロトタイプ作成ツールなどのWebアプリを開発できるツール -Wamer | コリス

2015/03/31 80 users コリス Bootstrap コンポーネント ユニット ツール

Webページのプロトタイプ作成ツールやWordPress, Bootstrapなどのテーマ作成ツールなど、再利用可能な独立したユニットを組み合わせWebアプリを開発できるオンラインツールを紹介します。 Wamer Web...記事の続きを読む 続きを読む

画像を好みの位置でトリミングする / Rails + jQuery UI draggable | Workabroad.jp

2014/06/02 37 users Twitter Facebook Rails width アレ

画像を投稿させるサービスで、ユーザーが推奨サイズ比率ではない画像をアップロードした場合、好みの位置でトリミングさせるやつを考えてみた。TwitterとかFacebookのカバー写真をアップロードした時のアレです。今回はズームとか無しで、縦方向のみの位置調整にしてみました。（画像のwidthは100%） 画像をトリミングして保存するわけでなく、単に画像位置を動かして、表示範囲以外は見えなくする方法を... 続きを読む

JSで通知ポップアップを出すライブラリ「PNotify」 | Web活メモ帳

2014/04/07 60 users Bootstrap アラート ライブラリ デモ Web活メモ帳

JSで通知ポップアップを出すライブラリ「PNotify」をご紹介。 サイト内でアラートや通知を表示する際に、画面の隅に表示する今時のライブラリです。 ↑デザインは色や画像の追加など簡単に出来るようになっているので、サイトに合わせて設定しやすくなっています。 スタイルはBootstrap / jQuery UIを組み合わせて簡単に組み込めるようになっています。 興味のある方は下のリンクからデモをご確... 続きを読む

【怖くないJavaScript + jQuery】ドラッグで要素を移動させる | モノづくりブログ 株式会社8bitのスタッフブログです

2014/02/05 31 users jQuery ドラッグ ボックス 要素 JavaScript

株式会社8bitのスタッフブログです。おはようございます。今日もjQueryについて書いていこうと思います。 今回はjQueryに加えて、新たにもう一つ「jQuery UI」を使用します。これを使用できるようになるとできることもグンと幅広くなりますね。やってみると読み込むだけで結構簡単なのでぜひ一度試してみてください。 デモ ドラッグで好きな場所に 動かせます。 ↑こちらのボックス、ドラッグで好き... 続きを読む

jQuery UIで使えるdatepickerのスキンいろいろ | IDEA*IDEA

2013/05/01 128 users DatePicker IDEA Components スキン

ちとメモしておこう。なかなか綺麗。 ↑ 良い感じすね。 jQuery UIはいいのですが、Componentsのデザインがいまいちですよね・・・。こうしたスキンをうまく使いこなしたいところです。 » jquery-datepicker-skins :: CSS3 skins for jQuery UI datepicker 続きを読む

jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする: 小粋空間

2013/04/11 30 users 小粋空間 jQuery ドラッグ＆ドロップ テーブル サンプル

jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする方法を紹介します。 テーブルをソートするには、jQuery UI Soatableを利用します。 １．基本 まず、jQueryのsoatable()を使ったテーブルのサンプルを示します。 サンプル サンプルのコード（抜粋）は次のとおりです。 <script src="http://ajax.googleapis.com/... 続きを読む

jQuery UIのtoggle()でjQueryのslideToggle()よりカッコよくスライドさせる方法: 小粋空間

2013/04/04 33 users toggle jQuery 小粋空間 とこ 要素

jQuery UIのtoggle()を使って、jQueryのslideToggle()よりカッコよくスライドさせる方法について紹介します。 ある要素をスライドさせながら表示・非表示を行うには、jQueryのslideToggle()（またはslideUp()とslideDown()）がよく知られていると思います。 が、slideToggle()ではコンテンツの動き方に個人的に不満があり、調べたとこ... 続きを読む

jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法: 小粋空間

2013/03/25 38 users Tabs 小粋空間 タブ切替 タブ タブ切り替え

jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法を紹介します。 １．jQuery UI Tabsについて 基本情報として、jQuery UI Tabsでタブ切り替えを行う方法については「jQuery UI Tabsを使ってタブを実装する」を参照してください。 サンプル ２．hashchangeプラグインについて jQuery UI Tabsのタブ切替でブラウザの「... 続きを読む

jQuery用のよく使うUIコンポーネントセット「ZinoUI」:phpspot開発日誌

2013/03/07 34 users アコーディオン phpspot開発日誌 jQuery用

ZinoUI - jQuery UI components library, HTML5 framework jQuery用のよく使うUIコンポーネントセット「ZinoUI」 アコーディオン、ボタン、チェックボックス等、次のように豊富なコンポーネント群が利用できるUIコンポーネントセットです。 デザインもなかなか綺麗に作られていて、便利に使えそうです TwitterBootstrap風のテーマもあ... 続きを読む

jQueryUI 日本語リファレンス | js STUDIO

2013/03/01 268 users リファレンス jQueryUI 英文 箇所 バージョン

このサイトについて jQuery UIの日本語リファレンスです。 jQuery UIの本家サイト(英文) の内容を翻訳して作成しています。 このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない 箇所もあると思いますので注意してください。 また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていま... 続きを読む

「jQuery Mobile」を活用したスマートフォンサイト作成（前編） （1/4）：CodeZine

2013/02/28 123 users jQueryプラグイン JavaScriptライブラリ

本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとjQueryプラグインをサンプルを交えて紹介していきます。今回からは、急速に普及を見せるスマートフォン向けサイト作成に便利な「jQuery Mobile」を紹介します。 はじめに　今回は、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。jQuery Mobile... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強 – #14 jQuery UI Widget(プラグイン)の作り方について詳しく ｜ クラスメソッド開発ブログ

2013/02/07 128 users Widget 備忘録 HTML クラスメソッド開発ブログ 勉強

HTML5 × CSS3 × jQueryを真面目に勉強してみる HTML5 × CSS3 × jQueryを真面目に勉強 – #14 jQuery UI Widget(プラグイン)の作り方について詳しく そんな訳で、jQuery UI プラグイン(※以下、jQuery UI Widget) の作り方について学んだので、ここに書き記しておくとします。忘れっぽい自分のための備忘録として書いた内容なの... 続きを読む

その場でデータを編集。BootstrapやjQuery UIに対応した「X-editable」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログオープンソース・ソフトウェア

2012/12/03 68 users MOONGIFT Bootstrap ソフトウェア 編集

表示されている内容を編集する際にその場ですぐに編集できるようにするのがIn-place Editorです。それをBootstrap、jQuery UIなどに対応させたのがX-editableになります。 こんな感じでポップアップで編集できます。 エラー表示にも対応。 カレンダーでの入力。 選択式も可能です。 インラインで編集もできます。 こちらはjQuery UI版。 この場合も選択式などが使えま... 続きを読む

jQuery UIの各エレメントをレトロ風のかわいいデザインに変更するテーマファイル -jQuery UI Theme Retro | コリス

2012/11/06 107 users コリス 各エレメント レトロ風 テーマファイル

Archive by month 2012年11月 (11) 2012年10月 (60) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (... 続きを読む

jQuery UIを使ったタブの数が多くてもレイアウトを崩さないようにするスクリプト・plusTabs - かちびと.net

2012/10/19 30 users タブ レイアウト net サイドカラム スクリプト

jQuery UIを使ったタブコンテンツ でタブ数が多数有ってもレイアウト を崩さないようにドロップダウン化 するスクリプトです。確かにちょっ と問題だったのでありがたいです。 ドロップダウン+タブメニューという 感じ。 タブでコンテンツをその場で切り替える、という手法はかなり一般的になりました。ブログなどでもサイドカラムでよく見られますね。 ただ、そのタブ数が増えてしまうとボタンが収まりきらずに... 続きを読む

綺麗目で見やすいjQuery UIのデザインテーマ・DELTA - かちびと.net

2012/10/16 37 users net Delta Twitter デザ スライドバー

jQuery UIのデザインテーマ・DELTAの ご紹介。使い勝手の良いjQuery UIです が、デザインの変更は結構工数を食い ます。DELTAはそんなjQuery UIのデザ インを綺麗目で見やすくしたテーマ。 Twitter Bootstrapライクでとっても 見やすいです。 パッと見、Twitter Bootstrapっぽい感じのデザインテーマです。 DELTA スライドバーやボタン、ト... 続きを読む

Bootstrapに次ぐ定番となるか？Twitter社がWeb用パッケージマネージャ『BOWER』をリリース | IDEA*IDEA

2012/09/10 63 users BOWER Install jQuery GitHub npm

Twitter社からまたしてもGithub的プロジェクトが。今回はコマンドラインからWeb用のいろいろをパッケージ管理できる「BOWER」です。 ↑ なんともシンプルな佇まいｗ。 ↑ ま、本体はGithubにあります。 Installは「npm」を使ってやるようなのでnode.jsが必要ですね。 ざざっとできることを羅列しておくと・・・。 jQuery、jQuery UI、Backbone.jsや... 続きを読む

[JS]数行のコードで、動画をウェブページの背景いっぱいに配置するスクリプト -BigVideo.js | コリス

2012/08/20 220 users コリス jQuery ウェブページ スクリプト デモ

デモページ デモは左のメニューから、動画を変更して再生できます。 BigVideo.jsの使い方 外部ファイル BigVideo.jsはjQuery, jQuery UIと、動画再生に「video.js」を利用しています。これら全てを外部ファイルとして記述します。 <!-- BigVideo Dependencies --> <script src="//ajax.googleapis.com/a... 続きを読む

jQueryで簡単にドラッグ＆ドロップのソートを実装する方法 : アシアルブログ

2012/07/20 63 users jQuery メンド ソート オシャンティ アシアル

読む：3分 試す：15分 はじめまして、4月にアシアルへ入社した噂の好青年こと高橋です。 今日はjQuery UIを使ったオシャンティなソートを紹介します。 まずはデモをご覧ください。 「こんなメンド・・・大変そうなUIできるかなぁ？」 心配ご無用！jQueryさんはやってくれます！！ まずは必要なソースを準備します。 下記からそれぞれ最新版をダンロードしてください。 http://jquery.... 続きを読む

WordPress3.4でjQuery UIをiPhoneやiPadなどのタッチデバイスに対応させる - かちびと.net

2012/06/21 29 users iPhone jQueryUI ライブラリ デバイス コア

先日リリースされたWordPressの 新バージョン、WordPress3.4から コアファイルにjQuery UIをタッチ デバイスで動かすライブラリが 追加されたみたいです。jQueryUI あんま使わないですけど・・ WordPress3.4から、以前ご紹介したjQuery UIをタッチデバイスに対応させるライブラリ、jQuery UI Touch Punchがコアに導入されました。動作デモ... 続きを読む

ネストされたリストにも対応のドラッグ&ドロップによる要素の入れ替えを可能にするjQueryプラグイン・Nestable - かちびと.net

2012/06/19 45 users ドラッグ＆ドロップ net 要素 リスト iPhone

入れ子のリストにも対応した、 ドラッグ&ドロップによるソート 可能なjQueryプラグインの ご紹介。jQuery UIを使うほど でも無いような時はこういう のあると嬉しいですね。 ネスとされたリストのソートをドラッグ&ドロップで可能にするjQueryプラグインです。非圧縮で13KBほど。うまくキャプチャ撮れなかったですけど、iPhoneでも動きました。 Nestable ネスとされたリストでも... 続きを読む

jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch - かちびと.net

2012/04/28 167 users タッチデバイス net iPhone リサイズ 備忘録

jQuery UIをタッチデバイスに対応させる ライブラリ・jQuery UI Touch Punchの ご紹介です。いつか使うかも、と思った ので備忘録。これを見て、そういやスマ フォでjQuery UIを試したことが無いこと に気が付いた次第です・・ jQuery UIのドラッグとかリサイズとかソートとかをiPhoneなどに対応させるためのライブラリです。そういやjQuery UIはタッチデバ... 続きを読む