dhteumeuleuFor my own disappearance:
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
How Web 2.0 Logos are drawn (Photoshop)
Ever wonder how these guys draw their Web 2.0 Logos? Sometimes it’s nice to learn from others, build up the basic skills and start your own creativity from there. In this Photoshop tutorial, I’m going to reveal you some of the nice Web 2.0 logos, how you can draw their logo exactly the same (well, not really 100%, though) with Photoshop. 1. Download and Install style file First of all, you will ne
Web 2.0のデザインパターン | S i M P L E * S i M P L E
Web 2.0のデザインパターン November 24, 2006 12:15 PM written by Gen Taguchi メモ書きにてエントリー。訳しただけだけど。 Pixel Acresにて「The visual design of Web 2.0」という記事があがっています。Web 2.0っぽいサイトのデザインをパターン化したものです。見た目がすべてではありませんが、とっても重要なのは間違いないです（「見た目いけてないから他のサイト行こうっと」はよくありますよね・・・）。 さて、ではポイントをば。 ■ グレーの次はグリーンだ！ 明るいグリーンが流行です。下記サイトをみてもそうですよね。 ■ 角丸命！ Rounded Cornersは新しい標準す。 ■ 「無料！」印がキーワード まずはトライアルができるのがWeb 2.0の特徴。無料の文字もいれときましょう。 ■ は？素材集す
一足早く「Plagger」の便利さを実感してみよう − ＠IT
2006年初頭から「Plagger」という技術が、一部で話題になりました。まだまだ知名度が低い「Plagger」ですが、便利でカスタマイズ性が高いものなので、2007年では爆発的に流行するかもしれません。豊富なプラグインを自在に組み合わせ、欲しい情報を収集し、加工して出力するPlaggerの仕組みや使い方を紹介します。 1. 何でもできる？ Plaggerの正体に迫る 今回は話題のPlagger（プラガー）を取り上げます。 この連載を読んでいる読者の皆さんは、ネットワーク技術や知識に興味を持っている人が多いでしょうから、「Plagger」という単語は一度は耳にしたことがあるでしょう。しかし、Plaggerという言葉を聞いたことはあっても、いったいどんなものかピンと来ない人もいるかもしれません。今回はPlaggerがどういった働きをするか？ その動きの仕組みなどを中心に紹介していきます。 ●
Great Fonts for Web 2.0
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
Buy women's shoes boots handbags | Shop visually for women men's shoes clothing | Like.com
í=ksÛ83¿ ûÝ$uõl'Ö-; ;qÙÎÎNmm©@ S$¤ìhÇó_üõþåu à )Ѷ8Ѧ.U±@ èn4 `¿ùñøÓðê×ó 2 g69ÿ|túaH´Z½þK{X¯ _ ¼¿:;%Í ¹ò© X¡å:Ô®×O>jD¡·_¯ßÞÞîܶw\ R¿º¨ EXM¬,µ0UsÇ Mmðãû:³à JsooOTÖ ?¼2j ~ äÍ `é ûmnÝ hC× Ö® Ó! ´} ëXû51¦Ô Xx` nmw·»Wkj (ÎØf²Àð- ÉKÁ8µ®ÙáÎvÈåÔõÈØõ1ÁWä=uLN õ )fýÄní/^¡íSË (C ë[, ·V8%îÜ' »%7V0§6 õéÎ A×lqëúf¢æдL îß»º Sq è8ül3Ëè!÷GT_ó) £b÷G, Ø
Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
i d e a * i d e a - 使える2.0系カラーパレット
ちょっとメモ書き。 2.0っぽいって言葉ももうアレですが、デザイン的には綺麗なサイトが多いので色使いはいろいろ参考にしています。その際によく見ていたのが「Web 2.0 Colour Palette」です。 » Web 2.0 Colour Palette 著名なサイトの色をカラーコード付で紹介してあって便利。 で、それの拡張版がMilesさんのブログで紹介されていました。全部で72個あって使い勝手がよさそう。 JPEGバージョンも用意されていますが、個人的にすげーと思ったのはPhotoshopの色見本ファイルを配っている点。色見本ファイル、はじめて見ました（拡張子は.aco・・・こんなん、はじめてや）。 » カラーパレットダウンロード（ZIP、2KB） あとで使うことになりそうだからここで紹介しておこうっと。みなさんもよろしければご活用ください。 ↑ 僕のPhotoshopがレベルアップ
i d e a * i d e a - 2.0っぽいデザインのフォトショップテンプレート集（しかも無料！）
昨今のウェブデザインでは2.0っぽいものがまずは候補になると思いますが、一から作っていては面倒です。そこで無料でPhotoshopのテンプレートがゲットできるサイトをご紹介（む、『ゲット』って死語か？）。 たとえば・・・。 とか、 とか、 とか、 などなど。2.0っぽいすね。すべてPhotoshopのPSDファイルでダウンロードできます（フォントがなかったりするときがあるのがちょっとアレですが）。 それからこれらのファイルはPhotoshopのチュートリアルブログで提供されているものっぽいですね。詳しい作り方はそちらをご参照ください。 そのブログは↓。デザイン系興味のある人はRSS購読してみては。 » photoshop it! それからこれらのテンプレート、Photoshopで開くと次のようなメッセージが。 さりげなくサイトの宣伝ですね。「ブログで宣伝してね！さ、もうこのレイヤー削除して
WD Live! Web標準時代に求められるサイト構築法
Web標準時代に求められる サイト構築法 木達一仁 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア Web Standards Projectメンバー k-kidachi@mitsue.co.jp / kidachi@kazuhi.to 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア（2004年2月～） Web標準準拠サービスの立ち上げ/運用 Web標準Blogの運営 W3C Advisory Committee Representative 海外のWeb標準関連書籍和訳版の監修 Web Standards Project（WaSP）メンバー mixiにてWeb標準コミュニティを主催（2006年5月25日現在3260人が参加） 7月15日「Web標準の日」開催
jkondoの日記 - 顔が認識できるアルバムサービス、Riyaが凄い
顔を自動認識できるというウェブアルバムサービス、riyaが使えるようになっていると知ったので使ってみました。 http://riya.com/ これは凄いです。 写真をアップロードすると、勝手に「顔がどこにあるか」を認識してくれます。それが誰かをriyaに教えていくと覚えてくれて、他の写真も「その顔は誰か」を認識してくれます。 さらに、写真の中にあるテキスト（この写真だとかばんにある「Emerging」とかの文字）も自動的に認識してくれて、あとから検索できます。 "People"ページでは自分が名前をつけた人たちが一覧で表示されて、まだriyaに誰かを教えていない人がリストアップされるので、そこからさらにその人を教えていくとどんどん自動で認識していってくれます。 これが僕のアルバムの中の"Naoya Ito"の写真一覧。 顔が認識されていく様子が楽しくて、ついついどんどんアップロードしてし
今日から始める！ Web 2.0超入門講座 ～初心者でもよくわかる「これからのWeb」のすべて～
本連載ではここまで、近年Webに起きている変化と、その背後にある構造、そしてTim O'Reilly氏の「Web 2.0とは何か」の読み解きをリンクさせながら、Webの進化について見てきました。 身近なブログや検索エンジンから、技術、マーケティング、ネットワーク分析など広い範囲に話が広がりましたので、今回は、第1回から第6回までをおさらいしておきたいと思います。 ■「Webはスケールフリー・ネットワーク」という世界観の発見 多くの方が既に実感してらっしゃると思いますが、ネットの特徴は「つながる」ことです。北海道のお店がWebサイトを持てば、東京や沖縄など全国にいるお客さんとも「つながり」やすくなります。部屋でブツブツ独り言をいうのでなくブログに書けば、どこかの誰かと「つながって」仲良くなれるかもしれません。 こうした個々の「つながり」が集まって、Webという大きな「ネットワーク（網状に形成
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳
amaznode
人気のWEB2.0的サイトのロゴを100個ひたすら並べてみた - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
noughts::view::
Background Image Maker
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」
はてな cssを使ったおしゃれなformのデザイン方法について書いてあるサイトを教えてください。web2.0的なフォームを作りたいと考えています。http://demo.moo・・