A simple JavaScript API for producing an accurate, intuitive description of the timespan between two Date instances.
Countdown.js
A simple JavaScript API for producing an accurate, intuitive description of the timespan between two Date instances.
無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT
JSZipはWebブラウザ上、クライアントサイドだけでJavaScriptを使ってZipファイルを生成するソフトウェアです。 JavaScriptでできることがどんどん増えています。そんな中、注目したいのがJSZipです。なんとJavaScriptだけでZipファイルを作ってしまうというとんでもないソフトウェアです。 デモページです。コードを見て分かる通り、テキストファイルと画像をZip圧縮しています。 実際ダウンロードされたZipファイルを解凍すると確かにフォルダやファイルが入っています。テキストの内容を変えればダウンロードされたファイルの中身も変わっていました。 JSZipが面白いのは動的にZipファイルを作成できることではないでしょうか。ユーザにコンテンツをダウンロードさせたいという時にその場の内容をそのまま圧縮して送れるようになります。アイディア次第で色々な使い方ができそうなソフト
jsMorph - javaScript motion framework
jsMorph... some facts pure javaScript, so NO other framework needed auto start-position detection auto unit-conversion auto time-correction for smoother viewing experience auto fps-adjustment for best resource savings full color, opacity and partial CSS3 support support for relative animations multiple parameter morphing multiple object morphing (queueing system) jsMorph, even more features super
[JS]多彩なアニメーションが実装できる2.3KBの超軽量スクリプト -jsMorph
Tutorial demos さまざまな基本となるアニメーションのユニット集。 [ad#ad-2] jsMorphの実装 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphの基本書式です。 var myMorph = jsMorph( Object obj, // HTML element, Array of elements or elementCollection that are rendered Object prop, // css properties of end position [Object params], // parameters that influence the motion (dur
CSS3の角丸表示を使おう。レガシーなWebブラウザにはこれで対応·Curved corner MOONGIFT
Curved cornerはレガシーなIEでもCSS3のborder-radiusを有効にするスクリプトです。 Curved cornerはCSS3で実装されているborder-radiusをIE7などのレガシーなWebブラウザでも対応させるためのソフトウェアです。多数のWebブラウザにも対応すればborder-radiusが積極的に使えるようになりそうです。 こちらはIE7で表示した例です。実際に角丸のCSSになっています。画像は使っていません。 こちらはWindows版Google Chromeでの表示です。CSS3に対応していますので問題ありません。 もちろんMac OSXでも大丈夫です。こちらはGoogle Chrome。 Firefoxでも大丈夫です。 種明かしをすると、IE7などのレガシーなWebブラウザの場合だけHTC（HTML Components）を読み込んで、そちらで挙
アイディア次第で使い道色々。フリック入力対応のギャラリーライブラリ·flickGal MOONGIFT
flickGalはiOSのフリック操作に対応したギャラリーライブラリです。デスクトップ向けWebブラウザでも表示できます。 Webサイトにフリック操作で画像を切り替えられるギャラリー機能を追加したいと思ったらflickGalを使ってみましょう。jQueryプラグインで手軽に導入できます。 フリック操作なので主にiOS向けです。でもSafariやGoogle ChromeなどのデスクトップWebブラウザも問題なく利用できます。 写真の切り替えはタブをクリックする他、フリック操作でも大丈夫です。 フリック操作でアニメーションしながら写真が切り替わります。 大きな画像を表示している場合です。prev/nextのリンクでも写真を切り替えられるようになっています。 Yahoo! Japanのトップページにあるのに似た表示形式です。写真だけではなくアイコンを並べて機能を選択するといった使い方も考えられ
Kerning.js
Take control of your web typography. CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically. Print designers have had it easy for way too long. This is 2014; the web has been around for over two decades, yet web designers don’t get full control over their typography? Forget that, use Kerning.js! Getting started Using Kerning.js is a
[Web Typography] Kerning.js - テキストの文字詰めを細かく指定できるJS
[Web Typography] Kerning.js – テキストの文字詰めを細かく指定できるJS Pocket Tweet サイト上のテキストの文字詰めを細かく指定できるJS。Webにおけるテキストを使ったタイポグラフィーって最近盛んですよね。特にWeb Fontガラみは、その特性上英語圏において様々な作例や実験的な試みが見られます。このKerning.jsは文字詰めと文字単位での装飾に特化したJSで、導入後は簡素な指定で文字詰めの指定を行う事ができます。このサイトそのものにKerning.jsが適用されていて、Kerning.jsのロゴ上にマウスオーバーすると、どこがどう文字詰め指定されているのか分かります。またサイト右上にある「Turn Demo off」のリンククリックで、一時的に同JSの指定を切る事もできます。CSSのletter-spacingだけでは満足に文字詰めできない場
Kapi - open source keyframing animation API for HTML 5 canvas
A keyframing API for the HTML 5 canvas A JavaScript framework by Jeremy Kahn Home Kapi constructor and object reference Actor object reference Extending Kapi Github repo - fork 'n follow! Latest stable release: 1.0.7. (Includes kapi.tweens.js) NOTE: Kapi is no longer being developed. However, this library has been rewritten with a nearly identical API and improved feature set. The new version is b
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
Enhancing IE's selector engine Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations. JavaScript-knowledge: none Selectivizr works automatically so you don't need any JavaScript knowledge to use it — you won't even have to modify your style sheets. Just start
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
oCanvas - Object-based canvas drawing
Canvas drawing made easy oCanvas is a JavaScript library intended to make development with HTML5 Canvas easier. Instead of working with pixels, you work with objects. It’s very straightforward and easy to get started with. Please have a look at the examples to see just how easy it is. View demos & examples Download oCanvas Current release: 2.10.1 Production 21 kB minified & gzipped Development 192
gury: A jQuery-inspired chainable JavaScript helper for HTML5 Canvas - The Changelog - Open Source moves fast. Keep up.
Episodes Archives The Changelog - Open Source moves fast. Keep up. Latest episode Episode 0.3.8 - DevOps and Chef with Corey Donohoe and Seth Chisamore Wynn sat down with Corey Donohoe from GitHub and Seth Chisamore from Opscode to talk about DevOps, Chef, agile infrastructure and innovation in the datacenter. Go to episode The Changelog is a weekly podcast and blog that covers what's fresh and ne
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home
GitHub - sebleedelisle/JSTouchController: A simple demo of multitouch dual analogue controls in JavaScript
Home - Yep-Nope
GitHub - mrdoob/three.js: JavaScript 3D Library.
Datejs - A JavaScript Date Library » About…
http://libcanvas.com/
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
