Components · Twitter BootstrapSleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
グーグル、フラクタル図形を描画するウェブアプリケーションを公開
かつては、代表的なフラクタルであるマンデルブロ集合の探求にスーパーコンピュータが必要だった。だが今やGoogleは、このシュールな数学的図形を最高のパフォーマンスや極めて繊細な陰影で描画できるわけではないが、ブラウザが昔のスーパーコンピュータを凌ぎ得ることを示すウェブアプリケーションを作り出した。 これは「Julia Map」と呼ばれるプロジェクトで、比較的新しいウェブ標準である「Web Workers」を採用している。Web Workersによりブラウザは、いわばブラウザの思考の前面において比較的平凡なユーザーインターフェース作業をこなし、それと並行して、バックグラウンドで処理タスクを実行できる。 マンデルブロ集合は、ジュリア集合と呼ばれる別のフラクタルと近い関係にある。Googleのアプリケーションでは、それぞれの集合を多様な形状で表示する。このアプリケーションでは、ウェブプログラミン
Titanium - JavaScript で iPhone/Android アプリを作る - naoyaのはてなダイアリー
Titanium Mobile は JavaScript で iPhone/Android のアプリ (not Webアプリ) を開発できる開発環境。詳しくは Titaniumで始めるモバイルアプリ作成の基礎知識 (1/3)：Web技術でネイティブアプリを作れるTitanium（2） - ＠IT などに解説があります。 少し時間があったので、JavaScript で作るというのがどんな感じか試してみました。作ったアプリは こんな感じで TableView があり、選択すると WebView でアプリ内ブラウザが立ち上がる、ブラウザはツールバーで「戻る」や「リロード」が可能。あとはタブコントロールがあったり･･･という単純なもの。初期起動画面のサイトリストは、HTTP でローカルに立てたサーバーから JSON で読み込んでいます。 Web上のドキュメントを見ながら2, 3時間試行錯誤で一応の
iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（マルチタッチ編）
90秒で理解するiPhone JavaScript（マルチタッチ編） Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事でiPhone向けサイトを作ることになるかもしれず、色々と調査中です。 まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。 ここまでわかったことをメモ代わりに記載したいと思います。 今回はひとまず座標の取得までです。 ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。 マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難 タッチのイベントは、リスナーまたは「onTouchXXX」から取得 タッチ数は「event.touches.length
1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
Web ブラウザに表示されている画面を直接編集する方法
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter
Latest iPhone Software supports full-screen Web apps | AppleInsider
One unpublicized feature introduced by Apple's latest iPhone software updates is the ability to save Web apps to the home screen and have them launch in full-screen mode without the Safari wrapper, essentially mimicking the experience of a native app. Clancy, an AppleInsider reader who brought the matter to our attention, believes the undocumented feature arrived as part of the most recent iPhone
App Store登録もOK！JavaScriptで作るiPhoneアプリ
Webアプリケーションは、傾きセンサやGPSからの情報取得やバイブレータ動作などのOSの機能の利用に制限があります。また、オフラインでの動作ができません。 開発の容易さは、若干主観めいてしまいますが、コンパイルが必要でメモリ管理も必要なネイティブアプリに比べて、Webブラウザでリロードするだけで最新のコードをテストできて、基本的にメモリ管理も不要なWebアプリケーションに軍配が上がります。 ネイティブアプリケーションの最大のメリットは、「App Storeでの配布ができる」ことで、多くのユーザーが集まるApp Storeでアプリケーションを配布でき、さらには課金もできてしまう点です。 ローカルWebアプリという第3の選択肢 前段の機能比較表に「ローカルWebアプリケーション」という項目があります。これは、Safariでオンライン中に所得したHTML、CSS、画像データなどを保存して、オフラ
NimbleKit - Smart kit for fast iPhone apps development
NimbleKit is fast & fun way to develop apps for iPhone and iPod touch. And it's easy way to earn money. You don't need to know Objective-C. You don't need to be experience programmer. All that you need is to know HTML and JavaScript.What is NimbleKit for You? It's fast & fun way to develop apps for iPhone and iPod touch. And it's easy way to earn money. You don't need to know Objective-C or to
iPhoneのGPSをJavaScriptで操ろう (1/6)
JavaScriptの利用範囲がどんどん広がっています。ライブラリの充実によって、比較的手軽にいろいろなことができるようになり、Webサイト／Webアプリケーションだけでなく、今やモバイルデバイスやデスクトップアプリケーションなどの分野でもJavaScriptが活躍するようになりました。 本連載では、多数のJavaScript関連書やASCII.jpの連載「29分でできる！あのサイトの技を盗め」の執筆でもおなじみの古籏一浩氏が、最新のAjax/JavaScriptライブラリの解説から、今後注目される新しいJavaScriptの活用Tipsまで、“楽しくできて役立つネタ”をお届けします。 初回は「iPhone 3GS」に合わせてリリースされたiPhone OSの新バージョン「iPhone OS 3.0」がテーマです。iPhoneならではのGPS機能をSafariのJavaScriptで活用す
【ハウツー】あのBBCが作った超実力派JavaScriptライブラリ"Glow"を徹底解剖する (2) Hello, Glow! - まずはコアライブラリから | エンタープライズ | マイコミジャーナル
Glowに用意されているモジュールは次のとおり。 glow … ネームスペース/コアライブラリ glow.anim … シンプルながら強力なアニメーション glow.datam … JSONやクエリ文字列のシリアライズ/デシリアライズ glow.domm … DOMへのアクセス/操作 glow.dragdropm … シンプルなドラッグ&ドロップ操作 glow.embedm … Flashオブジェクトの検出 glow.ebentsm … イベントリスナの登録/削除 glow.formsm … HTMLフォームのバリデート glow.langm … オブジェクトのクローン生成や文字列操作といった有用なメソッド集 glow.netm … サーバ間とのデータ通信 glow.tweensm … アニメーション用の関数群 まずは上記より、glowモジュール内のreadyメソッドを紹介しておこう。gl
border-radiusを使って角丸を作る：CSS小技
ただ、問題もあります。現状、先進的なブラウザしか、border-radiusに対応していないのです。はい、がびーん。 有名なブラウザの対応状況を大まかに言うと、対応しているのは以下のブラウザたちです。（かっこいい） Firefox3 Safari3 Google Chrome そして、対応していないブラウザは、以下です。（おならプーです） IE 8以下 Opera 9以下 IE8でも未対応でしたから、この素晴らしい border-radiusが世で使われるようになるのは、まだまだ先のことかもしれませんね。 ナウなヤングでかっこいい人たちは、良かったらサンプルをご覧になってみてください。画像を使わずに角丸になっていることが分るはずです。
Parked at Loopia
This domain has been purchased and parked by a customer of Loopia. Use LoopiaWHOIS to view the domain holder's public information. Are you the owner of the domain and want to get started? Login to Loopia Customer zone and actualize your plan. Register domains at Loopia Protect your company name, brands and ideas as domains at one of the largest domain providers in Scandinavia. Search available dom
JavaScriptの最適化について、code.google.comの記事の適当訳 - それ図解で。・・・tohokuaikiのチラシの裏
GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。 いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、「おぉ〜俺って使ってるジャン」みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。 ということで、超適当翻訳。どっかの誰かが書いてるかも。 前おき 著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験：JavaScriptの実践的な知識 クライ
netswitch! | OSXのユーザ辞書の作り方
Posted by nanki Sun, 25 Nov 2007 19:20:00 GMT Leopardからは、小学館の辞書データとWikipediaが追加されて、とっても便利なDictionary.app. たぶん、キーボード使用を前提とした小気味よいインターフェースがいいんだと思う。 慣れてしまうと、もう生のWikipediaを使う気はなかなか起きない。 こうなると、なんでもかんでも、同じインターフェースで済ませたくなるもので、そんな時に、こんな検索しにくいページを見たら、「Dictionary.appで検索できて然るべき」と思ってしまうのが自然な流れ。 というわけで、ライフゲームの辞書、Life LexiconをDictionary.app用に変換します。 まずは、テンプレートをコピーしてくる。 試しにmakeすると、あっさり辞書が作られる。 make installすれば、~/L
IEでのJavaScriptデバッグを可能にする「CompanionJS」:phpspot開発日誌
My DebugBar | CompanionJS / HomePage IEでのJavaScriptデバッグを可能にする「CompanionJS」。 サイトでインストールをすると、ＩＥにドッキングされます。 インストールするだけでは使えず、インターネットオプションの「スクリプトのデバッグを使用しない」チェックを外す必要があります。 インストール後は、次のように「表示」メニューから表示することが出来ます。 表示すると次のような感じ。 エラーが出ると右側にエラーが出て、クリックするとスクリプトのエラー箇所に移動し、ハイライトされます。 また、サイトでエラーがあると次のようにブラウザ上で通知してくれます。 ＩＥでもデバッグしたい場合がありますが、このツールはなかなか使えそうですね。 もっといろんなデバッグをしたい場合はデバッグバーというものがあるようです。 DOMインスペクタ、HTTPインスペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
solidstate.jp
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
Ajax/Javascript/Dhtml examples and demos to download