RIA のアーキテクチャーとデザインパターン （アプリ全体像編） | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* この記事では、クライアント側とサーバー側を含めたアプリケーション全体のアーキテクチャーを扱います。まず、J2EE のパターンとして知られている MVC （J2EE-MVC2） を検証し、他のデザインパターンとの比較を行います。また、Flex クライアントとサーバー間の 3 種類の通信方法について、具体的に解説します。 クライアント側アプリのア
ローディング作成☆
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
商用サイトでもフリーの細部まで丁寧に描かれたアイコン -midtone design
商用サイトでもフリーで利用ができる、細部まで丁寧に描かれたアイコンをmidtone designから紹介します。
POP*POP的アイコン配布サイトまとめ | p o p * p o p
よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきます。よろしければどうぞ。 » Icon-Sammlungen — Software Guide ご利用の際には、それぞれの利用ライセンスに従ってご活用くださいませ。 ■ 「80×15」ボタン ↑ 3,400個ものミニボタンを公開しています。 Adam KalseyやLuca Zappaを使えば、ボタンの作成もできます。ブログのRSS用ボタンも簡単に作れます。 » George Taylor McKnight ■ intersmash.com ↑ 1,800のサイトから集められた300のアイコンを公開。矢印、記事、メール、吹き出しなどに使えるかわいらしいのがたくさんあります。サイズは16×16ですね。 » intersmash.com/300i
Download Free Responsive Website Templates | StyleShout
We Craft Simple & Modern Free Responsive Website Templates. We offer a collection of modern and minimal website templates that can help you create simple and eye-catching websites quickly and easily. And best of all, they're completely free! Maillard Maillard is a free restaurant website template that is perfect for any modern restaurant, cafe, or patisserie. It is simple, elegant, and easy to use
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
Djangoで始めるデザイナー的フレームワーク入門 | スパムとか
株式会社モノスペースの船井さんが、東海PythonWorkshop01でデザイナ視点から見たDjangoについてプレゼンされたので、参加してきました。 ＃本当は動画を撮りたかったんだけど、ヘボイデジカメでとるのは辛かったから断念orz 船井さんは、元々はデザイナの出で、今はプログラムもできるとのこと。最近、つぶやき系のサービス monologista をDjangoで作られています。 昨年の夏頃にチュートリアルの用なものをブログに書かれていたので、Djangoを追っている方々はご存知の方も多いかもしれません。 以下、メモ書きしてきたものです。きっとプレゼン資料が公開されることでしょう:) デザイナにとって嬉しいところ DRYで無駄を省けるところ シンプルで覚えることが最小限 動作高速 ドキュメント充実 大規模Webサイトでの利用実績多数 使える管理画面の自動生
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
制限無く無料で商用利用可能な画像を検索するネットサービス「PicFindr」 - GIGAZINE
最近は商用利用が可能でなおかつクオリティの高い写真や画像がダウンロード可能なサイトも増えてきました。で、今回紹介する無料ネットサービス「PicFindr」は、そういった画像を一括してキーワード検索できるようにするものです。商用利用する際にロゴを入れたり事前許諾を行ったりコピーライト表示を行ったりする必要が全くない画像のみを選び出して表示してくれるので、かなり便利かつ作業時間の短縮が可能です。 詳細は以下の通り。 PicFindr: Free stock photo and image search http://www.picfindr.com/ 上記ページにアクセスしたら、中央下部にあるこのボタンをクリック 検索したい画像のキーワードを入力して「Search」をクリック こんな感じでずらずらと並びます。画像の上にマウスカーソルを移動させると自動的にサムネイル画像が拡大されます。 サムネイ
パッケージ風の画像を作成する無料ネットサービス「3DWebBox」
ソフトウェアのパッケージのような画像を簡単に作成することができるのがこの「3DWebBox」という無料ネットサービス。左側面と右側面の画像を用意すれば、いかにもそれっぽい画像が作成されます。 使い方は以下の通り。 パッケージの3D画像を作成 http://netapeta.com/3dwebbox/index.php まずは「参照」をクリックして画像を指定 それっぽくするために左側だけ幅を50％に。明度を変更することもできます。このあたりがお好みで。 「作成する」をクリック できあがり。ダウンロードして使いましょう。 ほかにも、カラフルなQRコードを作成するサービスもある模様。 おもしろQRコード作成サービス http://qr.netapeta.com/ 今後はQRコードを貼り付けた立体キューブを作成するサービスとか、faviconを3Dキューブにするサービスとかも予定しているらしい。期
２ちゃんねるを殺伐としたサイトにしたほんとの理由: 歌田明弘の『地球村の事件簿』
２ちゃんねるを殺伐とした理由について ひろゆきから反論があった。 その反論は、ネットでの効率的な情報交換について 考えさせるものでおもしろい ●面倒なあいさつは抜きにしたい 何号かまえに、２ちゃんねるがわざと殺伐としたサイトにデザインされているという話をとりあげた。殺伐とした人間模様にしたかったからではないか と書いたところ、管理人の西村博之氏（通称・ひろゆき）から、それは誤解だとブログで反論があった。その理由が彼らしく、また、ネットでのコミュニケー ションを考えるうえでもおもしろい。 ２ちゃんねるを殺伐としたサイトにしたほんとうの理由は、「第３者が見たときに情報価値が高くなるように」ということだと、次のようなやりとりの例を挙げて説明している。 パターン１ Ａさん「はじめましてこんにちは、わたしは猫の写真を集めたサイトを社内で作ろうとしてるのですが、サーバ内のＨＤＤの残り容量がわからないの
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
Lucky bag::blog: 重い画像を読み込む際のインジケータをCSSで表示
えっ、当然ブロードバンドっすよ、何か？みたいな世の中なんで、果たしてどれくらい効果があるのか分からないのかも知れないんだけれども、ちょっとばかし重たい画像があったとして、その画像の読み込み中に味気ない空白を見つめているよりは、読み込み中を表すインジケータのアニメーション GIF を用意して img 要素の背景画像に指定しておけばナローバンドな環境にも配慮できるでしょ？（超意訳）みたいな小技が maratz.com » archive » Image Preloader で大分前に紹介されてたのを見つけたんでやってみた。 重い画像を読み込む際のインジケータをCSSで表示のサンプル img { display: block; background: #fff url(progressbar_long.gif) center center no-repeat; } 全然、分かんね。Ctrl+F5
pooliestudios Digitalagentur von Alexander Kaiser & Freunden
pooliestudios entwickelt digitale Champions. Die Agentur hinter HomeToGo, EatHappy, der BBBank und noch ein paar weiteren... Inhouse-Services Strategie & Consulting Für Wachstum und Innovation. Research, Consulting, Business Strategy, IT Strategy Konzeption & UX Die Basis für jedes Projekt. Technical Concept, IT/System Architecture, User Experience Marketing Für mehr Kunden und Umsatz. Content Str
CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence:::::::
お探しのページは「すでに削除されている」、「アクセスしたアドレスが異なっている」などの理由で見つかりませんでした。以下でキーワードやカテゴリーから記事を探すことができます。
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
CSS3 セレクタ チートシート
以前、CSS3 セレクタをまとめたエントリーを 3回にわたって上げましたが、それらをまとめる意味で CSS3 セレクタのチートシートを作ってみました。 本当は、サンプルソースとか、セレクタに関する説明とか色々入れようと思ったんですけど、A4 サイズ 1枚にまとめるのはスペース的に不可能だったので、単純な CSS3 セレクタ一覧になっちゃいました。残念。 CSS3 セレクタチートシート （PDF） ※PDF ファイルは URI が変わる可能性がありますので、ブクマする際はできればこのエントリーにして頂いた方が安全です。 今回、チートシートのフォーマットは、Microformats Cheat Sheet を参考に作らせてもらいました。右サイドに IE7、IE6、Firefox、Opera、Safari それぞれでの各セレクタ対応状況を簡単にまとめてあります。 なお、対応状況のチェックには、c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
かなり自由にスタイリッシュなボタンを作れるジェネレータ『Da Button Factory』 - 100SHIKI 〜 世界のアイデアを日替わりで 〜
IDEA * IDEA
