LLPlanets - JavaScriptプログラマのための 全方位的完全武装ガイドTopicsPlaceHolder SectionTitlePlaceHolder TIME rest time current/total
HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは、EveryWhere開発部の久下孝順、高橋淳史と申します。 先日リリースされました、iPad用Webアプリ「えほんのじかん」（iPad版）の紹介をさせていただきます。 このサービスの内容はごく単純で、たくさん並んだサムネイルから気に入ったものを選択すると、アニメーションと朗読によって構成された絵本風の動画が流れる、というものです。 もともとこの「えほんのじかん」の元祖は、「テレビ版」でした。 インターネット対応テレビ向けに提供しているテレビ版Yahoo! JAPANやYahoo! JAPAN for AQUOSなどからみることができます。 iPad版より作品収録数は多く、30作品以上を掲載しています。 テレビ
【ハウツー】タッチ端末のスクロールUIを簡単に再現! YUIの新ウィジェット"ScrollView" (1) Yahoo UI 3.2.0の新ウィジェット「ScrollView」とは | エンタープライズ | マイコミジャーナル
The YUI teamは7日(米国時間)、Yahoo UI(以下、YUIと表記)の最新版となるYUI 3.2.0をリリースした。YUIはJavaScriptフレームワークのひとつで、The BSD Licenseのもとで公開されている。豊富なユーティリティと強力なウィジェットが特徴。(マイコミジャーナル内の紹介記事「【ハウツー】待望のiPhone/Androidサポート! YUI 3.2.0のモバイル端末向け機能を試す」) YUI 3.2.0で追加された新機能のひとつに「ScrollView」ウィジェットがある。ScrollViewはiPhoneネイティブアプリのスクロールUIをWebブラウザ上で簡単に実現するためのウィジェット。 タッチデバイスではCSSのoverflow: scrollを利用した場合、特殊な操作を要求されてしまう。たとえばiPhone上のMobile Safariの場
HTML5 で書道が楽しめる The Shodo の完成度がすごい - てっく煮ブログ
ちまたでは HTML5 が話題ですね。「HTML5 ではこんなこともできます」といった紹介はいろんなところでみかけますが、「じゃあ、ぶっちゃけ、どんなサイトが作れるのよ」がいまいち見えてない人も多いのではないでしょうか。そんな中、HTML5 の機能を活用した完成度の高いサイトが登場していました。その名も The Shodo。 The Shodo (http://www.theshodo.com/)ブラウザ上で書道体験The Shodo ではこんな感じにブラウザ上で書道を楽しむことができます。書くときにカーソルの位置に手が大きめに表示されるのが本当に書道している気分にさせてくれます。硯をクリックして色の濃さを選んだり、筆をクリックして筆の太さを選んだりもできます。ちょっとした動画や BGM が雰囲気を盛り立てるトップページで [Write] を選ぶと書き始められるのですが、最初に動画で墨を擦
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 4.0): Usage of deprecated jQuery API
Paint : Microsoft Paint Online
Microsoft Paint is also known as MS Paint. It is a basic graphics drawing program that has been an indispensable part of all versions of the Microsoft Windows operating system. MSP provides easy ways for creating different types of graphics with different tools. The tools include brushes, shape generators, pens, and erasers. Many users of Windows might also be unaware of its presence, considering
miya2000の日記 - これからドラッグ＆ドロップを書く人のために
2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ＆ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね！ safari で動かないらしいのでどなたか情報ください！(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし
SIMILE Widgets | Timeline
With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details. Licensing Timeline is open source software and is licensed under the BSD license. Credits This software was originally sponsored by The Andrew W. Mellon Foundation as part of the SIMILE project. Its original author is David
jsmap - JavaScriptによる都道府県入力補助
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
Webアプリでモーダルダイアログ - e-learningやってる社長のブログ
2006/06/05 21:22 | 1 Comments 昨日、lightbox使えばモーダルダイアログが簡単に使える、というエントリを書いたのだけど、lightboxのソースを見ると、ただのモーダルダイアログを出すのは簡単みたい。サンプルはこれ。（prototype.jsを使っているけど、ラクして$を使ってるだけだから、必須というわけではないです。） サンプルのソースを見てもらえば分かると思うけど、要するにやっていること3つ。 ・黒い下敷きを作成 ダイアログ以外のコントロールを触れなくするためのレイヤー。positionをabsolute、高さと幅を100%にして、z-indexを5000くらいにしておく。見た目を考えて、透過処理もしておく。 ・ダイアログを作成 z-indexを9999くらいにしておくことで、黒い下敷きより前面に配置する。 ・イベントハンドラを設定 黒い下敷きとダイア
prototypeでFisheyeメニューを作成するjavascript「Fisheye」
twitter facebook hatena google pocket アイコンを用いたメニューを収縮させて省スペースでインパクトを与えるフィッシュアイメニュー。 今回はjavascriptライブラリのprototypeで作成するFisheyeを紹介します。 sponsors 使用方法 FisheyeからFishEye.js、EventDispatcher.jsをprototypeからprototype.jsを、さらにscript.aculo.usからeffect.jsをダウンロードします。 <script src="http://yourdomain/prototype.js" type="text/javascript"></script> <script src="http://yourdomain/effects.js" type="text/javascript"></scr
それ、Flexで！（左から右へ受け流すサンプル付き）
空前のAjaxブームもあってか、ものすごいテクニックを駆使したJavaScriptアプリケーションが存在します。むりやりJS技術だけで頑張ってる姿を見ると…「それ、Flexで！」と思ってしまいます。 JavaScriptで凝ったUIを作れることは素晴らしいのですが、世の中には「適材適所」という言葉があります。そろそろJSだけではなく、違う方法も模索した方が良いような気がします。 Webアプリケーションがデスクトップアプリケーションに負けているところは、デスクトップで当たり前のようにできていた動作がWebでは簡単に実現できないことです。 わかりやすい例が「ドラッグアンドドロップ」。 Webアプリケーションで全てのブラウザ向けに「ドラッグアンドドロップ」機能を搭載しようとすると、なかなか骨が折れます。 Flexで道具を左から右へ受け流すサンプル というわけで、今回はFlexで「ドラッグアンドド
ソートが可能なテーブル実装ライブラリ色々:phpspot開発日誌
CSS Juice 16 Sortable Table Techniques Tabular data in table form is a regular technique on web sites and web applications for represent data and information. ソートが可能なテーブル実装ライブラリ色々。 JavaScriptとCSSを活用し、データのソートが可能な便利なウィジェットを実装できるライブラリが多数紹介されています。 Nofunc Table Organize TableKit Brixontech Table Sort Sortable Selectable Zebra Table Kryogenix Sortable Sorting HTML Tables with Javascript SortedTable by M
待望のAjax Webアプリケーションフレームワーク"Ext 1.1"登場 | エンタープライズ | マイコミジャーナル
Ext JS, The Ext teamは1日(米国時間)、Extの最新版となる「Ext 1.1」を公開した。ExtはJavaScriptで開発されたWebアプリケーションフレームワーク。スタンドアロンで提供されているフレームワークで、軽量HTMLエディタ、新しいExt.Ajaxユーティリティクラス、拡張されたDateFieldおよびDatePickerコンポーネント、整備されたドキュメントなどに特徴がある。以前のバージョンと比較してバグ修正も実施されている。 Ext 1.1では、とくに他のサードパーティライブラリへの依存がなくなった点が特徴的。このためExtを使ってWebアプリケーションを開発する場合にはExtだけを用意すればよくなった。ただし他のライブラリと共有するためのアダプタ機能は引き続き提供されるため、デベロッパのチョイスで複数のライブラリやフレームワークを組み合わせて使うことも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
どんなサイトもタッチ対応に変える『Onswipe』
theshodo.com
TOKI WOKI. Scroll Clock
diaspar.jp
http://japan.internet.com/developer/20080215/26.html
livedoor