Chai is a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.
Chai
Chai is a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.
Getting Started With Konacha: JavaScript Testing on Rails
Konacha is a testing tool for JavaScript applications running on Rails. Why Konacha? It’s very fast. It treats JavaScript like a first-class citizen: Your tests are written in JavaScript, call into JavaScript code, and inspect JavaScript objects. You can still trigger events, e.g. with jQuery, if you need to simulate user actions. It comes with support for the Rails asset pipeline. [1] It supports
JavaScript CSS Helpers
I spend a good amount of time looking at JavaScript framework source code. Regardless of which frameworks you have allegiance to, you can learn an awful lot by looking under the hood of widely used code collections. One of many handy snippets can be found within the MooTools source code: functions to camelize and hyphenate strings so that your own min framework can accept either form of CSS setter
Detect Orientation Change
Unless your mobile application allows for only portrait or only landscape views, there's a good chance you will need to adjust a few things. Even if you've built your layouts in a fluid fashion, you may need to programmatically make some changes. There are a few strategies for knowing when pages have changed, so let's check out how we can detect orientation changes on mobile devices. orientationch
地図や動画、Googleスプレッドシートとも連携する年表ライブラリ·Timeline MOONGIFT
Timelineは各種Webサービスのコンテンツを載せられる年表表示ライブラリです。 JavaScriptを使って格好いい年表（タイムライン）を表示したいならばTimelineを使ってみましょう。目を引くインパクトある表示が実現します。 上にコンテンツ、下に年表（タイムライン）が表示される仕組みになっています。 YouTube動画も埋め込めます。Vimeoにも対応しています。 Flickr画像です。 Googleマップです。 Twitterも表示できます。 SoundCloudです。 Googleスプレッドシートから取り込む機能もあります。 データです。JSONで定義するだけで使えます。 Timelineでは下に表示されている年表の中から項目を選ぶと上にある詳細に表示されるようになっています。歴史、個人の人生、ソフトウェアの遷移など様々なコンテンツが表示できそうです。時間の単位は拡大、縮小
地図の上に色々なレイヤーを重ねる·Stamen Maps MOONGIFT
Stamen Mapsは各種地図サービスに載せられるレイヤーを提供するソフトウェアです。 Stamenというサンフランシスコの開発/デザインスタジオが手掛けてきた地図表示に関するプロジェクトをオープンソースとして公開したのがStamen Mapsです。 トップページです。OpenStreetMapの上に3つのレイヤーが重なっています。 これはtonerです。白黒でコントラストが強く、はっきりとした表示になっています。 terrainは起伏の情報を盛り込んだ地図になっています。 embedリンクを押すと埋め込み用のタグが表示されます。 watercolorは水彩のようなタッチの地図になります。 地図を動かしてもレイヤーが自動で更新して表示されます。 こんな感じに重ねて表示できるのが面白いです。 Stamen MapsはOpenStreetMapの他、ModestMaps、Leaflet、Op
PanoJS3 - pure JavaScript viewer for huge images
PanoJS3 - An interactive JavaScript widget for panning and zooming a panoramic image stitched together dynamically from smaller tiles. This widget can be used for viewing images that are much larger than the available space in the browser viewport. Examples include panoramas, maps or high resolution document scans. Latest version: 3.0.0 Browser Compatibility PanoJS3 supports all modern major web b
curl.js AMD Loader
Today there are dozens of AMD JavaScript loaders available, the most popular being RequireJS. There are also lesser known JavaScript loaders like YepNope, $script.js, LABjs, and Dojo's new native loader. My favorite JavaScript loader, however, is John Hann (unscriptable)'s curl. While allowing for maximum configuration and reliable loading, curl also allows for loading of simple JavaScript files a
jscomplete-vim ちょっと賢くした(Addtive, Multiplicative Operator編 + α) - hogehoge @teramako
jscomplete-vim teramako/jscomplte-vim - GitHub ちょっとずつ賢くしてます。 +-*/%の演算子の演算を少し加えた。 ただし、数値の演算はかなり適当というか、Vim script に NaN がなく、演算が失敗する時は 0 が返る仕様っぽいため、JavaScriptでは NaN が返るような演算でも 0 を返す仕様(バグ)になっている。数値の演算はプライオリティが低いと見なして現在は放置。 よって、 var o = { NaN: "OK", }; o[10 * "a"]._ // ↑カーソル位置 の様なのは現状はまだ無理。 +αの修正 まず、jscomplete-vimがどんなことをやっているか書こう。 目標は適切なプロパティ名の補完にある。んで、プロパティ名が必要そうな場面は、.か[がある時になる。最終的にはグローバルオブジェクトのプロパティも
(pre) Hachioji.pm #14とFetchJSの話 - Charsbar::Note
8割方書き終えて放置されていた原稿が出てきたので貼り付けておくの巻。 すっかり遅くなってしまいましたが、(pre) Hachioji.pm #14に行ってきました。今回は（今回も？）ぎりぎりまで参加できるかどうかわからず、ハッカソンのテーマが存在していたことすら把握していなかったのですが、日中は3月末のQAハッカソンに向けた下準備の一環としてAcme::CPANAuthorsのサイトの拡充をしつつ、本編の方ではその過程でこさえたツールの話などをしてきました。サイトはいまのところ公開リポジトリにはあげておらず、ハッカソンの成果もまだブランチの中で熟成中ですが、ツールについてはgithubにあげてあるのでこちらにも簡単に書いておきます。 最近FetchJSというツールを書いて使っています。自分がウェブアプリを書くときに使うJSのライブラリをダウンロードしてきてアプリの静的ファイル置き場とおぼし
jscomplete-vim - hogehoge @teramako
https://github.com/teramako/jscomplete-vim 既存のvimに入っているautoload/javascriptcomplete.vimがアレだったので、もう少し賢そうなのを作りたいと思い、作り始めた。 初めてのVim scriptなので拙いコードだと思うけど。ある程度目的は達成できてきたと思うので、GitHubにアップしてみた次第。 .や[後のプロパティ名を補完することが目的。 そのために、ある程度の式をパースし、どんなオブジェクトが返るかを判断する。 "a,b,c,d" .split(",") .map(function(c){ return '"' + c + '"'; }) .join("\n") ._ // ↑カーソル位置 とある場合は、 "a,b,c,d" .split(",") .map(function(c){ return '"' +
#hero-unit
This Domain is NOT Suspended Anymore This domain has all already been restored and not Suspended anymore. If you are the registrant of the domain please update your nameservers so it resolves to your site. Este Dominio Ya NO Esta Suspendido Este dominio ya fue restaurado y no está suspendido. Si usted es el titular por favor actualice los nameservers para que resuelva a su página.
Mojitoフレームワークを試す
Apr 03, 2012 米国のYahoo!が開発していたMojitoが、JSConf US 2012の開催にあわせてオープンソースとしてリリースされました。Mojitoは、米国のYahoo!がCocktailsと呼ばれる自社クラウドを含む開発環境の一部として開発されたNode.js用のフレームワークです。サーバーサイドとクライアントサイド (ブラウザ) で同じコードを実行でき、マルチデバイス対応のための仕組みも実装されているのが主な特徴のようです。npmからもインストールできるようになっていたので、さっそくMojitoを試してみました。 さて、今回はNode.js v0.6.14とnpmがすでにインストールされているものとして進めていきます。まずはnpmからMojitoモジュールをインストールします。モジュールには専用のmojitoコマンドが含まれるので、-g オプションをつけてグローバ
Detecting Mobile Devices with JavaScript | A Beautiful Blog
While I understand and value the concept of feature detection over browser detection, sometimes the need for knowing whether or not we’re dealing with a mobile device arises. For in-depth device checking, you can rely on a complex library such as The MobileESP Project. But for simpler applications, the following snippet can be useful. var isMobile = { Android: function() { return navigator.userA
こいつはやべえ。JavaScriptでGithubリポジトリの読み込み＆書き込み·github.js MOONGIFT
github.jsはJavaScriptを使ってGitHubリポジトリの操作を行うソフトウェアです。 GitHubはWeb APIを公開している希有なソースコードリポジトリサービスです。そんなGitHubのAPIを使って作られたのがgithub.jsです。なんとJavaScriptだけでGitHubリポジトリのファイルを読み込んだり書き込んだりできます。 基本的な使い方です。 ファイルの読み込みです。 実際に書き込んだところです。書ける、書けるぞ！ Basic認証での利用なのでパスワードを記述しないといけないのがちょっと怖いですが、JavaScriptだけでGitHubリポジトリを操作できてしまうのはかなり面白いです。使い方次第でバージョン管理付きテキストストレージとしてかなり遊べそうです。 github.jsはJavaScript製、BSD Licenseのオープンソース・ソフトウェアで
Rainbow - Javascript Code Syntax Highlighting
Download Select what languages you want to include to build a custom package. Languages select all C C# Coffeescript CSS D Generic patterns Go Haskell HTML Java JavaScript JSON Lua PHP Python R Ruby Scheme Shell Smalltalk SQL CSS themes are available on GitHub. Download What is this? Rainbow is a code syntax highlighting library written in Javascript. It was designed to be lightweight (2.5kb), eas
たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」:phpspot開発日誌
Hammer.js たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」。 タップ、ダブルタップ、ホールド、ドラッグ、トランスフォームといった処理を一手に扱えるようになるライブラリです スマホだけでなく、かなりのブラウザにも対応 使い方は、まずHammerオブジェクトのインスタンスを初期化します。 あとはイベントハンドラを ontap といった形で記述していくだけなので、面倒な事は何一つ考えないでいいです 若干動きが良くない部分もあるみたいですが、今後に期待したいですね 関連エントリ スマホのホーム画面っぽいものを作れるjQueryプラグイン「Promptumenu」 スマホサイト作成のフレームワーク「iUI」が新しくなっている件 PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」 ス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firebase - Build Extraordinary Apps
Meteor
Graphene | Dashboard