サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
datepickerって何がいい？？ 昨年末からWebアプリケーションを作成していて、dateapickerの機能が必要になり、どのライブラリを使おうかと、色々と調べていたところ、pickadate.jsのdatepickerが最高だったので、概要と簡単な使い方を共有したいと思います。 datepickerライブラリのまとめ [結局、どのdatepickerが一番使い勝手がよいのか] (https://qiita.com/knt45/items/6d74f6785cd4547ae53b) - @knt45 さん ※参考にさせてもらいました pickadate.jsの概要 【実装できるdatepicker】 インストール pickadate.js インストールを実行すると以下のファイル群がインストールされ、その中から以下のjsファイルと、cssファイルを読み込ませます。 pickadate.
query_plugin_authoring_ja.md 元文書: Plugins/Authoring - jQuery Wiki(t) プラグイン/作成 jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です！プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基本的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。 目次 さあはじめよう コンテキスト 基本 メソッドチェーンの維持 デフォルトとオプション 名前空間 6.1. プラグインのメソッド 6.2. イベント 6.3. データ 概要とベストプラクティス 翻訳 さあはじめよう jQueryプラグインを書
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). Importantnote: This jQuery plugin is deprecated, only critical orsecurity bug fixes will be released in future. Use native <dialog> element if you need a basic dialog/modal/popup, or my PhotoSwipe library if you need an advanced image
Magnific Popup を使ってみる CATEGORY: jQuery | TAG:Googlemap, Lightbox, Youtube, プラグイン, レスポンシブ 2014年2月7日 Youtube の動画を Lightbox のようなモーダルウィンドウで表示できるプラグインを探していたところ見つけた「Magnific Popup」。レスポンシブ・デザインに対応している上に機能も豊富でGoolemap なども表示可能。使い方などに関するメモ。 目次 Magnific Popup のダウンロードと読み込み Magnific Popup を「配布ページ」からダウンロード（ページ右側の「DownloadZIP」から） ダウンロードすると「dist」というフォルダがあるのでその中の「jquery.magnific-popup.min.js」と「magnific-popup.c
読む：3分 試す：15分 はじめまして、4月にアシアルへ入社した噂の好青年こと高橋です。 今日はjQueryUIを使ったオシャンティなソートを紹介します。 まずはデモをご覧ください。 「こんなメンド・・・大変そうなUIできるかなぁ？」 心配ご無用！jQueryさんはやってくれます！！ まずは必要なソースを準備します。 下記からそれぞれ最新版をダンロードしてください。 http://jquery.com/download/ （24/7/19時点で ver 1.7.2） http://jqueryui.com/download （24/7/19時点で ver 1.8.21） ファイル構造・読み込み等は割愛します。 今回覚えるべき、たったひとつのシンプルなキーワード 「sortable」 まずはHTMLいきます <table class="table table-striped table-b
About Add datepicker picker to field or to any other element. can be used as a component formats: dd, d, mm, m, yyyy, yy separators: -, /, . Download Changelog 12/3/2013 Fixed bug where date selection from previous and next year was wrong Fixed bug where a variable was polluting the namespace 10/3/2013 Changed so the value will not be set unless the user chooses a date 16/2/2013 Fixedit to work
bootstrap-datepicker¶Bootstrap-datepicker provides a flexible datepicker widget in theBootstrap style. Requirements¶Bootstrap 2.0.4+ jQuery 1.7.1+ These are the specific versionsbootstrap-datepicker is tested against (js files) and built against (css files). Use other versions at your own risk. Dependencies¶ Requiresbootstrap’s dropdown component (dropdowns.less) for some styles, and bootstra
bootstrap-datepicker sandbox αlphα Use the form below totweak the options; results and code appear in realtime below. As you change options, your address bar will update to reflect the current configuration (requires a browser with history.replaceState support). This url can be used to link to the sandbox with the given configuration pre-loaded. Download 1.9.0 Download Development (master) Type:
This project is registered as a Bower package, and can be insalled with the following command: $ bower installbootstrap-timepicker You can also download our latest release (and any previous release) here. <!DOCTYPEhtml> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" href="css/bootstrap.min.css" /> <link type="text/css" href="css/bootstra
Get started any way you want Jump right intobuilding withBootstrap—use the CDN, installit via package manager, or download the source code. Read installation docs Install via package manager InstallBootstrap’s source Sass andJavaScript files via npm,RubyGems, Composer, or Meteor. Package-managed installs don’t include documentation or our fullbuild scripts. You can also use any demo from ou
今回はフォームで使用するSelectタグを拡張するJSを試してみる https://github.com/ivaynberg/select2 http://ivaynberg.github.com/select2/ サポートしているブラウザ IE 7+Chrome 8+ Firefox 3.5+ Safari 3+ Opera 10.6+ ライセンス Apache License と GPL License のデュアルライセンス 使用方法 select2.cssとselect2.jsを読み込む必要がある ■ 通常のセレクトHTML<select id="e1" class="populate placeholder"> <option value=""></option> <option value="北海道">北海道</option> <option value="青森県">青森県<
If you’re planning to apply for or renew your US passport in 2025, you need to know that the digital passport photo you submit isn’tjust any photo.It’s a critical part of your application becauseit’s used to verify your identity throughout your travels. Having a photo that meets official specifications helps avoid delays, rejections, or even application denial. Imagine waiting weeks only to fin
日本語をタイピングして変換しているようにアニメーションできる jQuery プラグイン jaTicker をリリース！2011-12-08 jquery.jaticker.js はjquery.jaticker.js は日本語のにほんごの変換アニメーションにへんかんあにめーしょんに対応した、たいおうした、ティッカーのてぃっかーの jQuery プラグインです。ぷらぐいんです。文字列をもじれつをタイプしている風にたいぷしているふうに順に表示する事がじゅんにひょうじすることが出来ます。できます。 画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」:phpspot開発日誌 で紹介されていた jticker を見た時に、 「カッコイイ！…けど、違う。おれたちの使ってる日本語は漢字仮名交じりの文章なんだ。変換もアニメーションしてなんぼでしょ？日本語の変
注意※Twitterのツイート数の取得のコードについて この記事のコードでは後日、ツイート数の取得ができなくなるとご指摘いただきました。確認したところ2013年5月7日に行われるTwitterの仕様変更によりツイート数の取得ができなくなってしまいます。（それについての記事）その他はてブ、いいね数のコードにつきましては正常に動作します。問題のコードはサンプルとして残しておきますが、ご利用の際はくれぐれもご注意ください。今回の件についてご指摘くださった方々に御礼申しあげます。そして、すべてのユーザーの方々に不確かな情報を提供してしまったことをお詫び申しあげます。 さらに追記※TwitterAPIの仕様変更についてTwitterAPIの仕様変更後もこのコードで動作し続けています。もともとAPIのリファレンスにも載っていませんしいつ仕様が変更されるかわかりません。ご利用の際はくれぐれも気をつ
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみるHTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
あらすじ あなたはとある業務用 Web アプリケーションの開発・保守を任されています。 このアプリケーションはASP.NET を用いて作成されており、 クライアントサイドは一部 jQuery を利用してナウなヤングにバカウケのUI を実装しています。 さて、今回は 商品情報の変更履歴を一覧表示する。一覧から2つのバージョンを選んで差分を表示できるようにする。 という機能を実装することになりました。 これ自体はちゃちゃっと実装し、以下のようなHTMLが生成されるようにしました: ... <table> <tr> <th>A</th> <th>B</th> <th>変更日時</th> <th>変更者</th> </tr> <tr> <td><input type="radio" name="new_version" value="9"/></td> <td></td> <td>2012-0
Navigate the physical jQuery code to see what, where, and how the magic happensHome The Deconstructed series is designed to visually and interactively deconstruct the internal code ofJavaScript libraries, including jQuery, Prototype and MooTools.Itbreaks the physicalJavaScript into visualblocks that you can easiliy navigate. Eachblock opens to revealits internal code. Clickable hyperlinks a
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデー
The other day I was trying to styleCSS3 border-radius to image element and I realized that Firefox doesn’t display border-radius on images. Then I figured a way to work aroundit — wrap a span tag around with the original image as a background-image. Thanks to Darcy Clarke for the jQuery code which does the magic tag wrapping automatically. View Demo Rounded ImagesGoal Mygoal to use theCSS3 bo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
