第8回：Web 2.0を実感するために、ユーザーが経験すべき10のこと（前編）
今回からは「Web 2.0」の一連の変化が、ユーザーにどのようなインパクトを与えるのかを見ていきたいと思います。 まず今回と次回は、Web 2.0を実感するための10の手がかり「Web 2.0を実感するために、ユーザーが経験するべき10のこと」をお送りします。これまでWeb 2.0についていろいろと説明してきましたが、いくら文章を読んでも実際に体験していないと、なかなか実感できない部分があると思います。でも、いちど体験してみれば「あ、こういうことなのか！」と、ストンと腑に落ちるはずです。 その「ストンと腑に落ちる」感覚を味わっていただ手がかりとして、10個の行動をご紹介します。まだ未経験のことがあったら、さっそく試してみてください。そして、今までと違う何かを感じてください。 ■その1：オンラインショップで買い物をする 欲しい商品を検索して、オンラインショッピングサイトで買い物をしてみましょ
いざRuby on Railsでプロトタイピング ― ＠IT
筆者はシステム開発において（特に開発初期の段階では）何よりもリズムを意識しています。PDS（Plan・Do・See）サイクルを頭の中でイメージしながらプロトタイピングを行うことで、プロジェクトにリズムが発生します。実装フェーズで追加されるメンバーも、このリズムに乗ってプロジェクトにスムーズに参加していくことができるようになります。メンバーの顔が曇っているプロジェクトには、大抵リズムが存在していない（だらっと出社して、実装してだらっと帰る）ことが多いと思いませんか。 今回は、PDSサイクルでアジャイルプロトタイピングを行う方法を解説します。 プロジェクトの概要 今回取り上げる仮想プロジェクトの顧客はビデオレンタルショップです。ビデオレンタルショップは会員向けサービスとして、レンタルビデオの検索、予約、ある商品についてのレビューの作成とその閲覧機能を持ったポータルサイトを構築したいと考えていま
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
http://blog.diaspar.jp/archives/50383827.html
See related links to what you are looking for.
旧Windowsのメニューに似たリンク - CSS Dencitie
今回は、XP以前のWindows、つまり2000、Me、98や95などのバージョンで見られるようなメニューに似たリンクを作る技法をご紹介いたします。完成図は、以下のようになります。 例によって、サンプルだけ欲しい人は、リンク先のソースをテイクアウトして、お帰りはこちら～(どこ) 作ってみよう まず、HTMLソースから書いてみましょう。キーボードからの入力なので、それっぽいkbdのタグを使います。本番では、アクセスキーの指定は忘れないように！ <div id="x"> <a href="">ファイル(<kbd>F</kbd>)</a> <a href="">編集(<kbd>E</kbd>)</a> <a href="">表示(<kbd>V</kbd>)</a> <a href="">ヘルプ(<kbd>H</kbd>)</a> </div> これでは、改行が余白になってしまって空きすぎますので
スタイルシート例文辞典
Last Update:2011/10/1 PM 4:57 このページはスタイルシートの用例を載せています。このページはCSS3例文辞典に移行しましたのでメンテナンス等は行われません。→CSS3例文辞典へ 現時点で ・Internet Explorer 3.x, 4.x ・CSS Version に関しては未チェックですので信用しないでください。 このページに目的のものがない場合はJavaScript例文辞典、ホームページ例文辞典の方も参照してみてください。 HTMLタグリファレンス、スタイルシートリファレンスも用意してありますので、ご利用ください。 ■基本／定義 ［０１］スタイルシートのコメント ［０２］スタイルシートの設定（<style>タグの場合） ［０３］スタイルシートの設定（style属性の場合） ［０４］スタイルシートの設定（別ファイルを読み込む場合<link>） ［０５］スタ
css Zen Garden：CSS デザインの美
A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page. Download the example html file and css file The Road to Enlightenment Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers. We must clear the mind of the past. Web enlightenment
アンチエイリアスがかかったCSS角丸を作るWEBツール:phpspot開発日誌
Spiffy Corners - Making anti-aliased rounded corners with CSS Anti-aliased rounded corners using pure CSS. No Images. No Javascript. No fluff アンチエイリアスがかかったCSS角丸を作るWEBツール。 FG,BG Colorを入れるだけで簡単にアンチエイリアスがかかったCSS角丸枠が作れます。 もちろん、画像やFlashは一切使わない、CSSオンリーで実現されています。 次の図のように美しい角丸が実現可能。 作成されるタグは<b>タグで構成されているので、この部分を修正すればよいかもしれませんね。 関連エントリ： Javascriptで指定のHTML要素を動的に角丸デザインにする方法
Spiffy Corners - Making anti-aliased rounded corners with CSS
Anti-aliased rounded corners using pure CSS. No Images. No Javascript. No fluff.
naoyaのはてなダイアリー - Inside Hatena Bookmark's Backend の資料
以下に置いておきました。遅くなってすいません。 http://bloghackers.net/~naoya/pdf/050404inside_hatena_bookmark.pdf 会場で前置きしたように、はてなブックマークは、はてなで一番大きなシステムであるはてなダイアリーあるいは同じ YAPC で発表のあった mixi に比べると、まだそこまで大きな規模ではありません。月間の PV はだいたい 4,000 万 PV 〜 というところです。 ただ、日本でのトラフィックが上から 5 番目みたいな怪物サイトよりも、月間の PV が 1,000 万クラスのサービスの情報の方が、より現実的で役に立つのではないかと思い、はてなブックマークの裏側に絞って話しをしてみました。 ...という前提で見ていただけると嬉しいです。 はてなブックマークのデータのサイズもかなり大きくなってきたので、ぼちぼちパーテ
Prototype.js および Script.aculo.us をけっこう高速化する方法 - IT戦記
$A $A という関数を使うと、Array もどきオブジェクト(NodeList や Arguments など)を Array オブジェクト化することができる。便利だが、この関数を Enumerable インタフェースを実装するために使用するのは、あきらかにおかしい。 そこで、以下のようなものを定義してみる。 var $E = Enumerable.from = function(iterable) { iterable._each = Array.prototype._each; Object.extend(iterable, Enumerable); return iterable; };これを、 $A(〜).each とかしてるところに使う。 $E(〜).each こうする。 $E の実行速度は $A の 7 〜 4 倍です。 with(Element) effects.js の w
川o・-・）＜2nd life script.aculo.usのファイルサイズを軽減
http://www.goodpic.com/mt/archives2/2006/02/ajax.html で紹介されてる通り、script.aculo.usは通常のロードではファイルサイズが100KBを超えます。しかし、それはフルでロードしたときの容量なのです。script.aculo.usはロードするパッケージを選ぶことができる*1ので必要な機能だけを選べば良いのです。例えば、たいていの場合はscript.aculo.usのeffects.jsだけしか使わなかったりするので <script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script> とすればOK。これでファイルサイズは34KBに収まります。また、二つ以上のパッケージを選択したい場合は <script src="/js/scriptac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
英会話・英語・英文・メールの例文を無料オンラインで手軽に見て自然に学習するサイト