HTML5 Conference 2013 in Gifuのデザイントラックで行なわれたセッションスライド。 アプリデザインについての講演。Read less
HTML5 Conference 2013 in Gifuのデザイントラックで行なわれたセッションスライド。 アプリデザインについての講演。Read less
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
突然ですが、デザイナーが薦めるDesigner’s Blogナビ!を勝手にやってもイイですかー! ちなみに順不同。「シェフがおすすめするレストランは?」みたいなノリでw! + かもめデザイン ブログデザインは、記事写真を含むデザインとして考えなくちゃね、というお手本。 + 掛川スロウライフード 控えめな印象のヘッダーイラストがイイ感じ。 + Park Design diary 建築物の写真を使うと全体が硬くなりがちなんですが、余白をウマく使ってると思います。 + カミブクロ展|紙袋のぞいてく? ブログの内容として紙袋を紹介するというテーマの選び方がユニーク。 + ナウーシニクデザインブログ ナウーシニクというネーミングが気になるブログ。ロシア語らしいです…。 + サイフォン・グラフィカ 愛知のデザイナーさん。デザインと言葉選びに、独自のトーン&マナーを感じます。 + Vollmer Des
ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青(水色に近い)を採用していました。 Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 (※Live Searchは画像検索からキャプチャを取っています) こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、
DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いたいのがこのソフトウェアだ。 今回紹介するフリーウェアはInternet Explorer Collection、様々なバージョンを収録したIEだ。 Internet Explorer Collectionで提供されるバージョンは1.0/1.5/2.01/3.0/4.01/5.01/5.5/6.0/7.0/8.0となっている。8.0β版まで収録されているので、今後を見越した上でのテストが実行できるようになる。 なぜかインストーラーはVista
IA関連のツール/リソース類です。 掲載希望のものがあれば、request @ iaaj.org までご連絡ください。 関連サイト IA Summit Library(英語) 過去のIAサミットのアーカイブ(セッションのPodcastデータなど) ドキュメント 情報アーキテクチャ入門 長谷川敦士 Web標準の日々ディレクショントラック 「情報アーキテクチャ入門(サイト構造設計編)」(PDF:11.4MB) (2007/7/15) オリジナル版「情報アーキテクチャ入門」(PDF:11.6MB) (2006/1/23) JJG: ユーザーエクスペリエンスの要素 Translated by Noriyo Asano ユーザーエクスペリエンスの要素 (PDF) The Elements of User Experience (PDF) IA Institute Tools: Creative Br
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
yamaokaです。 今回は、ぼくが普段CSSを書くときに使っているツールを紹介します。 Firebug 入手先: Firebug :: Firefox Add-ons Firebug posted by (C)フォト蔵 もはやJavaScriptの開発には欠かせなくなった感のあるFirebugですが、CSSを書くのにも使えます。 ボックス要素を調査(inspect)、CSSを書き換えてレイアウトを考える参考にしたり、 HTMLを書き換えてid属性やclass属性を書き換えて適用するスタイルを変更した場合の変化を試してみたりします。 IE Develper Toolbar 入手先: Download details: Internet Explorer Developer Toolbar IE Developer Toolbar posted by (C)フォト蔵 前述のFirebugと同
ロイヤリティフリーの写真素材サイトを探している。 そんなあなたにおすすめなのが、『25 Free Stock Photo Sites』。フリーの写真素材が見つかるサイト25選だ。 以下にいくつかご紹介。 » Stock Xchng 有名な写真素材サイト » everystock 300万以上の写真が登録されているモンスターサイト。フリーの写真検索エンジンとなっていて、オプションでライセンスを選んで検索できる » Imagebase 無料で使える写真サイト。ライセンスはCreative Commons。1600×1200と3072×2048の解像度の2パターン » morguefile 無料で使える写真素材サイト » photorogue ちょっと変わったサイト。「こんな写真撮ってきて」とオンラインでリクエストすると、フォトグラファーが実際に撮ってきてくれるサービス。しかも無料 » Geek
『livedoor グルメ』、『本が好き!』 などを担当している根岸です。 みなさん、ウェブブラウザは何を使っていますか? ウェブ業界の人で、素の「Internet Explorer 6.0」だけしか使っていないという人は少ないと思います。 仕事の道具に何を選ぶか、どう使うかということは、生産性を大きく左右します。残業を減らしてしっかり休養をとるためにも、人より良い仕事をたくさんしてキャリアアップするためにも、道具選びや仕事環境の改善に気を配りたいものです。 ウェブ制作の現場で、いま一番オススメのウェブブラウザは何かといえば、『Firefox(ファイアフォックス)』です。 高速なレンダリング、タブブラウジング、ツールバーに組み込まれた検索エンジンなど、特徴はいろいろありますが、最大の魅力は、「アドオン」プログラムによって機能を拡張できることです。 「Firefox」のサイトでは、多数のアド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く