デザインに関するfawのブックマーク (99)

  • Game Developers Conference 2008現地レポート

    【10月2日】 「任天堂カンファレンス 2008.秋」レポートその1 ハード編 「自分専用DS」を目指した「ニンテンドーDSi」 「任天堂カンファレンス 2008.秋」レポートその2 ソフト編 年末年始も磐石? 「Wii Music」ではとたけけ登場!? 「任天堂カンファレンス2008秋」 主要タイトル・ファーストインプレッション 「ニンテンドーDSi」を一足先に体験!! 他 任天堂、スクリーンショット集〜DS編 「マリオ&ルイージRPG3!!! (仮)」、「メイドイン俺」、「立体ピクロス (仮称)」など 任天堂、スクリーンショット集〜Wii編 「罪と罰2 (仮称)」、「Punch-Out!!」、「街へいこうよ どうぶつの森」など 任天堂、「ニンテンドーDSi」を発表 30万画素カメラ付、SDカードスロット付で11月1日発売 【速報版】 佐藤カフジの「PCゲーミ

  • 1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル

    CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。 世界中のWebデザイナやフロントエンドデベロッパが同じ悩みを抱えているから、Webブラウザ間の互換性を実現するCSSライブラリがいくつも登場したり、ベストプラクティスをまとめたCSSリファレンスドキュメントが登場したり、CSS擬似クラスといったテクニックが紹介されたり、IEのCSS/HTML非準拠に対処するライブラリが登場するといったことが相次いで起こっているわけだ。 しかし、ほかのライブラリに依存せずにいちから自力でCSS

  • 服に迷ったら!ファッションコーディネート買物代行サービス

    「.jpドメインオークション」は、中古.jpドメインの取得権利をオークション形式でご購入いただくサービスです。出品されているすべてのドメインに対して、どなたでも入札することができます。(参加費無料)

    服に迷ったら!ファッションコーディネート買物代行サービス
  • Interaction Design Pattern Library - Welie.com

    Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating around· Accordion · Headerless Menu · Breadcrumbs · Directory Navigation · Doormat Navigation · Double Tab Navigation · Faceted Navigation · Fly-out Menu · Home Link · Icon Menu · Main Navigation · Map Navigator ·

    faw
    faw 2008/01/01
    パターン
  • Drawter.com - DrawAble Markup Language

    Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is

  • Developer's Guide - Google Chart API - Google Code

    Discover the resources for adding interactive charts for browsers and mobile devices.

    Developer's Guide - Google Chart API - Google Code
  • Adobe - Design Center 細かいディティールのマスクを作る

  • Apple Developer Connection - iPhone for Web Developers - iPhone向けWebアプリケーションとコンテンツの最適化

    iOS 18に向けた準備 コントロール、ウィジェット、ライブアクティビティを使用して、iOS上で快適に動作しシステム全体においてより多くの箇所に表示される、高度にカスタマイズされたアプリを作成できます。Apple Intelligenceの導入により、優れたパフォーマンスとプライバシー機能を兼ね備えたパーソナルインテリジェンスをアプリに取り入れ、新しい機能を提供することができます。 Apple Intelligence Apple Intelligenceは、iPhoneiPadMacの中核にパワフルな生成モデルをもたらすパーソナルインテリジェンスシステムです。ユーザーのコミュニケーションや仕事、自己表現に役立つ、驚くような新機能を備えています。 Writing Tools(作文ツール)はシステム全体に組み込まれており、文章の書き直し、校正、要約に利用することができます。Image P

    Apple Developer Connection - iPhone for Web Developers - iPhone向けWebアプリケーションとコンテンツの最適化
  • 【コラム】クリエイターのためのライフハック (49) 色にもっと親しむためのあれこれ | クリエイティブ | マイコミジャーナル

    デザインの仕事だけではなく、写真やイラストといった視覚に関わるクリエイターの仕事には、必ずといっていいほど色は重要な要素です。目に入り込んで来る光の波長の変化が色を生み出しているわけですが、「色」と一言でいっても奥が深く、例えば「青色」といっても人によって頭に思い浮かべる青の種類そのものが異なる場合もありますし、見ている環境やその人の心理によって同じ青でも微妙に感じ方や受け取り方が変化することもあります。このような誤差をなくし、相手に自分が表現したい色を確実に伝える手段としては、印刷工程で使われるCMYKや光の三原色であるRGBを使って色を数値化するという手段があります。 数値化する以外にも、色名を用いて特定の色を指定することも可能です。例えば「露草色」は明るめだけど派手さを感じない青のことを指し、RGB値は0,123,195になります。日では「物体色の色名」と呼ばれるJIS規格があり、

  • 素人が撮影した写真を、10秒でイケてる写真にする方法 : LINE Corporation ディレクターブログ

    こんにちは、佐々木です。 予算やスケジュールに余裕のある案件であれば、プロのカメラマンやデザイナーをアサインするのが一般的ですが、ちょっとした案件であればディレクターが写真の撮影や編集を行うことがあります。しかし普段専門でやっていない、いわゆる素人が撮影した写真は「そのまま使うにはちょっと…」というクオリティであることがほとんどです。 そこで今回は、Photoshopの「色調補正」機能を使って、誰でも簡単に「素人が撮影した写真を10秒でイケてる写真にする方法」をご紹介します。 ※写真の補正を格的にやろうとする方には参考になりません。あくまで、簡易的な方法にすぎませんので、その点もあらかじめご承知おきください。 今回使用したソフトは、かなり昔の『Photoshop 6』ですので、最新バージョンとい違う部分も出てくるかと思います。そのあたりは適宜読み替えて該当する機能をお探しください。 ぼ

    素人が撮影した写真を、10秒でイケてる写真にする方法 : LINE Corporation ディレクターブログ
  • ウノウラボ Unoh Labs: ニンテンドーDSブラウザーにあわせてサイトを作るときの軽い覚書

    こんにちは。matsudaです。 以前、こちらでも紹介させていただきました犬・写真でカワイイか投票する「Cute or Not」ですが、これはもともとNintendoDSで遊べるように作っていました。DSブラウザはいまさらな感が否めないですが、上画面に写真・下画面に投票ボタンにして、タッチパネルでポチポチできて、暇つぶしにはもってこいな気がしたからです。 簡単にデザインできるだろう…とはじめは思っていましたが、実はそうでもなく、ちょっと苦戦したところがあったので、メモ程度に残しておきます。 ※以下、DSブラウザー特有の“縦長モード”での場合です。 ■画面のデザインは1画面:縦176px×横247pxNintendoDS の液晶は1画面192px×256pxになっています。そのうち上画面は上16pxがURL表示、下画面は下16pxが機能表示に利用されています。横幅はスクロールバー用に9px

  • Office文書のテンプレートとクリップアートを探すならココ!「プリントアウトファクトリー」

    【このサイトのここがオススメ!】 「プリントアウトファクトリー」では、会員登録などの面倒な手続きは一切不要。WordやExcelPowerPoint、ハガキ用テンプレート、クリップアート素材を探して、欲しいものがあったら即無料でダウンロードできます。提供はリコーなのでデータの信頼性も安心。 プリントアウトファクトリーでは、ビジネスで利用頻度の高いExcelのテンプレートやPowerPointですぐ使えるグラフや図形などの素材をはじめ、Webページでも利用可能なクリップアート、風景や動物などの写真素材まで無料で提供している。 企画書作りに役立つPowerPoint素材では、地図用素材、グラフやガントチャート、組織図やマトリックス、パーツ素材など566点を提供している。単純な3段階のステップなども、ビジュアルに訴える形でプレゼンシートを作れば、なんとなく内容にも説得力があるように見えてくるか

  • フリーのベクター形式画像の配布サイト「Vecteezy」 - GIGAZINE

    カテゴリ・ファイル形式・ライセンス別で絞込み可能になっており、自分の好みの使えるベクター形式画像ファイルを見つけることができます。ベクター形式なのでいくらでも縮小拡大が可能になっており、サイトやブログデザインの素材を作る際にはかなりお役立ちです。知っておいて損はないはず。 詳細は以下の通り。 Free Vectors by Vecteezy! http://www.vecteezy.com/ フィルターによる絞り込みは以下から行います。 Gallery http://www.vecteezy.com/gallery なお、Adobe Illustratorなどのベクター形式を扱える高価なソフトウェアを持っていなくても、以下のサイトで一部形式は変換可能です。 Media Convert http://www.media-convert.com/ また、SVG形式であれば以下のフリーソフトで変

    フリーのベクター形式画像の配布サイト「Vecteezy」 - GIGAZINE
  • 知っておくと便利な「無彩色」の使い方

    白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 (むさい色じゃないよ!) 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の3つの性質があるのに対し、無彩色は「明度」*だけの性質を持っています。 *明度(めいど:value) 色の明るさの度合いのこと。 最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに「無彩色」はかかせない存在 背景など部分的に使う グラデーションをつける 明度差をつけて強調する 光と影をつけて立体感を出す どんな色ともケンカをしない「無彩色」は、使う場所を選ばない万能な色。 Webデ

    知っておくと便利な「無彩色」の使い方
  • ウノウラボ Unoh Labs: 色選びのコツ

    こんにちは! yamazakiです。 高度なプログラミング話だらけのこのブログには全く馴染まない話題でアレですが、今回は「色」について書いてみようと思います。 Webサイトを作っているとき、ちょっとした書類を作るとき、「どんな色を使おうかなぁ」というのは毎度結構迷うところです。今回はそんなときにもしかしたら少しは役に立つかもしれない、色選びのTipsです。 色の「トーン」を意識してみよう 色の基、というと大抵どんなを見ても「色相」「彩度」「明度」という三つのパラメータがまず出てきます。「色相」「彩度」「明度」というのは 色相…その色が「赤」なのか「青」なのか「緑」なのか、その色の「色味」 彩度…色の「あざやかさ」。 明度…色の「明るさ」。黒がもっとも暗く(明度が低く)、白がもっとも明るい(明度が高い)。 なのですが、この三つのパラメータをもとに色を考えていても、いまいち「どの色に

  • 覚えておきたい配色のワザと便利なツール :: Love & Design ::

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ

    覚えておきたい配色のワザと便利なツール :: Love & Design ::
  • あなたのサイトを色盲の人がどう見ているか教えてくれる『Colour Blindness Simulator』 | P O P * P O P

    色盲の人にとってあなたのサイトは見えにくいかもしれません。 そこで便利そうなのが「Colour Blindness Simulator」。 このサイトでは指定した画像を色盲の人がどう見ているかを教えてくれます。 以下に使い方をご紹介。 ↑ とりあえずこのサイトのスクリーンショットでテストします。 ↑ ファイルと色盲の種類を指定します。 ↑ 変換結果。ちょっと小さいですが、まったく違う色になっちゃってますね・・・。 指定できるファイルは100KB以内および、1000ピクセル×1000ピクセル以内のJPEGなのでサイトなどで試すときは気になる部分だけで試してみると良さそうですね。 アクセシビリティに注意しなくてはいけない方はご利用になられてはいかがでしょうか。 » Colour Blindness Check – Etre

    あなたのサイトを色盲の人がどう見ているか教えてくれる『Colour Blindness Simulator』 | P O P * P O P
  • 8400以上のデザインサイトをRGBで探せる『Screenalicio.us』 – creamu

    色でサイトを検索したい。 そんなあなたにおすすめなのが、『Screenalicio.us』。8400以上のデザインサイトをRGBで探せるサイトだ。 『Screenalicio.us』では、トップにおそらく新着投稿サイトが表示されており、どれかをクリックすると、そのサイトの構成色がスクリーンショットの下に表示される。 構成色をクリックすると、「Color search results : #ffccff」といったように、同じRGBを使っているサイトがずらりと表示される。 サイトを作りたいんだけど、同じ色を使った参考になるサイトはないかな、というときにかなり使えそうだ。 色で検索するサイト、ほかにも何かニッチなもので投稿、検索するサイトを作ってみたいですね。 ■参考サイト 「The Canonical List of Online Color Resources for Designers」デ

  • 世界の名画でデジカメ画像を一発補正

    Anker's 3-in-1 MagSafe foldable charging station drops back down to its Prime Day price

    世界の名画でデジカメ画像を一発補正