Remodal - 使える場面の多そうなjQuery製モーダルウィンドウライブラリ MOONGIFT
jQueryでモーダルウィンドウ表示を行いたい時に使えるのがRemodalです。カスタマイズが多彩、軽量といった特徴があります。 ふわっと浮き出るのも印象的です。 Remodalのインストール まず手順としてスタイルシートとJavaScriptを読み込みます。 <link rel="stylesheet" href="path/to/your/jquery.remodal.css"> <script src="path/to/your/jquery.remodal.min.js"></script> 次にHTML全体をクラスで囲みます（背景を暗くするためです）。 <div class="remodal-bg"> ここにHTMLを記述 </div> そしてモーダルウィンドウで表示する内容を記述します。 <div class="remodal" data-remodal-id="modal">
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
uupaa.js と jQuery を機能を中心にざっくりと比較 - latest log
Classの継承についてサンプルを追記しました。 jQuery の特徴的な構文を uupaa.js で表現する方法を追記しました。 デバッグ支援機能について追記しました。 特徴 uupaa.js jQuery 初版 version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリの目標 WebOSのフロントエンド 不明 本来の用途 WebOS / WebApp DOMの操作とサイトの装飾 使われ方 導入実績なし 小〜中規模サイト / ポータルサイト等 想定されるコアユーザ層 エンジニア デザイナー / コーダー / エンジニア 名前空間 uu (1つ) jQuery と $ (2つ) ライブラリによる識別子プリフィクスの予約 uu また
Glimmer - Lab - MIX Online
Want to use jQuery to enhance the experience of your site? Don’t want to write or cannibalize a bunch of code? With Glimmer, easily create interactive experiences like rotating photo-galleries/mastheads,drop-down navigation, hover effects, or custom animations. Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having t
ScottGu's Blog - jQuery Templates and Data Linking (and Microsoft contributing to jQuery)
jQuery Templates and Data Linking (and Microsoft contributing to jQuery) The jQuery library has a passionate community of developers, and it is now the most widely used JavaScript library on the web today. Two years ago I announced that Microsoft would begin offering product support for jQuery, and that we’d be including it in new versions of Visual Studio going forward. By default, when you creat
jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。 具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法 ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(
Date オブジェクトを拡張する jQuery.exDate.js - Cyokodog :: Diary
更新履歴 2009-03-25 addMonths メソッドでマイナス値を引数にした時の不具合を修正しました。 JavaScript の標準オブジェクトである Date オブジェクトに、各種拡張機能を追加したオブジェクトを返す jQuery プラグインを作ってみました。インスタンス化した Date オブジェクトに独自の拡張メソッドを追加する実装になっているので、Date.prototype の汚染も無く、Date オブジェクト純正メソッドとの併用が可能です。 インスタンスの生成 まず、下記のように記述し Date オブジェクトを生成します。引数を省略した場合は、現在日付時刻の Date オブジェクトが生成されます。 var date = $.exDate(); 引数を指定することで任意の日付時刻のオブジェクトを生成できます。デフォルトフォーマットは yyyy/mm/dd です。 var d
Using Progressive Enhancement to Convert a Select Box Into an Accessible jQuery UI Slider | Filament Group, Inc.
Using Progressive Enhancement to Convert a Select Box Into an Accessible jQuery UI Slider Posted by Scott on 08/11/2008 Topics: accessibilitycssjQueryprogressive enhancementui design Earlier this year, we wrote about progressively enhancing select elements into slider components. Our article focused mainly on the high-level approach, but our demo code made use of the now abandoned "Interface" libr
基幹システムのテーブル表示などで役立ちそうなRailsプラグイン·jQuery grid plugin MOONGIFT
jQuery grid pluginはRuby製のオープンソース・ソフトウェア。企業システムでもRailsを使って構築するケースが増えてきた。安定してきたのに加えて開発効率が高いことが選ばれる要因になっているのだろう。そして基幹システムで良くあるのがデータのテーブル表示だ。 高機能なテーブル表示 テーブル表示して終わりかと言えばそんなことはない。データを選んで一括処理したり並び替えたり絞り込みをしたりと一覧表に対する要望は多い。一つ一つ実装していると工数がとても膨らんでしまうだろう。そこで使ってみたいのがjQuery grid pluginだ。 jQuery grid pluginはRailsのプラグインでデータのテーブル表示に加えてその操作が一つにまとまって提供される。カラムを使った並び替え、Ajaxを使ったページネーション、表示件数の変更、検索機能など何でもござれだ。 インライン編集（
ScottGu's Blog - jQuery Intellisense in VS 2008
Last month I blogged about how Microsoft is extending support for jQuery. Over the last few weeks we've been working with the jQuery team to add great jQuery intellisense support within Visual Studio 2008 and Visual Web Developer 2008 Express (which is free). This is now available to download and use. Steps to Enable jQuery Intellisense in VS 2008 To enable intellisense completion for jQuery wit
ページを半透明
Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction. Usage is very simple; to block user activity for the page: $.bl
pure.js - Javascript Template Engine
Write your templates in pure HTML Clean of any inline logic or special tags CSS selectors are used to bridge the HTML with Javascript actions Providing a radical separation between the representation and the logic Here we explain why we did pure.js back in 2008 And you can ask your questions to the user group Download pure.js on Github We have been happily using pure.js since 2008 for our own web
Portfolio > JavaScript > yuga.js :: Kyosuke.jp
About this script CSS Nite LP2で紹介した、優雅なWeb制作のためのJavaScript、yuga.jsです。主な機能は次のとおりです。 class="btn"でロールオーバー 自分にリンクしていればclass="current" 自分にリンクしている画像は置き換え 外部リンクは自動で外部ウインドウ ページ内リンクはするするアニメ 直接画像にリンクするとthickbox CSSでデザイン用のクラス付加 ニュース 2008/03/23 jquery1.2.3、thickbox3.1を利用した0.5.1を公開しました。interface.jsを使わずにするするスクロールを実装しています。 2007/06/18 jquery1.1.2、thickbox3を利用した0.3.0を公開しました。前のものより動作速度がUPしています。 サンプル トップとプロフィールしかない
JavaScriptライブラリのパフォーマンス、最速はコレだ! | エンタープライズ | マイコミジャーナル
The PBwiki engineering teamのメンバーがWebブラウザとJavaScriptライブラリのパフォーマンスを調査するために興味深いパフォーマンステストサイトを公開している。Javascript Library Performance Test Roundupにアクセスして"Run (West Coast)"かまたは"Run (East Coast)"をクリックしてみてほしい。使っているWebブラウザにおいてDojo 1.0.1、jQuery 1.2.1、Prototype 1.6.0、YUI 2.4.0、Protoculous 1.0.2の読み込み時間がどうなるかを調査してくれる。 しかも読み込み方法は通常のJavaScriptソースコード、キャッシュされたものとそうでないもの、Gzipで圧縮されたものとそうでないもの、YUI Compressorで最小化されたものと
【インタビュー】Firefox 4のJavaScriptは超速い! - John Resig氏、jQueryとTamarinを語る (1) Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え | エンタープライズ | マイコミジャーナル
米Mozilla、JavaScript EvangelistのJohn Resig氏 Adobe MAX Japan 2007やユーザコミュニティなど、いくつかの講演を目的として来日したJohn Resig氏に、将来のFirefoxで搭載されるJavaScript実装やjQueryについて所見をいただいた。John Resig氏はMozillaでJavaScript Evangelistを務める人物。jQueryのメイン開発者でもある。業務ではMozillaでJavaScriptコミュニティとの調整役を務め、夜間や週末はjQueryの開発に没頭している。同氏が見るJavaScriptの未来はFirefoxのみならず、ほかのWebブラウザにとっても重要なものだ。 Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え ちょうど1年ほど前の2006年11月7日(米国時間)、
OreScript時代の幕開け - yukobaの日記
先日、MozillaでECMAScript(JavaScript)の仕様を作っているJohn Resigさんが来日しました。 その際、1時間ほどのQ&Aの司会と、ライトニングトークでの発表を私させていたただきました。 その際、基調講演をしてくださった、etoさん（http://eto.com/d/PresenForJohnResig.html）のコメント。 こないだのJohn Resigによる講演の後に一緒に飲んだんですけど， その席で聞いた話がすんごく面白かったな． いろいろ面白かったんだけど，特にjquery2が面白かった． http://ejohn.org/apps/jquery2/ このURLなんですけど，コードはこんな感じ． <script src="http://jquery.com/src/latest/"></script> <script src="parse.js"><
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mleibman/SlickGrid: A lightning fast JavaScript grid/spreadsheet
dynatree - Project Hosting on Google Code