scrollnav.js
A small, dependency free JavaScript plugin for auto generating and tracking single page navigation (aka a Table of Contents) Get started View the demos Features Simple setup Pass your page’s content to scrollnav and it will generate the navigation and track scrolling automatically. Fully customizable All the styling is up to you, make scrollnav look and behave however works best for your project.
プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」
プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」 Webサイト閲覧中によく見かけるプログレスバーですが、最近は動きや形も様々で遊び心のあるものも増えてきています。そんな中今回は、プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」の紹介したいと思います。 Animated Goal Progress Bar jQuery plugin ベーシックなものから、ちょっと変わったものまで9種類のプログレスバーがピックアップされています。 詳しくは以下 ProgressBar.js – Progress bar
HTML5 Sortable
HTML5 Sortable is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API. DEPRECATION NOTICE This project is not mantained anymore. I recommend using RubaXa's Sortable or voidberg's fork instead. Why another sortable plugin? Because it's better. Well, If you want to read the whole story read it here. Features Less than 1KB (minified and gzipped). Built using native
【JavaScript】ドラッグ可能な横スクロールを実現するkinetic.js【プラグイン】 « JavaScript « 技術ブログ « 株式会社プロネット | WEBシステム開発20年以上の実績
こんばんは。 今日はjQueryのプラグインの紹介になります。 ドラッグ可能な横スクロール画面を作る際便利です。 GitHub 環境 chrome 47.0.2526.111 IE 8,9,10,11 FireFox 43.04 で動作確認済みです。 デモ 外部サイトです。 デモ 使い方 まずは、全画面横スクロールにしたいので横幅が大きいブロック要素を作りましょう HTML <div id="scroller"> <div id="inner"> <!-- content --> </div> </div> CSS body,html { height:100%; min-height:100%; } #scroller { width:100%; min-height:100%; overflow: hidden; } #inner { width:5000px; } こんな感じで。 あ
jQuery LoadingOverlay - Gaspare Sganga
IT Manager, GIS Analyst & Lead Developer @setin. Freelance Developer & Consultant. A flexible loading overlay jQuery plugin Contents Quick Demo Get it Features Methods Actions Options and defaults values Animations Examples History Comments and Ideas Quick Demo Try jQuery LoadingOverlay! Get it GitHub View project on GitHub or download the latest release. npm npm install gasparesganga-jquery-loadi
2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選
毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。 デモページ Choreographer-js 「choreographer」は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。 デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え
BeautyTips Demo Page
BeautyTips is a jQuery tooltips plugin which uses the canvas drawing element in the HTML5 spec to dynamically draw tooltips (sometimes called "talk bubbles" or "help balloons") associated with a html element on the page. These tips are highly configurable and can be triggered in many different ways. The canvas element is supported in modern versions of FireFox, Safari, and Opera. However, Internet
Select2 4.0.0 jQueryプラグイン 新バージョンここがすごいよ - Qiita
先日jQueryで使えるドロップダウン代替プラグイン5選でご紹介したSelect2プラグインですが、もうすぐメジャーバージョンアップを控えていて、この記事を作成している現在リリース候補版となっています。 Select2 https://select2.github.io/ ここで新バージョンがどのように改善されているのかいくつかご紹介したいと思います。 公式ドキュメントからの情報をまとめています。 コードのフルリファクタリング これまで3年間維持してきたコアのコードを全て書き直したとのこと。 ソースの見やすさやパフォーマンス向上が期待できますね。 後方互換性ももちろん持たせているそうです。 新しいプラグインフレームワーク プラグインを簡単に実装しやすくするためにアダプタシステムが用意されています。 本体に手を入れずに気軽に拡張できるのが良さそうですね。 代替input要素の排除 これまで、
HTML + CSS + JavaScript で簡単に導入できるdatetimepicker の比較｜TechRacho by BPS株式会社
2014.10.15 HTML + CSS + JavaScript で簡単に導入できるdatetimepicker の比較 最近MBA 買ったんですけど、ずっとドザーだったので全然慣れないshibuso です。トラックパッド使うと指が痛くなって泣ける…。 さて、今回は無料で公開されているdatetimepicker についてまとめたいと思います。datetimepicker と聞いてピンと来ない人は、フォームをクリックするとカレンダーが表示されて、そこで日時を選ぶ機能と思ってもらえば大体合ってます。少し前までプルダウンで年月日を選ぶのが普通だったのに、色々と便利になってきています。 とはいえdatetimepicker はまだあまり選択肢が無いように感じます。私の検索の仕方が悪いのかもしれませんが、日付のみを選択できるdatepicker の方が多いかと。そんな中、今回はdatetime
DateTimePicker - XDSoft plugins, scripts, program, parsers
PeriodPicker or TimePicker or PeriodDateTimePicker Try another perfect period picker or cool datetimepicker. Used TimePicker or perioddatetimepicker Compact mode like this datetimepicker mode or cute timepicker (touchable,draggable,use keyboard and mousewheel, support mobile devices). Read more Buy and Download Read more ... How do I use it? First include to page css and js files <!-- this should
jQuery Validation Plugin | Form validation with jQuery
This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. It makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate something into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation
jQuery Validation Plugin で正規表現を使う｜オンラインゲームエディタを作る@Dr.マリ子研究所
オンラインゲームエディタを作る@Dr.マリ子研究所 RPG JS/HTML5で実現する 「ブラウザで作れる」「ブラウザで遊べる」「みんなで作れる/遊べる」サービス<STRIKE>を妄想</STRIKE>の開発状況を 架空のキャラクター目線でつづったブログです。 ブログ画像一覧を見る « タイヤフォンに変え･･･ 記事一覧 request.g･･･ » jQuery Validation Plugin で正規表現を使う 2012年01月22日 01時53分39秒 テーマ：研究日誌 「jQuery Validation Plugin で、 標準で用意されているメソッド以外のチェックを行う方法の備忘録です」 「このプラグインを使えば、 自前のJavaScriptメソッドでゴリゴリやらなくても、 フォームのボタンを押したときに、入力値のチェックを行えるわけね↓」 「ええ、"文字数"、"数
高機能ライブラリ「jQuery」とそのPlugin「Validation」 - すぎゃーんメモ
非常に高機能で便利なJavaScriptライブラリとして評判の「jQuery」をちょっと触ってみた。 jQuery Pluginが豊富に存在する、というのも人気の理由のようで。 formの入力チェックをしてくれる「Validation Plugin」というものを使って試してみた。 bassistance.de » jQuery plugin: Validation 忘れてしまわないうちにメモっておこう。 最も簡単なサンプル それぞれ上記リンクからダウンロードして、「js」というディレクトリに放り込んでおいた。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title</title> <script type="te
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テキストを部分的にアニメーションしながら交換できる「jQuery Text Rotator」:phpspot開発日誌
ドラッグ＆ドロップで調整できるタイムテーブルUI「jq.Schedule」:phpspot開発日誌
Animate Css Jquery
本をめくるようなエフェクトを実装できるjQueryプラグインまとめ！
http://www.hp-stylelink.com/news/2015/02/20150217.php
http://www.hp-stylelink.com/news/2014/12/20141217.php
jQueryで使えるドロップダウン代替プラグイン5選 - Qiita
