【コラム】 吉田奈緒子|“ギフト”がつくる循環 アイルランドの「カネなし男」が引き出した、ローカルな経済圏の可能性
誰でも知ってるあのアイコン、一体どんな意味が? 毎日毎日ガジェットと過ごしていると、たくさんのアイコンが目に入ります。電源アイコン、コマンドアイコン、BluetoothにUSB! あまりにも当たり前になって気に留めてなかったアイコン達。一体それぞれのアイコンにはどんなストーリーがあるのでしょうか? 電源コンピューターの電源オン/オフボタンのアイコン。ここを押せばスタートしますよ。TシャツになったりNYのコンドームパッケージデザインに選ばれたり、人気絶頂のお馴染みアイコン。 このアイコンのストーリーは、第2次世界大戦までさかのぼります。エンジニア達は各電源ボタンやスイッチをバイナリシステムを使ったラベルでタグづけしていました。1はオン、0はオフ。1973年、国際電気標準会議(International Electrotechnical Commission)にて、切れ目のある円の中にラインは
これは便利ではなかろうか。 TappGalaではiPhoneアプリのインターフェーズデザインをざざっと眺めることができる。 ここのインターフェースはどうするべきかなぁ、と悩んでいるデザイナーやエンジニアにおすすめだ。 なお、このサイトで紹介されているそれぞれのアプリの画面は数枚だが、ちゃんとiTunesへのリンクもあるので、気になるアプリがあればダウンロードや購入して確かめてみるといいだろう。 またもちろん自分で作ったデザインも投稿できる(審査があるかどうかはちょっと不明…)。腕におぼえのある人はいかがだろう。 新しいプラットフォームであるiPhoneやiPadのインターフェースデザインがこうしてまとまっていると便利ですな。
企業や商品、Webサイトなどの「顔」と言ってもいいほど重要なのが「ロゴ」のデザイン。今回はデザインのヒントからチュートリアル、有名なあのロゴの秘密まで、見ているだけでもワクワクできる、はてなブックマークでも人気の「ロゴデザイン」にまつわるエントリーを集めてみました。 ロゴデザインのヒントを得よう まずはロゴデザインのアイデア出しに使えるサイトです。 Logo Design Toolbox: 60+ Resources for Logo Design 25 Amazing Logo Collections 35 Smart Logos With Second Thought To Make You look Twice | Graphic and Web Design Blog -Resources And Tutorials 海外のデザイン性の高いロゴがたくさん集まっています。 40+ U
cssを使った小技テクニックの エントリーが様々なブログで 公開されていますが、必要な時に 探すのが面倒なのでまとめます。 ソースコードを公開している記事に 絞ってまとめています。 CSSで実装する、ちょっと凝ったパンくずリスト cssでパンくずをデザインする方法とサンプル CSSで実装するちょっと凝ったパンくずリスト CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント ユーザービリティ(見易さ)を考慮したbodyに設定する。CSS HappyLifeさんも 記事を参考に別コードを公開。 CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント CSSだけでフレームを作るテクニック frameタグを使用しないで擬似フレームを作成。IE6対応。 CSSだけでフレームを作るテクニック テキストに影を付け印象的にする JSとcssでテキストに影を付けるテクニック
Flexとは、Flashをベースにリッチインターネットアプリケーション開発のためのフレームワークです。 2007年後半に正式リリースを予定している、Flex 3のサンプルの紹介です。 Adobe - Flex Developer Center Adobe - Flex 2 - Webアプリケーション開発ソフトウェア
Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22~33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
デスクトップの壁紙を変えると気分も一新されるような感じになるため、できればその日の内容に合わせてこまめに変えた方が良いような気がするのですが、お気に入りの壁紙を見つけ出すのは至難の業。特に自分だけでなく他の人がちらっとデスクトップを見て「お、これは……」というような壁紙にしようと思うとさらに困難を極めます。 というわけで、デスクトップをオシャレな雰囲気に変えてくれる壁紙50選は以下から。 50 Mac Desktops for Maximum Visual Goodness ■抽象的なイメージ Colorsplash Chroma Wallpapers Flow Infinity Gold Elemental Inside Rainbow Jacket Pack Colour Picker Aqua Wave Strukt Flow ■自然と建築物 Survivor Moody Water
検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <form id=”searchform1″ method=”get” action=”" > <input class=”isearch1″ type=”text” name=”keywords” id=”keywords” /> <input class=”ibutton1″ type=”submit” value=”" /> </form> </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く