Sencha Touch 2.1 のチュートリアルを書きました！
（12/23追記: リンク先にあるチュートリアルを書き直しました） 開発部 川野です。今週月曜日に Sencha が発表した「Fastbook」が、すごい話題になっていますね！この投稿を書いているのは午前3時なのですが、こんな遅い時間にも関わらず、関連のツイートがたくさん飛び交っています。 Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック 私も早速触って、その驚異的なスピードに感動しました。「もしや、空前の Sencha Touch ブームが来るのでは！」と期待に胸をふくらませています :p Fastbook の衝撃をきっかけに、「Sencha
microbenchmarks fairy tale
Imagine for a moment that you are a modern day hero. A prince or a princess adept in JavaScript programming traveling through enchanted world and searching for the World’s Salvation, the Ultimate Love or the well guarded recipe of Siberian dumplings. Sooner or later you encounter a merciless Sphinx who asks you the simplest question you’ve ever heard in your life: “What is the cost of accessing th
JavaScript Physics Engines Comparison - Build New Games
In this article we will take a look at three popular Javascript physics libraries and one that is currently in development: box2dweb, Ammo.js, JigLibJS, and Cannon.js. For each one, a quick introduction will be given and then the library will be rated based on ease of use, performance, and feature set. Though it is possible to run any of these libraries without a visual representation, that isn’t
jQuery Spellchecker demos
Overview The jQuery spellchecker is a lightweight plugin that can be used to check the spelling of text within a form field or within a DOM tree. Choose a demo HTML Textarea Drivers Languages Multiple fields MarkitUp jHtmlArea Bootstrap-wysihtml5 Redactor TinyMCE CKEditor Basic demos HTML using PSpell Multiple fields Textarea using Google Textarea using PSpell
JavaScript Code Analysis with Esprima - Marakana
As applications get more complex, the underlying systems will get harder and harder to maintain and manage. JavaScript's tools aren't keeping pace, and that's a problem. Ariya Hidayat spoke to the San Francisco HTML5 Usergroup about this highly performant, extensible JavaScript parser with features designed to improve code inspection, static and dynamic analysis, and source transformation. Working
text-hatena.js を GitHub に移動した
2005 年ごろに作成して放置していた text-hatena.js について、twitter で @nitoyon さん、2005年くらいのtext-hatena.js をGitHub等に公開は可能でしょうか？ tech.nitoyon.com/javascript/app… — テラまこさん (@teramako) 12月 17, 2012 というツッコミを受けたので GitHub で公開してみました。 nitoyon / text-hatena.js - GitHub いま text-hatena.js のコードを読み返すと、グローバルな名前空間を汚染してたり、Object.extend() を定義してたりと、いろいろ酷い。 当時は今に比べると JavaScript の知識も浅かったが、浅いなりに prototype.js のコードを読んだり、真似したりして勉強していたことを思い出し
Collection View
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名（コールバック）の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
CSSの変化をアニメーションさせるtransitionについてまとめたよ。（CSS おれおれ Advent Calendar 2012 – 22日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 22日目 (ヽ´ω`) oO( また日が昇ってからの更新になってしまった……。 ) 前提：CSSにおけるアニメーションは以下の二種類あります。 Transitions … 変化するもの Animations … 動き続けるもの 今回は前者について取り上げます。後者もいずれ。 概要 transitionは値の変化をアニメーションさせる、という事を指定するものです。 例えば青色をしたリンクにマウスカーソルを乗せると赤色になる、というような場面で、その変化を時間を付けて行わせる事ができます。 常に動き続けているようなアニメーションは、animateの方の領分です。 使える場面 あくまで「変化」を対象にしているため、何らかの（主に利用者の）操作が必要です。 なので、変化する状態を示す擬似クラス（:hoverとか）や、JavaScrip
ビットマスクによるフラグ - pig's diary
参考：goog.ui.Control 複数の状態（STATE）を、１つの変数で保持する。例えば、DISABLED状態であり、同時にHOVER状態でもある状態を1つの変数で表現する。以下、そのときのフラグの上げ下げのしかた。 まずビットマスクに使う定数を用意する。1,2,4,8,16,32...とする。 /** * @enum {number} */ var STATE = { DISABLED: 1, HOVER: 2, ACTIVE: 4, FOCUSED: 8 }; /** * @type {number} */ var state = 0; フラグが上がっているかの確認。if文で使うときは、 if (state & STATE.DISABLED) で判定できる。まだ、どのフラグも上がってない。 console.log(!!(state & STATE.DISABLED)); // f
Using requestAnimationFrame to Optimize Dragging Events | Ryan Stewart – Mountaineer Coding
requestAnimationFrame is an API that was originally created by Mozilla but has found its way into Chrome and I think it has huge, huge implications for user interface. A lot of the examples I’ve seen have talked about how you can use it to optimize animation, which makes sense. The basic premise of requestAnimationFrame is that instead of trying to move things out of sync with the browser, you get
How to create high-performance CSS animations | Articles | web.dev
Move an element To move an element, use the translate or rotation keyword values of the transform property. For example, to slide an item into view, use translate. .animate { animation: slide-in 0.7s both; } @keyframes slide-in { 0% { transform: translateY(-1000px); } 100% { transform: translateY(0); } } Use rotate to rotate elements. The following example rotates an element 360 degrees. .animate
Xcode-4-Fixins
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名（コールバック）の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
SebastienThiebaud/STScratchView · GitHub
A UIView which allows a scratching behavior. Documentation You need only 2 files: STScratchView.h STScratchView.m You need to create an UIView (or child UIView: UIImageView for example) and give this view to the STScratchView object via the -[STScratchView setHideView:(UIView *)hideView] method. Demo Build and run the project STScratchViewExample in Xcode to see STScratchView in action. Example U
Ti Weekly Clips 2012年総集編(3/3) - Titanium News
GitHub Watchまとめ ネタがなくてスキップした回もありましたが、ほぼ一年を通してピックアップを続けてきたGitHub Watchのコーナー。 ざっくりカテゴリをわけて、コメントを省略してまとめていきます。順不同です。 UI PureJS TiGrid, a Titanium module to evenly position elements https://github.com/cclafferty/TiGrid TiWebViewUserAgent https://github.com/harukazepc/TiWebViewUserAgent benCoding.Stepper Module https://github.com/benbahrenburg/benCoding.Stepper titanium-appcelerator-fields-mask https:/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://blogs.oracle.com/nashorn/open-for-business
GitHub - y-matsuwitter/PulseRateMeter: Measuring a human pulse rate by iPhone, iPad, iPod touch.
GitHub - thlorenz/browserify-ftw: Converts an entire project that uses requirejs amd into on that uses nodejs common modules so it can be browserified.
GitHub - unconed/console-extras.js: Enhancements to the JavaScript console object.
Moving beyond window.onload()
How MDN and Web Platform Docs Align – Mozilla Hacks - the Web developer blog
GitHub - angular/batarang: AngularJS WebInspector Extension for Chrome
Conditional loading of resources with mediaqueries | Christian Heilmann