Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
Webアプリのユーザビリティを改善しまくるAjax ― ＠IT
Ajax うきうき Watchでは、Ajaxを使ったWebアプリケーションやサービス提供者、ベンダの動向から「うきうきするような」面白いもの、確実に押さえておきたいものを厳選してお届けしていきます。 Ajax、それはWebアプリケーションのユーザビリティを改善する切り札である。古い技術を組み合わせ、魔術のごとく生まれ変わった新しいファッションである。 今回より、なるべく密に、Ajaxの動向をウォッチングしていきたいと思う。 基本的には、新しい話題を中心に、厳選した面白い話題を提供していきたいと思うが、今回だけは初回でもあり、これまでのAjaxに関する話題から面白いもの、確実に押さえておきたいものをピックアップしてみたい。 なお、ここでは主に日本語で読める情報について取り上げていく。ただし、特に重要なものについては、英語の情報を扱う場合がある。 Ajax: Web アプリケーション開発の新し
GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場
オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量なJavaScriptエフェクトライブラリ。 moo.fx - the next small thing http://moofx.mad4milk.net/ また、類似品としてはこんなのもあります。 GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』ｗ。 個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ（Bold Stripe） ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線（Bold Borde
Go2Web20.net - The complete Web 2.0 directory.
Account Suspended This Account Has Been Suspended
Web2.0サイトを開始するための7つのルール:Geekなぺーじ
「Seven rules for Web 2.0 startups」という記事がありました。 面白かったので要約しました。 誤訳などがある可能性があるので、詳細は元記事をご覧下さい。 書いている人はユーザの立場から、Web2.0サイトを構築するときに注意すべき事を書いているようです。 以下要約です。かなり意訳気味です。 1. ユーザが楽に移行できるようにしてあげる事 前使っていたサービスからの移行をスムーズにしてあげる必要があります。 例えば、Vox blogでは最近になって他のブログサイドバーに入れられるHTMLを生成するジェネレータを公開しました。 これによって、他のブログサービスを使っているユーザはVox blogに移動する事を宣伝しやすくなりました。 2. ユーザがサービスを試しやすい事 ユーザからすると、何が出来るかを試すためだけにメールアドレスを要求されるのは嫌なものです。 良
NeoVision株式会社｜VTuber事務所
NeoVision株式会社は、VTuber（バーチャルライバー）事務所の運営、デジタルコンテンツ及びオリジナルグッズの企画・販売をはじめとするエンターテインメント企業です。
jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.1
先日、勢いで Macromedia Fireworks 8 を購入しました。私はどうも Photoshop や Illustrator が苦手、というか使いこなせません。メニューが豊富すぎてわけがわかんない。が、Fireworks はバージョン2 ぐらいから会社で使っていて、相性がいいのです。 で、せっかく買ったので、Web2.0っぽいデザインにチャレンジしてみました。まずは第一弾。「mirror reflection（反射）」です。 こういうやつ。 反射させたいオブジェクト（A）をコピー＆ペーストで複製（B）します。 複製したオブジェクト（B）を選択して、[修正]-[変形]-[縦反転]で反転させます。 反転させたオブジェクト（B）を元のオブジェクト（A）の下に移動させます。 反転させたオブジェクト（B）を選択して、[コマンド]-[クリエイティブ]-[イメージのフェード]を選び、メニューか
既存のウェブサイトをAJAX化する意味が本当にあるのか?:中島聡・ネット時代のデジタルライフスタイル - CNET Japan
既存のウェブサイトをAJAX化する意味が本当にあるのか? 公開日時： 2006/06/24 09:52 著者： 中島聡 木曜日に、Java World Day 2006 でAJAXに関する講演をしてきたのだが、そこでこんな質問が出た。「エンタープライズ系やe-commerce系のウェブサイトをAJAXする意義が本当にあるのか？」という質問である。 とても良い質問である。新しいテクノロジーやトレンドが注目を浴びるたびに、「これからはAJAXだ！」、「Web2.0の時代だ！」と大騒ぎをするマスコミに煽られて、あっちにフラフラ、こっちにフラフラしていては自分を見失ってしまう。 心の底には「AJAXって本当に必要なの？」と疑いの気持ちを持ちつつ、「皆があれだけAJAX、AJAXと騒ぐのだから、たぶん私だけが勘違いしているに違いない」とAJAXの勉強を始める人がいると、それを横から見ていた
Webクリエーション・アウォード
News お知らせ 2024/04/01 第12回Webグランプリが始まりました！ 「企業グランプリ部門」の参加申込を受付中です。 お申込みは、ページトップの「参加申込はこちら！」よりお願いいたします。 2024/03/25 第12回Webグランプリ開催決定！ 第12回Webグランプリの開催概要を公開いたしました。 「企業グランプリ部門」への参加申し込みは 4月1日 より開始いたします。 2024/01/23 2024年2月27日（火）にWebグランプリフォーラムを開催いたします。 一覧へ インターネットがすみずみまで浸透した現在、ウェブサイトは社会にとって欠かすことのできないメディアになりました。特に、ソーシャルネットワークが大きな影響力を持つ昨今では、さまざまな情報のソースとしてもウェブサイトの重要性がいっそう高まっており、多くの方がその運営に地道な努力を捧げています。 『Webグラン
MiniAjax, Le meilleur de la banque en ligne – On code des billets ici!
février 2, 2021 by Theodore·Commentaires fermés sur Simplifiez vos tâches ménagères avec un robot lave-vitre Dépensez moins d’énergie et gagnez davantage en efficacité avec un robot nettoyeur de vitre. C’est un appareil innovant et qui offre une performance exceptionnelle. Les robots lave-vitres possèdent également des fonctions très intéressantes qui pourront vous faciliter la vie. Pour découvrir
Web2.0に関するあらゆるロゴを集めたサイト「Web2Logo」 - GIGAZINE
ITバブルの頃に叶えられなかったもろもろが、積年の技術革新と蓄積、ネット利用者の増加によってついに実現可能になったのが「Web2.0」という潮流であるとするならば、そのWeb2.0的サービスを提供する各企業やサービスには「ロゴ画像」が存在するわけです。一種のシンボルですね。そういう特徴を端的に表しているWeb2.0関連のロゴを山ほど集めたサイトが「Web2Logo」です。 単純にロゴを集めているわけではなく、それぞれのロゴにはタグが付けられており、タグ自体もタグクラウド化しているので、「こういうジャンルのロゴには共通の傾向や特徴はあるのだろうか？」といった事も知ることができます。単純にデザインの参考にする場合でもお役立ち。 詳細は以下から。 Web 2.0 - Web2.0Logos http://www.web2logo.com/ 例えば、タスクとかToDoリストなどのいわゆるタスクマネ
Web 2.0っぽいバッジがいろいろ紹介されている『Web 2.0 Badges』 | 100SHIKI
Web 2.0っぽいサイトでよく見かける星型のバッジ。サイトをそれっぽく（謎）するためにつけている人も多いのでは。 そして、そうしたバッジがたくさん紹介されているのがWeb 2.0 Badgesである。 しかもそれらのバッジのメッセージがなかなか愉快でもある。 「タグをつけてくれ！子供がいるんだ」「Googleさん、うちのサイトを買って！」などなど、読者やユーザーをにやにやさせてしまうようなバッジばかりである。 さらにフォトショップのファイルも配布されているので腕に自信のある人は自分で作ってみてもいいだろう。 サイトに彩りを添えるこうした部品はもっとたくさん出てきてほしいですね。
Web 2.0 Tutorials Round-Up | Tutorials | Smashing Magazine
Usability and the utility, not the visual design, determine the success or failure of a website. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has established as a standard approach for successful and profit-oriented web design. After all, if users can’t use a feature, it might as well not exist. This article has been ki
Mashable
Artificial intelligence features will be trickling into the EU very, very slowly.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
CSSとJavaScriptでチェックボックスなどをグラフィカルにする「formStyle」
77 165種類のWeb2.0アイコンデータ （Liquidicity） - youmos
PXN8.COM - Online Photo Editor
tingelets – Bookmarklets for Web Developers