Mobile webapps made easy. Download Get Started App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.

As of v4.0.0, the core code of Cropper is replaced with Cropper.js. I recommend you to use the jquery-cropper instead of Cropper. ×

envision - demos インタラクティブで高性能なグラフを描画できる「envision」 リアルタイムに描画したり、範囲を指定して拡大したり、といったグラフを実装できるようです。 リアルタイムに描画されるデモはなかなかカッコいい上に実用的です。 関連エントリ クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」 レスポンシブな円グラフが描画できる「Pizza Pie Charts」 水量・温度・メーター等、産業用のグラフを描画できるjQueryプラグイン「Industrial.js」

Parsley, the ultimate JavaScript form validation library Validating forms frontend have never been so powerful and easy. Get started today v2.9.2 Intuitive DOM API Like no other form validation library, simply write in English your requirements inside your form HTML tags, Parsley will do the rest! No need to write even a single JavaScript line for simple form validation. View example » Dynamic for

あけましておめでとうございます。NAVERまとめのフロントエンドを担当している縣です。初詣で引いた大吉のおみくじを握りしめながら今年も張り切っていこうと思います。 今回はJavaScriptの遅延ロードの仕組みをNAVERまとめに導入した際のお話を紹介します。 遅延ロードの検討 昨年NAVERまとめのまとめ閲覧ページや、まとめ編集ページでのJavaScriptファイルの読み込みを遅延ロード化する作業をしました。元々はページ読み込み時に全て読み込ませていましたが、JavaScriptファイルが巨大になってきてパース・実行に時間がかかるようになったことから遅延ロードを検討することになりました。 遅延ロードの利点というとJavaScriptファイルの読み込み・実行によるブラウザのレンダリング停止を防ぐのはもちろんですが、どのファイルがいつどこで必要になるかを明確にすることもでき、依存関係を動的

iOS.jsはiOS対応のWebサイトを作る際に役立つ機能を提供するJavaScriptライブラリです。 iOS向け最適化サイトを作る際には二種類の方法があります。jQuery MobileやUiUIKitのようなテーマを使って作っていく方法と、フルスクラッチです。もしフルスクラッチで作っていくならば一緒に使ってみてほしいライブラリがiOS.jsです。 通常だとこんな感じに表示されてしまうページが… iOS.jsを通すことでマックス表示にできます。 こんな感じに重なってしまうページも… iOS.jsを通すと適切に分かれて表示されます。 その他、こうやって画面サイズの取得もできます。 iOS.jsではその他、Webアプリモードとして動かしている場合はリンクのターゲットを指定してMobile Safariに飛ばないようにしたり、iOSデバイス限定のスタイルシート設定を加えられたり、iPhone

Ice.jsはWebブラウザ上での入力に対して変更履歴を取ってくれるJavaScriptライブラリです。 ニューヨークタイムスが開発したエディター向けソフトウェアがIce.jsです。テキストエリア内の修正点をトラッキングし、色付けして表示してくれます。 これが最初の表示です。変更、追加、削除されているテキストが色づけ表示されています。 変更を適用した結果がこれです。 Tinymceと組み合わせて使えます。ボタンとして機能が組み込めます。 ボタンを使って変更を適用、非適用を選択できます。 全体を一括適用したり、適用済文書を確認することもできます。 Ice.jsを使うためには変更個所に予めカスタム属性を設けて描画する必要があります。その中には誰がいつ変更したかと言った情報が必要なようです。元々Ice.jsを使って文章を作成し、管理していれば気にすることはないでしょう。しかしそうしたコンテンツ管

Humble software development provides JavaScript, HTML5, Canvas and information search and retrieval software development.

もしあなたがWeb開発者なら、<span>どうやって<code>&lt;noscript&gt;</code>のコードをWebページに導入するかの<a href="#developer" id="devinfo">説明を参照してください</a>。</span> Google Chrome Webブラウザーのメニューから"Customize and control Google Chrome"をクリックし、"Settings"を選択して下さい。 "Settings"というセクションにある"Show advanced settings..."をクリックします。 "Privacy"内の"Content settings..."をクリックします。 ダイアログ・ウィンドウが開いたなら"JavaScript"というセクションを探し、"Allow all sites to run JavaScript

ajaxを使用してデータベースの情報を表示する仕組みは一般的になってきたと言ってもいいと思いますが、 そこまで手をかけたくない小規模の案件も多いですよね。 そんな時に使えそうなのが、CSVをJSONに変換してくれるJavaScriptライブラリ「csonv.js」です。 CSVデータさえアップロードしてもらえば、常に最新の情報を表示する事ができるようになりますよ。 CSVの形式 CSVの作り方には制約があり、最初の行はキー名にする必要があるようです。 データは2行目以降でなければいけないようですね。 文字列の中に,(カンマ)を使いたい場合には、;（セミコロン）区切りでもOKなようです。 使い方 使い方はいたって簡単でCSVのパスを指定するだけです。 var members = Csonv.fetch("path/to/csv/family.csv"); var result = JSON.

1 2 3 4 56 7 8 9 1011 12 13 14 1516 17 18 19 2021 22 23 24 25 function file_exists (url) { // Returns true if filename exists   // // version: 1009.2513 // discuss at: http://phpjs.org/functions/file_exists    // +   original by: Enrique Gonzalez // +      input by: Jani Hartikainen // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) // %        note 1: This function uses XmlH

プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。（もっときれいに書けとか何そのコードとかも歓迎） 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク