Typical JavaScript Module Pattern - latest log
Strategic Experience Design for Leaders Driving Change… | Simple Focus
What does FlowType.JS do? Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size and subsequently the line-height based on a specific element's width. This allows for a perfect character count per line at any screen width. Addi
Directed Graph Editor
README.md Click in the open space to add a node, drag from one node to another to add an edge. Ctrl-drag a node to move the graph layout. Click a node or an edge to select it. When a node is selected: R toggles reflexivity, Delete removes the node. When an edge is selected: L(eft), R(ight), B(oth) change direction, Delete removes the edge. To see this example as part of a larger project, check out
Cytoscape.js
Introduction Factsheet A fully featured graph library written in pure JS Permissive open source license (MIT) for the core Cytoscape.js library and all first-party extensions Used in commercial projects and open-source projects in production Designed for users first, for both frontfacing app usecases and developer usecases Highly optimised No external dependencies Compatible with All modern browse
JavaScriptでアニメーションを書く初歩の初歩
JavaScriptを使ってアニメーションを書くときに有用なテクニックの、基本中の基本をご紹介します。おそらく、このブログを見ている人のほとんどにとっては釈迦に説法だと思います。今回、requestAnimationFrameの話すらしません。その点、ご留意ください。 まず、JavaScriptでアニメーションをする場合に気をつけないといけないのが、一度JavaScriptの実行（Context）を抜けないとブラウザに描画が反映されないということです。簡単に言うと、 <html><head><title>bad sample</title><script> onload = function() { var e = document.getElementById("e"); for(var i = 0; i <= 100; i += 5) { e.style.left = e.style.
Shower Presentation Engine
Brought to you by Vadim Makeev © John Carey Shower key features Built on HTML, CSS and JavaScript Works in all modern browsers Themes are separated from engine Fully keyboard accessible Printable to PDF Shower ['ʃəuə] noun. A person or thing that shows. Plain text on your slides Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ali
claymation/jquery-decapitate · GitHub
Separating <thead> from <tbody> since 2013. Synopsis The jquery-decapitate jQuery plug-in allows you to create fixed (non-scrolling) table headers, pinned to the top of the viewport while the table body continues to scroll. Unlike most other plug-ins of this sort, jquery-decapitate does not require that you wrap your table in a fixed-height container. Features Table header scrolls up out of the vi
DalekJS - Automated cross browser testing with JavaScript
DalekJS is an open source UI testing tool written in JavaScript, it will: launch & automate your browserfill & submit formsclick & follow linkscapture screenshotsrun your functional tests… and it works on Windows, Linux & Mac QuickstartCreate a package.jsonInstall DalekJSWrite your first testRun this beast!
D3.jsはなぜ人気があるのか？ そして、なぜ難しいのか？
個人的なD3愛についてはこちらに。 日本ではまだまだ知名度の低いD3.jsですが、海外ではGithubの人気レポジトリランキングで上位(現在7位)に上がるなど非常に注目度の高いライブラリです。 JavaScriptには他にも多数のChartライブラリが存在しているのですが、その中でなぜD3がこんなにも注目されているのか？ その理由を考えてみました。 結論 なんかスッゲー長くなったので先に結論を書いておきます。 他のChartライブラリより柔軟性が高いコードが簡潔に書けるJavaScriptの面白さを味わえる理解が進む程に惹かれる設計の妙 以上。以下、詳細。 柔軟性 データをグラフとして表示するには、データを画面上の座標に変換しなければなりません。散布図として表示するためにはデータの値を画面上のXY座標変換する必要がありますし、円グラフとして表示するには値の割合からそれぞれの内角の角度などを
tracing-framework by Google
Rich Tracing Choose what methods to trace and add custom data to each event. Track asynchronous flows and actions. Slick Visualization Smoothly dig through millions of events in an awesome UI. See patterns and understand your code like never before.
Clover — clover 0.1 documentation
Clover¶ Clover is a build tool that dynamically compiles JavaScript and Closure Template code. Simplifies development with the closure compiler, library and templates. Compiles javascript and soy templates on the fly Closure unit testing framework support Command line and web based test runners. * Selenium support to run tests in various drivers. Javascript internationalization support Sourcemap s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Error Monitoring
GitHub - jakiestfu/Snap.js: A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)
Workflow engine in Javascript
GitHub - ajlkn/skel: A lightweight responsive framework for the www
GitHub - leapmotion/leapjs: JavaScript client for the Leap Motion Controller
http://todomvc.com/architecture-examples/polymer/
http://atnd.org/events/42411
GitHub - yeoman/grunt-usemin: [UNMAINTAINED] Replaces references to non-optimized scripts or stylesheets into a set of HTML files (or any templates/views)![GitHub - yeoman/grunt-usemin: [UNMAINTAINED] Replaces references to non-optimized scripts or stylesheets into a set of HTML files (or any templates/views)](https://cdn-ak-scissors.b.st-hatena.com/image/square/097069180f738f9d321d76db56be3b4d0a5cc3e4/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F330ddaffa62447d235de65e490f47fb22490e0c173f1f375ca46b3949f26c3ea%2Fyeoman%2Fgrunt-usemin)
GitHub - bbc/wraith: Wraith — A responsive screenshot comparison tool
