jQuery.LazyJaxDavisで静的サイトを手軽にダイナミックにする
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / jQuery.LazyJaxDavisというライブラリを書いた。このライブラリは、一般的な静的に生成されるようなサイトを、HTML5 history APIの力を使って素敵にダイナミックにします。 このライブラリを使うと、すべてのリンクを、通常遷移の代わりに、Ajaxベースのダイナミックな遷移にします。その際、history.pushStateして、通常の遷移と同じように見せる。言葉にするのは難しいので、実際にサイトを見てもらったほうが分かりやすいと思う。以下のサイトの左ナビをポチポチクリックするなりして。 jQuery.LazyJaxDavis加えて、結構汎用的なURLルーターの機能も備えて
HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」:phpspot開発日誌
mindmaps HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 マインドマップツールも色々ありますが、HTML5ベースで、インタフェースも結構イケてるツールの紹介。ソースのダウンロードも可能です。 項目をマウスオーバーすると赤い丸が出るのでそれをドラッグ＆ドロップでツリーをどんどん広げていけるインタフェースも使いやすいです。 マウスホイールでマインドマップ自体の拡大・縮小が可能で、細かいところにも配慮がされています。 Chromeであればサクサク動いて、本来の目的である思考に集中することができるでしょう。 ツリーの折りたたみなんかもできちゃいます。 ソースはこちらのgithubにてダウンロード可能
AwesomeChartJS
Easy to use Just create a new AwesomeChart object and pass the canvas element's id as a parameter to the constructor. Then set the chart's data and call the object's draw() method. That's it! Your chart is ready! Fully customizable Control how your chart looks by defining: Font styles Fill and stroke styles for bars and pies Margin sizes
Davis.jsでHistory APIを比較的お手軽に使う
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ポチってもうたー開発メモ。 今日、HTML5 History APIの、URLは静的に見えるけどダイナミックにUI変えちゃうよーっていうのを実装してみた。ポチってもうたーをChromeとかFirefoxで見ると、色々遷移するとURLは変わるけど全面リロードは起こらなくなってます。 これを実装するには、HTML5のhistory.pushStateとかhistory.popStateとかいう、historyをいじる仕組みを使わないといけないんですが、その辺をうまいことラップしてくれる Davis.js というライブラリがあったので、これを使ってみました。 Davis.jsの使い方は、基本的にはこ
樱桃视频污视频_樱桃视频每天免费观看三次_樱桃视频免费观看_樱桃视频APP污下载
樱桃视频污视频【jiuseapp.com】是由百度公司研发推广的一款功能强大的短视频手机APP,提供ios苹果下载/安卓下载。百度影音依托百樱桃视频污视频、樱桃视频每天免费观看三次、樱桃视频免费观看、樱桃视频APP污下载，能够让用户找到几乎所有想要寻找的视频资源，是百度影音短视频手机APP,提供ios苹果下载/安卓下载得天独厚的优势，并且支持屏幕截图，还能边下边播。
HTML5 AudioとJavaScriptで作られたシンセ付き8トラックパターンシーケンサー : Sonant Live - 音楽方丈記
HTML5 AudioとJavaScriptで作られたシンセ付き8トラックパターンシーケンサー : Sonant Live » 音楽Webサービス(作曲/演奏) [編集] HTML5 Audio と JavaScript で作られたソフトシンセ機能付きの8トラックのパターンシーケンサー Sonant Live を紹介。 HTML5 Audio、Canvas に対応した Chrome、Firefox、Safari、Opera で利用可能です。 主な特徴 音色編集機能がついたトラッカー風のコンパクトな8トラックシーケンサーで、Windows 版 Sonant がベースになっています。 HTML5 Audio と javaScript だけで音声処理を行っている (Flash 未使用) 最大8和音、8トラック・パターンシーケンサー 1パターン32ステップ、1トラックにつき最大10パターンまで作
HTML5 AudioとJavaScriptで作ったドラムマシンにjsfxで音色編集機能を追加 - 音楽方丈記
HTML5 AudioとJavaScriptで作ったドラムマシンにjsfxで音色編集機能を追加 » 音楽ネタ全般 [編集] 先月末に作った HTML5 Audio オブジェクトと JavaScript で作った簡易ドラムマシン の音源部に、JavaScript で波形を生成して再生できるサウンドエフェクト・ライブラリ jsfx を組み込んでメモリ上で音声データを生成・編集できるようにしてみました。 ↓テストページはこちら HTML5 AudioとJavaScriptで作った簡易ドラムマシン (jsfx バージョン) HTML5 の Audio オブジェクトが実装されていて、WAV 形式の再生が可能なブラウザ(Firefox 3.6、Chorme 9、Safari 5 など)で実行可能です。 快適に遊びたい人は Windows/OS X 双方とも Firefox 3.6 以上を推奨します。
HTML5のAudioオブジェクトとJavaScriptで簡易ドラムマシンを作ってみた - 音楽方丈記
HTML5のAudioオブジェクトとJavaScriptで簡易ドラムマシンを作ってみた » 音楽ネタ全般 [編集] 前に書いた 主要ブラウザの HTML5 の Audio 要素の対応状況を調べた記事に続いて、HTML5 Audio ネタ第二弾です。 今回は audio タグで再生ファイルを指定するのではなく、JavaScript で Audio オブジェクトを複数生成したものを速いタイミングで鳴らしてどれくらい反応できるのか見てみようということで、簡単な16ステップのドラムマシンを作ってみました。 すで同じような記事を書かれている方が何人かいるので、二番煎じ(三番…いや五番煎じくらいか)ではありますが今回はとりあえず自力で。 グリッドの間に何かあるように見えるのは錯視です ↓テストページはこちら » HTML5のAudioオブジェクトとJavaScriptで作った簡易ドラムマシン Int
Sprite3D.js, a small library for generating and manipulating CSS 3D transforms
a small library for generating and manipulating CSS 3D transforms NOTICE: This page is slowly getting outdated. In my spare time, I've been working on a major syntax revision, Firefox compatibility issues and a new version of this page. Until I get the time to finish all of this, here's a list of the most up to date resources : "v2" branch on github (featuring a simplified syntax) A more recent li
圧倒的な存在感。HTML5/CSS3/JavaScriptで作られたイラストレーションアプリ·Ghost Writer MOONGIFT
Ghost Writerは万年筆、マジック等をリアルに再現した絵描き用ソフトウェア。 Ghost WriterはHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。HTML5は徐々に本格導入されつつあるが、まだまだ実験的なプロダクトが多い。だがプログラマーにとっては、今こそ遊べる状況だ。色々試し、遊ぶ中で新しい可能性を見いだすことができる。 ものすごくリアル 今まではローカルでしかできなかったような操作がWebベースで実現するようになっている。特にペイント系は面白い。そこで今回はGhost Writerを紹介しよう。 Ghost Writerは古めかしい紙のようなボックスにペンを使って書き込めるソフトウェアだ。驚くのはそのリアル感ある存在感だろう。万年筆、マジック、スプレーといったペン種があり、切り替えて絵を描くことができる。なお筆者環境では色を変えることはで
E n d l e s s M u r a l – sharing • building • empowering
A healthcare staffing agency offers flexible options to keep your facility staffed at critical times. You can address fluctuations, retirements, or seasonal burnouts. Think about it -having a talented staff will ensure patients get exceptional care. Here is why you should get highly qualified temporary health care professionals. To boost patient satisfaction Patients want to be treated by knowledg
HTML5 localStorageを使った非同期O/Rマッパ「persistence.js」
persistence.js HTML5のlocalStorageを使った、非同期のO/Rマッパを実現するJavaScriptライブラリ「persistence.js」が公開されています。 (英語) ライセンスはMITのようです。
Multiuser Drawing Pad Built with Pure JavaScript/HTML5/Canvas • The Union Platform, By USER1
This example shows how to create a simple multiuser drawing pad (aka shared whiteboard, multiuser sketchpad, or collaborative painting tool) using pure JavaScript and HTML5's <canvas> tag. The drawing pad updates in realtime when any connected user draws a line. Here's UnionDraw. Have a scribble! [View source] To manage communication between users, the JavaScript code uses OrbiterMicro, which conn
HTML5のHistory APIを制御するJSライブラリ「Davis.js」
Davis.js - Simple, degradable JavaScript routing using HTML5 pushState. HTML5のHistory APIを、制御するJavaScriptライブラリ「Davis.js」が公開されています。 (英語) ライセンスはMITのようです。
Isogenic Game Engine
Your animal patients need you, Junior Vet! Find the animals and give them a treatment to earn points and hearts. From herding sheep to helping injured lions, it's all in a day's work for a Junior Vet. Uses isometric views this multiple level children's adventure is a great example of cross-browser gaming! One for the kids! Junior Vets by BBC – Play Here Designed and built by Stardotstar and True N
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Frank Hernandez
Paper.js
TechCrunch
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5