jsgirl.netThis domain may be for sale!
Portfolio: Ian Hill - Home
Hi, my name is Ian Hill and I am a Tech Lead and Front-End Engineer from Australia
5 APIs that will transform the Web in 2013
November 28, 2012 5 APIs that will transform the Web in 2013 It’s incredibly exciting to see how the Web is evolving, and 2013 has a lot more in store. Over the next year, there are a number of technologies coming down the pipeline that have the potential to radically transform how we use and develop for the Web. CSS Custom Filters # CSS filters are already in Chrome and Safari, and allow advanced
スマホ対応アニメーション支援ライブラリ - smart js
特徴 配置と動きに特化した Javascriptライブラリです。 シンプルで柔軟性もあり、 処理も高速です。 対応OS / ブラウザ iOS 7+ Android 4.1+△ Android 4.4+○ IE9+ Safari latest Chrome latest Firefox latest
A Few New Things Coming To JavaScript
November 22, 2012 I believe the day-to-day practice of writing JavaScript is going to change dramatically for the better when ECMAScript.next arrives. The coming year is going to be an exciting time for developers as features proposed or finalised for the next versions of the language start to become more widely available. In this post, I will review some of the features I'm personally looking for
DailyJS: JS101: __proto__
When I originally wrote about prototypes in JS101: Prototypes a few people were confused that I didn’t mention the __proto__ property. One reason I didn’t mention it is I was sticking to standard ECMAScript for the most part, using the Annotated ECMAScript 5.1 site as a reference. It’s actually hard to talk about prototypes without referring to __proto__, though, because it serves a very specific
ReFlowの原因とマークアップの最適化 « NAVER Engineers' Blog
自己紹介 ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。 概要 CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。 ブラウザレンダリングプロセスの理解 ブラウザの基本構造 User Interface – アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分 Browser Engine – UIとレンダリングエンジン間のアクションを制御するもの Rendering Engine – リクエストしたコンテンツを表
『ノンプログラマのためのJavaScriptはじめの一歩』刊行記念トークセッション、フォトレポート（動画つき） | gihyo.jp
『ノンプログラマのためのJavaScriptはじめの一歩』刊行記念トークセッション、フォトレポート（動画つき） 11月22日、ジュンク堂書店池袋本店4階のカフェにて、『ノンプログラマのためのJavaScriptはじめの一歩』（外村和仁著、技術評論社）の刊行を記念したトークセッション「ノンプログラマがJavaScriptを学んでいくにはどうすればいいのか」が開催されました。 本稿では写真と動画を中心にレポートします。 18時。担当編集者（右）とトークセッションの打ち合わせをしている、著者の外村さん（左）。もう一人の登壇者である高津戸さんも到着し、最終調整しました（高津戸さんは『WebデザイナーのためのjQuery入門 ── 魅力的なユーザーインターフェースを手軽に作る』（技術評論社、2011年12月）の著者です） 打ち合わせの合間に、店頭用のPOPを書く、外村さん（右）と高津戸さ
大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log
これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}
JavaScriptデザインパターン – 第1部：シングルトン、コンポジット、ファサード | Adobe Developer Connection
Basic JavaScript programming knowledge. Additional required other products (third-party/labs/open source) Query Library Download / Learn この記事は、JavaScriptでよく使用されるデザインパターンに関するシリーズ記事の第1部です。デザインパターンはプログラミングにおける実証済みの手法であり、特に、大規模なJavaScriptアプリケーションを大きなグループで作成する場合に不可欠なコードの保守性、スケーラビリティ、分離性を向上させます。 このシリーズ記事の第2部では、さらに、アダプター、デコレーター、ファクトリという3つのデザインパターンを紹介します。第3部では、さらに、プロキシ、オブザーバー、コマンドという3つのデザインパターンを紹介します。 シング
JavaScriptにおける、MVCフレームワーク以外の選択肢
JavaScriptではさまざまなフレームワークが登場していますが、最近注目を集めているのがMVCアーキテクチャの実現を容易にするMVCフレームワークです。Publickeyでも以下の記事などで紹介してきました。 JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（前編） － Publickey JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（後編） しかしプログラミングの世界では、MVCアーキテクチャ以外にもさまざまなデザインパターンがあります。JavaScriptプログラマはもっとそれらを検討すべきだ、という記事「The World Beyond MVC」（MVCの向こうにある世界）が、The David Wa
[New] JavaScript ライブラリ tmlib.js で円同士の衝突プログラムを作ってみた | TM Life
以前『JavaScript ライブラリ tmlib.js で円同士の衝突プログラムを作ってみた』 というエントリーを書いたのですが, tmlib.js の仕様が色々と変わってしまい動かない状態だったので, 修正しました. よかったら参考にしてください. 自作ライブラリ tmlib.js を使って, 円同士の衝突プログラムを作ってみました. やっているのは, 円同士の衝突判定 めり込みの補正 衝突後の反発 です. ちゃんと計算するなら, 衝突時間を調べてその分ベクトルの長さを調整して… ってやんないといけないのですが, 速度的に問題があるってのと難易度が上がってしまう(ホントはめんどくさい)のでちょっと省略しています. サンプルは jsdo.it の方に移植してあるので, 実際に 動かしたり, fork してイジったりして頂けると嬉しいです. Table of contents Code T
Using Firefox 1.5 caching - Mozilla | MDN
Firefox 1.5 ではウェブページ全体をその JavaScript の状態も含めてメモリー内にキャッシュし、1 つのブラウザーセッションとして使用します。訪問したページ間の戻る、進むという動作にページのロードが不要になり、JavaScript の状態も保存されます。この機能によってページナビゲーションが非常に高速化します。この機能は bfcache（"Back-Forward Cache" のこと）と呼ばれることもあります。このキャッシュ状態はユーザーがブラウザーを閉じるまで保存されます。 Firefox がページをキャッシュしない場合があります。ページがキャッシュされないプログラム的な理由でよくあるものをいくつか以下に示します。 ページが unload ハンドラーを使用している ページが "cache-control: no-store" をセットしている ページが "cache-
JSter – JavaScript Catalog
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUIUI FrameworksWindows, Modals, PopupsKeyboard WrappersForm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
Using CSS animations - CSS | MDN
CSSBeginner's tutorialsYour first website: Styling the contentCSS styling basicsWhat is CSS?CSS getting startedChallenge: Biography pageBasic selectorsAttribute selectorsPseudo-classes and elementsCombinatorsBox modelHandling conflictsValues and unitsSizingBackgrounds and bordersOverflowImages, media, formsStyling tablesDebugging CSSChallenge: Business cardChallenge: Fancy letterheadChallenge: Fan
ES.next 追っかけ - ECMAScript 勉強会
メーリングリストの購読 es-discuss@mozilla.org ES.next を追っかけるなら購読するべし 流量多し。100以上の返信が付く事も 僕は読めてないorz 何に対して言及しているか何となくは読んで終了 Webサイトへのリンクがあれば目を通してみる wiki.ecmascript.orgに提案を書いて、このMLで議論を進める形が多い 構文抽出 ECMAScript 6th Syntax Grammer にドラフト版の構文をまとめてます ES.next では構文に対して多くの変更点がある ドラフト版は最後の方にあるGrammer Summaryが更新されない 構文をまとめたものが欲しい ML にドラフト版をアップしたよーアナウンスが流れる 変更点が色分けされたPDF版をダウンロード 構文の変更点に注目しつつHTMLに 利用者は、主にConstellationさんです(onl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://v20.www.wonderrabbitproject.net/Lectures/JavaScript/
Build and implement a single sign-on solution
http://seven.studiomohawk.com/
地獄のJavaScriptセキュリティ