Resumable.js: Fault Tolerant Resumable File Uploads in JavaScript - Badass JavaScript ファイルアップロードのレジュームをブラウザ上で行える「Resumable.js」。 HTML5のAPIを使ってこうしたことが実現できるようになるみたいです。 ファイルが大きくなり、回線も太くなりますがブラウザベースだと落ちちゃったらまたやり直しと回線も無駄ですし、何より時間のムダですね。 こういった機能が広まれば沢山の人の無駄を減らせそうです 動作ムービーは以下に。 何年後かには当たり前になっていてそんな時代があったの？ということになるかもしれませんね githubにてソースが公開されています 関連エントリ HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 HTML5のcan

Jeditable - Edit In Place Plugin For jQuery 様々なインラインエディタ実装に使えるjQueryプラグイン「Jeditable」 Flickrが実装して有名になったあのUIもプラグインで簡単にできるようになりました。 今回紹介するプラグインもその１つなのですが、クリックした位置をドロップダウンにしたり、インラインの一部分だけを編集したり、ダブルクリックをトリガにしたりするといったカスタマイズが豊富なのが特徴のプラグインです よくあるパターン 「Edit me!」をクリックすると。 selectボックスが表示されて選択肢から選ぶ形に。OKを押せばテキストが変更されます テキストまるごとではなくインラインでの編集も可能。 関連エントリ コンテンツの折りたたみを楽々実装できるjQueryプラグイン「jQuery Collapse」 レスポンシブなjQuer

もしあなたが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

Poshy Tip jQuery Plugin Demo Page 簡単コードで実装＆カスタマイズできるツールチップ実装jQueryプラグイン「Poshy Tip」 気になるデザインですが、以下のような良い感じのツールチップ実装ができます。 最小では、$(element).poshytip(); のように初期化するだけです。CSSを使ってデザインをカスタマイズもできるっぽい ツールチップは色々あるのですが１つの選択肢として覚えておいても良いですね 関連エントリ もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 シンプルなツールチップ実装ができるjQueryプラグイン「mTip」

About Locomotive Locomotive is a web framework for Node.js. Locomotive supports MVC patterns, RESTful routes, and convention over configuration, while integrating seamlessly with any database and template engine. Locomotive builds on Express, preserving the power and simplicity you've come to expect from Node. Read the Guide » Features MVC architecture Convention over configuration Expressive rout

js Message Custom notifications, alerts, confirmations This library was extracted from the code of DHTMLX suite. The library can be used under terms of MIT license (basically free). Only 4kb gzipped, without external dependencies.

TAGMATE!はTwitterやFacebookのテキストエリアのように#@$という接頭文字に対応してタグ化するライブラリです。 TwitterやFacebookによってテキストエリアの中に特定の記号を伴った文字を書くとそれがユーザやタグとして認識されるサービスが多くなっています。そこで類似の実装をする際に使えるのがTAGMATE!です。 #、@、$の後に書かれた文字列が自動的にタグとして認識されてハイライト表示されています。 @の場合は本名での補完機能がついています。 $は金額に反応します。 名前のタグだけ抽出できます。この時はユーザ名なのが面白いです。 同様にハッシュタグだけ抽出。 プライスタグはうまくアラートが出ませんでした。 全てのタグを抽出しました。 TAGMATE!は@#$のタグに対応しています。パースする条件は正規表現で指定できます。インラインのオートコンプリートにも対応し

A Photoshop PSD file parser in Javascript for NodeJS and the browser. View the Project on GitHub meltingice/psd.js Download ZIP File Download TAR Ball View On GitHub A general purpose PSD parser written in Coffeescript. Based off of PSD.rb. It allows you to work with a Photoshop document in a manageable tree structure and find out important data such as: Document structure Document size Layer/fold

Interactive geometry, plotting, visualization JSXGraph is a cross-browser JavaScript library for interactive geometry, function plotting, charting, and data visualization in the web browser. New March 2024: JSXGraph is available as Obsidian plug-in Since 2023: Examples database Upcoming events:

timeline.js timeline.js という非同期処理同士を連携させるライブラリを書きました ライブラリの主な目的は以下の2点です 1. 非同期処理同士の分離性を高めること 2. 連携状況をわかり易くすること 作った直接の理由は 「アニメAとBが終わったらCを実行して Cが終わったらXとYとZを1秒ずらして実行して その3つが終わったらムービー終了」 ・・・とこのような複雑な非同期処理の絡み合いを、後で読めるように書くためです なお、JSDeferred に超依存しています 使い方の例 var timeline = Timeline.factory(); var layer1 = timeline.createLayer(); var layer2 = timeline.createLayer(); var layer3 = timeline.createLayer(

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

Tweet Simplify.js (License: BSD, GitHub: mourner / simplify-js, npm: simplify-js) is a tiny high-performance JavaScript polyline simplification library by Vladimir Agafonkin, extracted from Leaflet, a JS interactive maps library of the same author. It uses a combination of Douglas-Peucker and Radial Distance algorithms. Works both on browser and server platforms. Polyline simplification dramatical

Font.jsは任意のフォントを読み込んでテキストを描き出すJavaScriptライブラリです。 Web上での好きなフォントを使ってテキストを描画したい、そんなニーズに応えてくれるのがFont.jsです。Imageオブジェクトに似た、Fontオブジェクトとして作るのが特徴です。 最初の表示です。ボタンを押します。 こんな感じでフォントを埋め込んで使えます。 TrueTypeフォントを使っています。 こちらはOpenTypeフォントの例です。 実際のコードです。 Googleの提供するWeb Fontsに似ていますが、独自のTrueTypeやOpenTypeフォントが使えるのが利点と言えそうです。フォントデータはAjaxで取得するので、使っていない場合は読み込まれません。描画幅を取得するメソッドがあるなど、面白い使い方もできそうなライブラリです。 Font.jsはJavaScript製、MI

jsdifflibはJavaScript製のテキスト差分表示ライブラリです。 テキストを扱うWebアプリケーションで便利そうなライブラリがjsdifflibです。JavaScriptを使って二つのテキストの差分を表示してくれます。 デモです。二つのテキストエリアにテキストを入力しました。 Diffボタンを押すと差分が表示されます。サイドバイサイドのビューです。 行の内容が違う場合は表示色が異なります。 インラインで差分表示もできます。 jsdifflibはPython製のdifflibと互換性のあるライブラリとのことで、差分解析をサーバサイドで行って結果を描画することもできます。表示色などはCSSで自由に編集可能です。 jsdifflibはJavaScript製、BSD Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサービスの基本はテキストコンテンツ

turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」

スポンサードリンク クオリティ高め（かわいい系多し）のフリーアイコン素材を膨大に扱っている海外サイト「Free Icons Web」をご紹介します。品揃えがすごいです。 Free Google Plus Icon Set Googe+のアイコン。かっこいい。 Social Networks Pro Icons ソーシャルメディア系やワードプレスのアイコンまで Free payments icons ショッピングサイトにも使えるクレジットカードのアイコン

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

アッド & コミット 変更されたファイルを選択します。 git add <filename> git add * を実行するとIndexに追加されます。 これは基本的な作業の一つです。 変更を実際に適用するには git commit -m "Commit message" を実行します。 変更がHEADに入りましたが、 リモートリポジトリには未だ入っていません。 変更のプッシュ この時点で、変更がローカルリポジトリのHEADに適用されました。この変更をリモートリポジトリに適用するには git push origin master を実行し、masterの代わりに適用のブランチ名を入れます。 もし既存リポジトリをクローンせずに使用した場合 git remote add origin <server> を実行すると、リモートリポジトリを登録する事が可能です。 これで変更を特定なリモートリポジト