タグ

web2.0に関するkemworldのブックマーク (8)

  • 次のウェブをどう定義するか:構\造化ウェブの始まり:コラム - CNET Japan

    ブログ界には次のウェブの基性質に関する議論が浮上している。Tim O'Reillyは何にでもバージョンを付け、「Web 3.0」などと呼ぶ流行を批判するシグナルを送っているが、とにかく次に何が来るかについては合意は得られていないのが現状だ。わたしは、次に来るのは1つのものではなく、いくつかの大きなテーマによって特徴づけられると考えている。 ウェブの新しい進歩には、セマンティクス、アテンション(無意識的な行動)、個人化がある。次のウェブをどう呼ぶかはともかくとして、そこでの情報はより意味があり、より自動的で、われわれひとりひとりに合わせた動きをするものになる。 次のウェブの進化で欠かせないのは、構造化された情報の取り込みという要素だ。この概念はわれわれ人間にとってはあたりまえのものだが、コンピュータにとってはそうではないという事実を完全に見過ごしてしまっている。人間がAmazonで書籍を見

    次のウェブをどう定義するか:構\造化ウェブの始まり:コラム - CNET Japan
  • 【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル

    Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、

  • hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説&配布しているサイトのまとめ

    パチンコの遊び方と攻略 – 成功のための戦略を発見しよう!パチンコの遊び方をマスターしよう!プロのテクニックを習得して勝者に!パチンコの楽しさを体験しよう!成功のための戦略を発見しよう!戦略を鍛えてより高い勝率へ!

    hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説&配布しているサイトのまとめ
  • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE

    Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

    Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
  • Buttonator

  • jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.1

    先日、勢いで Macromedia Fireworks 8 を購入しました。私はどうも Photoshop や Illustrator が苦手、というか使いこなせません。メニューが豊富すぎてわけがわかんない。が、Fireworks はバージョン2 ぐらいから会社で使っていて、相性がいいのです。 で、せっかく買ったので、Web2.0っぽいデザインにチャレンジしてみました。まずは第一弾。「mirror reflection(反射)」です。 こういうやつ。 反射させたいオブジェクト(A)をコピー&ペーストで複製(B)します。 複製したオブジェクト(B)を選択して、[修正]-[変形]-[縦反転]で反転させます。 反転させたオブジェクト(B)を元のオブジェクト(A)の下に移動させます。 反転させたオブジェクト(B)を選択して、[コマンド]-[クリエイティブ]-[イメージのフェード]を選び、メニューか

  • Web2.0 アプリケーションライク な背景画像を生成する Background Image Maker

    http://lab.rails2u.com/bgmaker/ ウェブサイトのデザインをしているとき、自分はCSSを利用します。そのCSSを書いていて、「ああ、こんな背景画像がほしーな」と思うと、今までは画像編集ソフトでちまちま作ってSCPでサーバにアップして確認し「いやここはもうちょいこうした方が」とまた少しだけ修正してアップして…という繰り返し作業を行ってました。 しかしその作業単調が面倒になってきたため、簡単にWeb2.0っぽいアプリケーションでよく使わるような背景画像をWeb上から作成できるツール、「Background Image Maker」を作ってみました。下のような背景画像を簡単に作成ができます。また先日このページを現在のデザインにリニューアルしたのですが、今使っている背景画像も全部 Background Image Maker を使って作成してます。 使い方は値を適当に弄

  • { marble Beat* } web2.0的デザインの傾向と対策(1)

    このごろ流行りの女の子~♪ じゃなくて、流行りまくって傷ぎみなweb2.0的なサイトですが(^^; どうもある種のルールを持てばweb2.0なデザインになるようです。 これで今日からあなたのサイトもweb2.0だw 以下のページを参考に 最近のwebデザインの傾向(英語) http://www.webdesignfromscratch.com/current-style.cfm 上記のすばらしいサイトは、以下のデザイン機能を共有します: * 単純なレイアウト * 3D効果(倹約して使われる) * 柔らかい、中間の背景色 * 強烈な色(倹約して使われる) * かわいいアイコン(倹約して使われる) * 多くの余白 * 素晴らしい大きいテキスト 直訳でした、これらを守ればweb2.0デザインです以上! って言うのは冗談ですがw 細かく見ていくと ・単純なレイアウトと言うのはユーザーにとって見易

  • 1