ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/d23367d60b0a6d84d08084628942db523de5f8bd/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2011%2F07%2Fsmoke.png)
パスワード入力欄に必須!キーボードのCAPS LOCKがONかどうかを調べられるjQueryプラグイン 2011年07月05日- Caps Lock jQuery Plug-In キーボードのCAPS LOCKがONかどうかを調べられるjQueryプラグイン パスワードの入力の際なんかにCAPS LOCKがONになっていると正しいパスワードを入れたつもりがちゃんとはいってないなんていうことも結構ありますね。 そのような問題を解決するのがこのプラグインです。jQueryでその状態をチェックし、アラート等を表示することが出来ます 例えば次のように設定すれば、input type="password" の場合でCAPS LOCKがONの場合にalertをあげられます。 デモページはこちら 関連エントリ 独自デザインselectボックス実装時に使えそうなjQueryプラグイン「EasySelect
jQueryMobileでのフォームバリデー ションに関して調べ物をしたのでメモ。 実装した事が無かったのですが、も しかしたら近いうちに使うかもなので 動作テストしてみました。バリデーシ ョンには他プラグインを使います。 結論から言えば非モバイルサイトのバリデーションの方法となんら変わりませんでした。一安心、みたいな記事なのでなんだかすみません。 コード<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>当たり前ですけど、まずは本体とJQMを読み込む。 バリデーションはjQuery Validationです。日本語ローカライズはg
HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 2011年05月26日- DESKTOPIFY Aquaron HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 このライブラリを使うことで簡単にjquery風の記法でデスクトップ通知が出来るようです 試しに、入力して送信してみると。 という具合にChromeだと表示されます。 通知していいかどうかも聞かれるのでそこを一度許可すれば、便利な通知として使えます。 LightBox的通知もいいですが、わかりやすさでいえばこちらもいいですね。 関連エントリ JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 ブラウザに分かりやすい通知を送れるスクリプト色々 利用者に対し非常に分か
jQueryなど他のスクリプトに依存せずに動作する、アニメーションで表示する通知パネルを実装するスクリプトを紹介します。 Humane JS デモページ [ad#ad-2] 上記デモの「Welcome Back」の通知パネルは、下記のスクリプトで実装されています。 JavaScript humane("Welcome Back"); 通知パネル内のテキストにはHTMLも使用可能で、スタイルシートを利用することも可能です。 JavaScript humane("<p style='color:red'>Invalid Username and/or Password</p>"); [ad#ad-2] スクリプトのオプション スクリプトのオプションでは下記を設定できます。 通知パネルの表示時間 表示時間終了後、マウス・キーボード操作があるまで表示 新しい通知パネルがすぐに表示されるかどうか 対
アラートボックスやダイアログボックスのスタイル、コンテンツ、ポジション、機能性を簡単にコントロールできるシンプルで軽量なjQueryのプラグインを紹介します。 apprise('Hello', {'animate':true}); アニメーション表示のアラートボックス サイトでは他にも多くのデモがあります。 Appriseの対応ブラウザ テスト済みのブラウザは、下記の通りです。 Chrome 8.0+ Firefox 3.0+ Safari 4.0+ Internet Explorer 9.0 Appriseの実装 外部ファイル スクリプト「jquery.js」「apprise.js」とスタイルシートを外部ファイルとして指定します。 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"
Facebookページのiframeタブページにアクセスすると、コンテンツが表示される代わりに、「通常の接続(http)に切り替えますか?」と表示される事象があるようです。ということで本エントリーでまとめてみました。 1.問題点 セキュアな接続(HTTPS)でFacebookにアクセスしている状態でiframeタブページにアクセスすると、次のようなメッセージが表示される場合があります。 通常の接続(http)に切り替えますか? Facebookをセキュアな接続(HTTPS)でご利用の場合、このコンテンツを表示することができません。 一時的に通常の接続(http)に切り替えますか? ログインし直すとセキュアな接続に戻ります。 実際の画面 「続行」をクリックすればコンテンツが表示されます。 「続行」をクリックしたあと、ログアウトして再度ログインすると、再びセキュアな接続でFacebookにアク
PCの画面上に表示されている文字列をコピーして、オフィス文書やメールなどに貼り付けたい時がある。操作手順書を作成する場合や、ソフトなどのサポートを受けるためにエラーメッセージをコピーしたい場合だ。 もしこれがWebブラウザ上に表示されている文字列ならふつうに範囲選択してコピーすればよいが、これがダイアログボックスだとそうはいかない。短い文章なら手入力で打ち直してもよいが、長文になると面倒だし、打ち間違いのリスクもある。 こうした場合に使ってみたいソフトが「ポイント位置の文字列取得」だ。このソフトがあれば、普通の方法ではコピーできないダイアログボックス上のテキストをコピーし、メモ帳などに貼り付けられる。 使い方は簡単で、ソフトを起動して「開始」ボタンを押したのち、対象となるダイアログのテキスト上にマウスポインタを重ねるだけ。重ねるとほぼ同時にテキストデータが抽出されてソフトの画面上に表示され
HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 2011年04月08日- Test HTML5 Desktop Notification Plugin HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」。 画面の右下にポップアップ通知を出す機能がHTML5であるみたいですが、それをjQueryで超簡単に実装するプラグイン。 jQueryで実装することで、とりあえず次のように簡単に実装できます。画像のパスなんかも指定してアイコンを設定出来ます。 $.jwNotify({ image : 'path-to-image-file', title: 'title-to-be-shown', body: 'body-of-the-notification', timeout:
Movable Typeのブログ記事投稿画面・ウェブページ作成画面の公開ボタンの動作を変更するPublishButtonChangerプラグインを公開します。 このプラグインはMovable Type 5.0x版の「PublishButtonChangerプラグイン」をMT5.1以降用に全面改修したものです。 1.機能 ブログ記事・ウェブページ作成画面で次の動作を行う場合、確認のダイアログを表示します。「OK」をクリックすればクリックしたボタンの動作を継続し、「キャンセル」をクリックすれば中止します。 新規作成→「公開」をクリックしたとき 未公開(原稿)状態→「公開」をクリックしたとき 公開状態→「更新」をクリックしたとき 公開状態→「保存(=下書きに戻す)」をクリックしたとき 新規作成→「公開」をクリックしたとき/未公開(原稿)状態→「公開」をクリックしたときのダイアログ 公開状態→「更
Continuing on our quest for building customizable alternatives for browser's controls, this week we are building a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked. HTML Although we are mainly concentrating on the confirmation dialog, lets first say a few words about the page
設置が簡単で、オプションも豊富に用意されカスタマイズ性にも優れた、メッセージのパネルをアニメーションで表示・非表示するjQueryのプラグインを紹介します。 パネルを消去するには、「Close」ボタンをクリックします。 デモは他にも二つ公開されています。 デモページ:2 クリックでパネルを表示。 デモページ:3 クッキー対応、初回のみパネルを表示。 Easy Notificationの特徴 マークアップは非常にシンプル、しかもカスタマイズ性は強力 あらゆるエレメントに設置が可能 トリガーとなるイベントは、クリックやページロードなどに選択可能 クッキーを使用して、一度だけ表示することも可能 不必要に繰り返し表示しません。 [ad#ad-2] Easy Notificationの実装 パネルのHTML パネルはシンプルなHTMLで生成されます。 <div id="easyNotificatio
昨日、MTQで「ブログ記事の公開ボタンを間違って押してしまうことが多々あるので、改善してほしい」といった要望がでていました。 私も、まだ公開するつもりでなかったのに、間違って公開ボタンを押してしまったことが何度かあります。 そこで、ブログ記事/ウェブページの公開時に確認メッセージを表示するプラグインを作ってみました。 1.インストール プラグインは以下からダウンロードすることができます。 ConfirmPublish_1_01.zip Zipファイルを解凍すると、「plugins」というフォルダができます。 このフォルダを、Movable Typeのインストール先にアップロードします。 2.表示するメッセージ このプラグインをインストールすると、以下のタイミングで確認メッセージが表示されます。 下書きのブログ記事/ウェブページの編集画面で、「公開」ボタンをクリックしたとき 公開済みのブログ
jQuery is one of the most popular Javascript framework out there. It is very easy to use and full of cool features. It can be hard for us to know how to use the code and create amazing stuff using jQuery. So, developers decided to release and create plugins to help us fulfill this task by making it easier for us. Here’s that awesome list of the best jQuery plugins that will help you add beautiful
A/Bテスト 5 Ads Data Hub 1 AdSense 5 AdWords 19 AdWords 連携 21 AMP 4 Analytics 1 Analytics 基本 5 API 2 BigQuery 11 Cookie 1 CPA 1 DCM 1 DFP 3 DoubleClick 11 DoubleClick Campaign Manager 1 DoubleClick for Publishers 3 e コマース 2 Firebase 8 Firebase Analytics 4 Firebase 向け Google アナリティクス 2 ga.js 2 GA4 12 GACP 18 GCP 1 Google Ads 1 Google Cloud Platform 1 Google Consumer Surveys 2 Google Insights for Search
CSS3対応ブラウザではより美しく、非対応ブラウザでもそれなりに美しいアイコン付きのツールチップを紹介します。
A full featured web application framework with an advanced object-relational mapper, extensive method hooking functionality, an advanced package management system (like those found on Linux), and MVC architecture. It emphasizes speed and flexible/extensible structures. Features Advanced Package ManagementContent Management SystemPoint of SaleInventory ManagementCRM and HRMFull CalendarUser and Gro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く