Mobile | JavaScript UI - w2ui
Overview Web 2.0 Touch is a concise JavaScript library for touch devices (iPhone, iPad, Android) or anything that runs on WebKit engine. Below is a short list of features. HTML5 and CSS3 Dynamic page loads Hardware accelerated transitions Several CSS themes EdgeToEdge and Rounded lists Native looking tabs Native looking buttons Regular and Modal Overlays Much more... This is an open source project
Browserhacks
What’s this? Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. Press the first letter of a browser to jump to the according section, like F for Firefox. How to? Pick the hack you want Copy it into your stylesheet Add the style you want between the braces Enjoy the new styles for the browser you targeted! Reminder! Please keep in mind using
LEGO® - Rendering test
LEGO® - Rendering test - WebGL(html5) Click and drag to spin. A test to render Lego in good looking way(Imho). With some postprocessing like SSAO(Screen space ambient occlusion) and FXAA(Fast approximate anti-aliasing), shadowmap and reflections. Might be a bit 'heavy' for weaker machines. Done using three.js. Note. You need a modern browser that supports WebGL for this to run the way it is intend
JavaScript Development Tools – JavaScript開発の効率アップ
Verify to continue To continue, please confirm that you're a human (and not a spambot).
jq
jq is a lightweight and flexible command-line JSON processor. jq is like sed for JSON data - you can use it to slice and filter and map and transform structured data with the same ease that sed, awk, grep and friends let you play with text. jq is written in portable C, and it has zero runtime dependencies. You can download a single binary, scp it to a far away machine of the same type, and expect
最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log
ほんとに10個だと思った？（無意味に煽っていくスタイル） 最近JSだけのリポジトリで無益なゲームを大量に作っては破棄しているのだけど、割とストレスなく出来上がってきたので書く。 長々と書くが、要は次のリポジトリに概要が詰まってる。 mizchi/mizchi_client_boilerplate · GitHub https://github.com/mizchi/mizchi_client_boilerplate 前提として、最近はCSJSでもnodeのインストールを前提とする環境が多い。必須といってもいい。 grunt gruntjs/grunt · GitHub https://github.com/gruntjs/grunt ビルドタスクを簡単に作れる。make、rake、などに相当するが、node製らしくファイルシステムの監視でアクションを作れるのが特長。$ grunt serv
Twitter製。大型Webアプリケーション開発にぜひ·Flight MOONGIFT
FlightはTwitter社の開発した軽量なコンポーネントベースのJavaScriptフレームワークです。 BootstrapのリリースでWebサービス開発のデザインに革命的なインパクトを与えたTwitterから次いで登場したのがFlightです。コンポーネントベースのJavaScriptフレームワークです。 デモのメーラー風アプリケーションです。 メニューが出たりメールの選択ができます。 新しいメッセージの作成ウィンドウ。フローティングです。 こんな感じのファイル構成になっています。 Flightではコンポーネントから別なコンポーネントを参照できるようになっていません。他のコンポーネントをサブスクライブし、アクションが起こった時に伝えてもらう仕組みになっています。一つのコンポーネントの一つのアクションから複数の別なコンポーネント呼び出しなども簡単に実現できるようになっています。 Fli
なぜGoogleはJSONの先頭に while(1); をつけるのか - Qiita
while(1);[['u',[['smsSentFlag','false'],['hideInvitations','false'],['remindOnRespondedEventsOnly','true'],['hideInvitations_remindOnRespondedEventsOnly','false_true'],['Calendar ID stripped for privacy','false'],['smsVerifiedFlag','true']]]] これ以外にもGoogleのサービスでは &&&START&&& とか while(1); &&&START&&& てのが先頭に入ってたりするんだけど、これは一体何？ 解答 これはクロスサイト・リクエスト・フォージェリ対策。 例えばGoogleが gmail.com/json?action=inbox というURL
jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話
jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome で
jQueryを使って国際化処理を行う·jquery.localize.js MOONGIFT
多言語に対応したWebサイトを構築する場合、サーバサイドで対応するのが一般的だった。例えばGetTextを使った国際化処理が有名だ。サーバサイドで処理をできるのは手軽な反面、言語ごとにリソースを消費してしまうのが問題だ。 JavaScriptで国際化を行う 結局のところ、国際化とは見た目の話でしかない。であれば見た目を操作するのに向いたJavaScriptで行わせるというのはあながち間違っていないかもしれない。 今回紹介するオープンソース・ソフトウェアはjquery.localize.js、jQueryを使った国際化ライブラリだ。 jquery.localize.jsはrel="localize[hoge]"といった要素で国際化する際のキーを指定する（この場合hogeがキーになる）。そして別途JSONファイルを用意し、hogeに対応した各国語の文字列を指定する。後は読み込み時にjquery
見えてきた「ECMAScript 6」。JavaScriptの生みの親が書く「Harmony of Dreams Come True」
見えてきた「ECMAScript 6」。JavaScriptの生みの親が書く「Harmony of Dreams Come True」 JavaScriptの標準仕様となっているのがECMAScriptで、最新バージョンは2009年12月に策定されたECMAScript 5th Editon。そして次のバージョンとなるECMAScript 6は、コード名「Harmony」もしくは「ES.next」や「ES6」と呼ばれています。 ECMAScript 6にはどのような機能が加わるのか、JavaScriptの生みの親であるBrendan Eich氏が、自身のブログに「Harmony of Dreams Come True」というエントリをポストし、その内容を紹介しています。PublickeyではEich氏の許可を得て日本語訳を掲載します。 （正確な翻訳に務めましたが、言語仕様やガベージコレクシ
C言語より高速なJavaScriptによるバイナリ操作が話題
JavaScriptなどのスクリプト言語は動作が遅く、最適なパフォーマンスを得るにはC/C++で実装しなければならないという常識に挑んだ先進的な講演が話題になっています。この話題の発端は2012年10月7日から10月8日までベルリンで開催されたJSConf.euでFelix Geisendörfer氏が行った講演です。 彼の講演の題材はnode.jsからMySQLに接続する為のバインディングのパフォーマンスに着目しています。2010年当時、node.jsにはMySQLのバインディングが存在しておらず、増井さん作のnode-mysqlモジュールが開発中の状態でした。このモジュールはJavaScriptでバイナリを解析しておりJavaScriptのみで開発されていました。この状況を受けてFelix氏が新たにnode-mysqlモジュールを新規に開発を始めました。このモジュールもJavaScri
niw.at — Base128
最近お遊びで JavaScript を書いていると気がついたら C++ を書いてるのはなぜか疑問に思っていたのですが、それは Node.js の拡張モジュールを作っていたからなのでした。 というわけで、しょうもないものができたので公開します。ついに npm デビュー★ Base64 とは Base64 とは、オリジナルのバイナリを 64 文字の可視 ASCII 文字、つまり大文字小文字英字52文字と数字10文字とあと + と / (余白を埋めるのに = も) を使って表現する方式で、例えば、オリジナルの 3 オクテットのデータ (24bit) は 4/3 倍されて 4 オクテット (32bit) になります。 結果、バイナリデータがクリーンな ASCII 文字で表現できるので可搬性が増したりします。 実際、そうはいっても + と / があるので、URL に入ってるとダブルエスケープされたり
グーグル、ブラウザからすぐに試せるJavaScriptベンチマークテスト「Octane」を公開
Webブラウザは、スプレッドシートやワープロのような複雑なJavaScriptアプリケーションや、地図のような複雑なグラフィックの表示など、さまざまな動作を高速で実行することが求められるようになりました。 グーグルはこうした複雑になってきたWebブラウザとその上で走るJavaScriptの実行速度を計測するための新しいベンチマークツール「Octane」を公開しました。ソースコードはオープンソースとなっています。 Octaneは複数の目的別ベンチマークを集めた統合ベンチマークのようなものです。これまでのV8ベンチマークに加えて、ClosureやjQueryのような一般的なJavaScriptライブラリをいかに高速に実行できるかを計る「CodeLoad」や、ゲームを高速に実行できるかを計るためにゲームボーイエミュレータを基にした「GB Emulator」、2次元の物理エンジンや3次元の物理エン
Device and Viewport Size In JavaScript
jQuery(window).width() uses document.documentElement.clientWidth and is regarded as cross-browser compatible. Directly using .clientWidth is faster and equally compatible. The tables below compare these live against the inner/outer methods to determine the most accurate method: verge wins because it normalizes browser nuances to accurately match @media breakpoints. width methods live output
JavaScriptのメモリリークを発見してくれるツール「Leak Finder」をグーグルが公開
ガベージコレクションの機能を備えるJavaScriptのような言語で開発されたアプリケーションでは、基本的にメモリリークは生じないはずですが、それでも回収されないメモリ領域がどんどん増えていくというメモリリーク的な状況は起こりえます。 leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. - Google Project Hosting メモリリークは最終的にはそのソフトウェアの動作を遅くしたり不安定にしますが、短期的には問題なく動作しているように見え、単純なテストでは症状が表れにくいため、発見は難しいものです。 グーグルはこうしたJavaScriptのメモリリークを検出してくれるツール「Leak Finder」を公開したことを、ブログ「Leak Finder: a new to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Canvas 円錐グラデーション - jsdo.it - Share JavaScript, HTML5 and CSS
Game Of Bombs
http://missile-game.googlecode.com/hg/missile.svg
Courses and Tutorials in HTML | Envato Tuts+
