GitHub - Arcticjs/Arctic.js: HTML5 game frameworkYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
iBooks AuthorのHTMLウィジェットの作り方
Appleが公開した「iPadのiBooks専用電子書籍」が作れる iBooks Author ですが、様々なインタラクティブなギミックを組み込むウィジェットというパーツがあります。その中にHTMLウィジェットというものがあり、公式にはMacのDashboard ウィジェットをインポートするという仕様になっています。 実はこのDashboardウィジェットは、html+javascriptで作成されており、必ずしもDashboard用に作られていなくても、インポートできるようです。これを使って何ができるかをちょっと探ってみました。 Dashboardウィジェットは最低限、以下のファイルで構成されます。 info.plist ウィジェットの情報定義ファイル Default.png ウィジェットのサムネイルイメージ Icon.png ウィジェットのアイコン index.html ウィジェットの
新しいことをしたいならチェックしておきたい、最近のJavaScriptライブラリ
「crocro.jscam」JavaScript... / 3D野郎は寄ってたかれ!WebGLでグリグリ遊べ... / jmpress.js | a jQuery pl...他...全6件
[JS]さまざまな動きが楽しくてかわいい、サークル状のナビゲーションを実装するスクリプト -Circle Menu
デモページ: Timing, Reversed 上のデモでの逆順です。 Circle Menuの使い方 HTML 各アイテムはリスト要素です。 <ul> <li><a href="#">+</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="jQuery.circl
7 Amazing Interactive Infographics Created With HTML, CSS and Javascript
7 Amazing Interactive Infographics Created With HTML, CSS and Javascript Introduction Infographics (Information graphics) are graphic visual representations of information, data or knowledge. These graphics able to let us absorb the information in an effective way. In real life, we can easily find some in our surrounding, for example, maps, train route, signs and so on. On the internet, we can fin
impress.jsライクなダイナミックなプレゼンテーションを作成するjQuery依存タイプのライブラリ・jmpress.js - かちびと.net
なかなか斬新なプレゼンを作成出来る事で ちょっと話題になった impress.jsという jsライブラリがあるんですが、これのjQuery 依存型があったのでご紹介します。元々 jQueryを使用しているサイトならこちら のほうが導入が楽かもですね。 3Dなプレゼンを作成出来るライブラリ、impress.jsのjQuery版です。impress.jsに関しては以下をご参照下さい。 3Dで斬新なプレゼンが作れる『impress.js』の使い方をざっと説明してみるよ で、このjQuery依存型が出てきました。 デモを作りたかったんですが、昨日今日は少し時間がなくて出来ませんでした。というわけで公式のデモをどうぞ。 Sample もちろんキーボードでも操作できますし、impress.js同様にハッシュチェンジイベント対応済みです。 コード <script type="text/javascrip
画像やボックス要素にhoverするとエフェクト付きで別のボックス要素を表示するjQueryプラグイン・ContentHover - かちびと.net
画像やボックス要素にマウスホバーすると 別のボックス要素をフェードエフェクトや スライドアニメーションで表示させる事が 出来るjQueryプラグインです。昔は色々と これ系を見かけましたけど最近は全然無い ですね。 これくらいなら自作する、という方も多いのか、以前はかなり見かけたホバーエフェクトのjQueryプラグインは全然見かけなくなりましたが、プラグインの方が楽な場合も多々あると思いますのでこういうのも覚えておくと工数を減らせるかもしれません。 ボックス要素が画像の上にオーバーレイ込みで表示されます。マウスを乗せたらRead more、みたいなのも容易に出来ますね。 divの上にdiv的な事も出来ます。 IEでも問題ないです。 簡単に実装出来ました。 コード <script type='text/javascript' src='http://ajax.googleapis.com/a
swfobject.js がアレな話 - ほむらちゃほむほむ
もばいる全盛感のある世間的には今更，FLASH なんてどうでもいいし，swfobject.js 自体 2009年から更新されてないから，こんな古いものをと言われかねないような話ではあるものの，日本語での言及をあまり見てないし，つい先日もさる通信キャリアがトップページでやらかしてて多分知られてないんだろうなと思ったので書こうと思った次第． swfobject.js とは何か この記事の対象読者にとっては説明するまでもない話とはおもうけど一応前置きとして説明しておくと，swfobject.js は FLASH を web ページに埋め込むための JavaScript のライブラリ．クロスブラウザ対応してたり，面倒な HTML-tag のお作法を覚えなくても良くなったりとでデファクトスタンダードな感じのモノ．2007年とちょい古いがリクルートMTL の SWFObject v2.0 ドキュメント
How Batman can Help you Build Apps の翻訳 - ma2’s diary
最近話題？のCoffeeScriptベースのフレームワークBatman.jsのHARRY BRUNDAGE（@harrybrundage）氏による紹介記事「How Batman can Help you Build Apps」を翻訳しました。 元エントリはこれです。 Batman.jsはShopifyによる新しいCoffeeScriptのフレームワークで、開発に長い時間のかかったこいつを紹介できるので本当に興奮している。Batman.jsのGitHubはここだ。 Batmanは大きな影響力を持つ素晴らしいフレームワークに満ちた世界に現れた。Sproutcore 2.0やBackbone.jsといった驚くべきプロジェクトの成果がある中で、開発者はどれをいつ使うかどうやって学べばいいのだろう？ 新しくてかっこよいツールで遊んでいる時間は限られているので、ここではBatmanと他のフレームワーク
HTML5 CanvasにJavaScriptでベジェ曲線を描画する
すっかり松も明け「成人の日」になってしまったが、みなさまあけましておめでとうございます。昨年後半はちょっと忙しくて放置気味だったので、今年はもう少しコンスタントに書いていきたいと思っている。予定は未定だけれど。 と言いつつ、今年最初の記事は昨年から引っ張ってるネタだったりする。お題はHTML5のCanvasについて。 きっかけ昨年、「中学生でもわかるベジェ曲線」という記事を見かけた。大変わかりやすくまとまっており、何となく使ってはいたがきちんと理解していなかった「ベジェ曲線」というものに一定の理解を与えてくれ、中学生ならずとも役に立つすばらしい記事だった。 記事中には動きを解説するためのアニメーションGIFがいくつか置かれており、このおかげで容易に理解することができた。しかし、一通り理屈がわかったら、自分でポイントを打って確かめてみたい、というのが自然な発想だろう。 ないものは、作るしかな
2012年に使いたいJavaScriptのMVCフレームワーク14選 - memo.yomukaku.net
1億総スマホが近づいたこの頃に、JavaScriptのMVCフレームワークに何を使うか？ node.jsと使ってみたいウェブアプリのフレームワークの候補を14選んでみました。 MVCフレームワークといっても、純粋なMVCだけではなく、MVVM、MVC2、MVPなど広義のMVCフレームワークを含みます。成熟したフレームワーク backbone.jsのように一定の歴史のあるものや、express.jsのようにnode.jsでのデファクト・スタンダードになっているようなものを含め、今すぐプロダクション環境で使用できる成熟度があると思われるフレームワークをまとめます。 Backbone.js http://documentcloud.github.com/backbone/ 古参のフロントエンド向けMVCフレームワーク。 node.jsに限らず、Rails等のフレームワークでもフロントエンド側の
こてさきAjax:マルチデバイス連携を実現する WebIntents 〜基本と使い方編〜 - livedoor Blog（ブログ）
新年明けましておめでとうございます。本年も宜しくお願いします。 さて、今年最初のPOSTは、僕が今一番興味を持っているAPIの "Web Intents" について取り上げます。 この、"Web Intents"は、Androidの "Intent" に非常に良く似た仕組みで、異なるWebアプリケーションを自由に連携することを可能とするAPIです。Webサイトの不足機能に対し、他のWebアプリの機能を利用することが可能になるため、スピーディーなWebアプリの開発を実現してくれます。利用するユーザーにとっても、手慣れたWebアプリを利用できるメリットが有ります。 このAPIの更に興味深いところは、 Device機能の利用 デバイス内の固有の機能（カメラや、住所録など）をブラウザから利用する。 Web of things スマートフォンやテレビなどのマルチデバイス連携サービスをWebで実現する
visitor.js: Website Personalization Using Geolocation and Other Visitor Data
visitor.js Gives You Real-Time Information on Your Website Visitors Personalize Your Site for Each Visitor visitor.js is a small piece of JavaScript that provides you with information on your site's visitors, so you can target them with custom-tailored content: Welcome visitors from Australia with a "G'day." Refer returning visitors to your "Tutorial" section. Provide special discounts for visitor
[iOS]第1回 JavaScript実行開発環境MyScriptsの魅力を全力で伝えてみる
MyScriptsの基本 MyScriptsは、複数のエントリを登録、管理可能なエディタに、JavaScript実行機能が付いたアプリといえます。 JavaScriptエンジンには、UIWebViewを使っています。 UIWebViewはMyScripts起動時に初期化され、MyScriptsが終了されるまで維持されます。 これは、XMLHttpRequestの安定的動作のための仕様です。 従って、グローバル変数、グローバル関数は取り扱いに注意が必要です。 変数は都度varで宣言し直した方がいいでしょう。（続きは[Read More]から） MyScriptsの特徴: 入力と出力 MyScriptsの特徴として最初に挙げられるのは、入力と出力です。 iOS用のプログラミング言語はたくさんありますが、アプリの外の世界との連携が考慮されたものは一つとしてありません。 MyScriptsは、クリ
[iOS]神ツールを作るための神アプリ、MyScriptsがかなり便利
もう、moyashiは完全にMyScriptsに入れ込んでいます。 しかし、MyScriptsのスクリーンショットを見る限りでは全然つまらなそうだし、説明を見ても、何が便利なのかピンと来ない人が多いのではないかと推察します。早速、MyScriptsの魅力がどんなものか、遊びながら紹介したいと思います。（続きは[Read More]から） MyScriptsでギャル文字変換をして遊んでみよう 早速、MyScriptsで遊んでみたいと思います。 MyScriptsをインストールし、iPhoneのSafariなどで以下のリンクを踏みます。 ギャル文字変換（MyScripts登録用リンク） すると、MyScriptsにギャル文字変換という項目が追加され、編集状態になります。「保存」ボタンをタップ。 ギャル文字変換という項目が登録完了となったので、実行してみます。 テキスト入力を促されるので、「ギャ
![[iOS]神ツールを作るための神アプリ、MyScriptsがかなり便利](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c0234b0d5bdc93b60958f6bc5a4d4a1d997f5cd/height=288;version=1;width=512/http%3A%2F%2Fhitoriblog.com%2Fwp-content%2Fuploads%2F2012%2F01%2F131700245_3074e1c2f6.jpg)
HTML5のパワー。Webベースでファイルシステムを構築する·Filer.js MOONGIFT
Filer.jsはHTML5のファイルシステムAPIを体感するWebアプリケーションです。 HTML5のAPIの一つ、ファイルシステムAPIを体験できるのがFiler.jsです。新しいWebの可能性を存分に知ることができます。 デモです。まずディレクトリをインポートします。 インポートしました。ディレクトリはマウスでたどれます。 アイコンまたはリスト表示をサポートしています。 画像やHTMLであればプレビューができます。通常のファイルはプレビューできませんがダウンロードはできます。 リスト表示です。 ログを表示しています。 Filer.jsではWebブラウザ上でディレクトリやファイルを作成することもできます。しかし実際のファイルシステム側には影響されませんのでご注意ください。また新しいフォルダやファイルをローカルに作っても反映されないようです。 Filer.jsはHTML5/JavaScr
JavaScriptのMVCフレームワークと仲間たち ｜ Classmethod.dev()
JavaScriptのMVCフレームワークと仲間たち JavaScriptでイイ感じに開発をしたいという欲求が高まってきたため、自分でフレームワークを作らずに世界の賢者たちから学びたいと思います。今回は、JavaScriptでMVCフレームワーク等を実現しているフレームワークや周辺のライブラリ、さらにはツールやユーティリティまで幅広くご紹介します。 (2012/1/17 updated) Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Framework Broke.js Fidel.js Sammy.js KnockoutJS eyeballs.js The M Project Knockback Batman.js Shipyard.js Agility.js ベース jQuery Doj
Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3streamer.net
GitHub - MacGapProject/MacGap1: Desktop WebKit wrapper for HTML/CSS/JS applications.
