使えるユーザビリティーガイドライン10 – creamu
遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて
覚えておきたいMacのターミナルコマンド集 – creamu
ちょっとMacのターミナルコマンドがまとめてみたくなったのでまとめてみます！ whatis コマンドの用途を教えてくれる。 $ whatis cp cp(1) – copy files sleep 指定秒後にコマンドを自動実行。 $ sleep 60; open ./test.mp3 60秒後にtest.mp3を再生。 date 現在日時と曜日を表示。 $ date 2008年 9月13日 土曜日 18時08分40秒 JST cal 指定した年月のカレンダーを表示。 $ cal 9 2008 2008年9月のカレンダーを表示。 df / ディスクの使用量（Capacity）を表示。 whois ドメインの所有者を調べられる。 例) whois apple.com ifconfig ローカルのIPアドレスなど、ネットワーク情報が調べられる。 dig ドメインのIPアドレスなど、詳細情報がわか
住所を知らなくてもプレゼントや手紙が送れるサービス5 – creamu
mixiやTwitter等をやっていると、いつの間にか住所や本名を知らない友達が増えてしまうもの。 そういった友人に何かプレゼントを送りたい、といった時「事前に住所を聞くのもちょっと。。。」という人も中にはいるのではないかと。 そこで、そんな時に役立つ住所を知らない相手にプレゼントや手紙を送ることが出来るサービスをまとめてみました。 ウェブポ 私も去年試しに使ってみた年賀状作成・送付サービス。「かもめ?る」なども受け付けています ギフトナウ Twitterのフォロワー等にもギフトが贈れるサービス。別に自分で買ったアイテムを送ってもらうことも出来ます メルアド宅配便 メールアドレスだけで5kg以下の商品を全国一律990円で送ることが出来る配送サービス ポチッとギフト 携帯やPCから送れるギフトサービス。セブンイレブンやHMVで受け取ることが出来るのも便利ですね メルプレ 楽天ギフトの商品をメ
illustratorでアイコンを作るチュートリアル25 – creamu
98075468/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『25 Fresh Illustrator Tutorials to Help You Make Icons』。illustratorでアイコンを作るチュートリアル集です。 かっこいいものが揃っています。 Create A Simple Paint Brush Icon ペイントブラシを描くチュートリアル Create A Briefcase Icon ブリーフケースのアイコンを作るチュートリアル How to Draw the Vector Style Icons Used in the “Station Fixes” Template クールなびっくりマークアイコン How to Make a Realistic News / Newspaper
フォーム周りに使えるjQueryプラグイン50 – creamu
フォームをより使いやすくしたい。 そんなときに使えそうなのが、『50 jQuery Plugins for Form Functionality, Validation, Security and Customisation』。フォーム周りに使えるjQueryプラグイン集です。 バリデータやアップローダ、パスワードの安全性チェックなど、いろいろありますね。 jQuery “Highlight” Plugin フォーカスが当たっているフォームに背景画像を敷いて、ハイライトしてくれるプラグイン Autotab: jQuery Auto-Tabbing and Filtering 電話番号などのinputで、自動で次のinputにカーソルを移動してくれる jQuery NobleCount Twitterのような、あと何文字入力できる、を表示してくれる「jQuery NobleCount」 AJ
綺麗なフッターデザイン集 – creamu
フッターをデザインしたい。 そんなときに参考になるのが、『Beautiful Footers in Modern Web Design for Inspiration』。綺麗なフッターデザイン集です。 かっこいいものが揃っていますね。 Bits And Pixels 滴が垂れたようなデザイン。グラデーションも綺麗です Urban Pie 背景のテクスチャとイラストがかわいい「Urban Pie」 Miss Web Lash マルチストライプとテクスチャが綺麗な「Miss Web Lash」 Kailoon フッターにポートフォリオの画像を配した「Kailoon」 Straw Poll Now 木のイラストがかわいい「Straw Poll Now」 フッターのデザインを変えてみたいときに、一度見てみてください。 Beautiful Footers in Modern Web Design f
一味違ったレイアウト&ナビゲーションデザイン集 – creamu
ありきたりのデザインをしたくない。 そんな時に参考になるのが、『Creative and Unusual Layouts and Navigation Designs』。一味違ったレイアウト&ナビゲーションデザイン集です。 特に面白いな、と思ったものをご紹介しますね。 26000 Vodka メニューが浮遊しながら、遠近感のある感じで表示される Sursly 横にスクロールしていくタイプのコンテンツ Lucuma ナビゲーションをクリックすると、画面が横にぐいーっと移動する Okay Dave ローディング後のアニメーションがとても美しいOkay Dave Andreas Smetana スクロールすると、すとんすとん、と画像が切り替わる。マウスオーバー時のアクションも気持ちいい Snuggle Fux レイアウトが斬新なSnuggle Fux Im Design 矢印キーで奥行きのあるイ
デザイナーのためのカラーセオリー – creamu
色が人に与える効果について知っておきたい。 そんなときにおすすめなのが、『Color Theory for Designers, Part 1: The Meaning of Color』。デザイナーのためのカラーセオリーです。 暖色、寒色、無彩色などの12色について、色が与える効果と、その色がうまく使われているWebサイトが紹介されています。 まとめとして、以下のように挙げられていますね。 赤 情熱、愛、怒り オレンジ エネルギー、幸福、活力 黄色 幸福、希望、偽り 緑 新しい始まり、豊富、自然 青 穏やかさ、責任、悲しみ 紫 創造性、貴さ、富 黒 神秘、エレガンス、悪 グレー 気難しさ、保守的、堅苦しい 白 純粋、清潔、美徳 茶色 自然、健康、信頼 黄褐色・ベージュ 保守的、敬虔、さえない クリーム色・アイボリー 穏やかさ、優美、潔白 色は視覚言語で、人にどういった影響を与えるかがわか
素晴らしいWebデザインチュートリアル集 – creamu
デザインの幅を広げたい。 そんなときにおすすめなのが、『The Ultimate Collection Of Brilliant Web Design Tutorials』。素晴らしいWebデザインチュートリアル集です。 クオリティーの高いものが揃っていますね。いくつかご紹介します。 Design an Italian Restaurant Web Layout レストランのサイトをデザインするチュートリアル。デフォルトで入っているカスタムシェイプをうまく使う方法など Create a Sleek, High-End Web Design from Scratch 背景のテクスチャやブラシをうまく使った、クールなサイトのデザイン手法 Create a Photo-Realistic Web Layout 木のテクスチャをうまく使ったデザイン Design a Non-Profit Web
クライアントを刺激する管理画面のインターフェース10選
バックエンドの管理画面のインターフェースをかっこよくしたい。 そんなときにおすすめなのが、『10 inspiring admin interfaces』。クライアントを刺激する管理画面のインターフェース10選だ。 以下にいくつかご紹介。 ↑のキャプチャは、AIGA CMS。 Mosso Movable Type 4 Symphony Reflect Expression Engine 2 その他のリストは以下から。 » 10 inspiring admin interfaces クライアントを刺激する管理画面のインターフェース、チェックしてぜひ参考にしてみてはいかがだろうか。 よぅし。最近早起きするのが快感になってきた。いろいろ作業を進めよう。 そうだ友人とのマッシュアップ大作戦が進行中だよ。
デザイナーのポートフォリオサイトに使えるフリーアイコンセット – creamu
ノートやペンケース、パレットなどのアイコンを探している。 そんなときにおすすめなのが、『Free Designer’s Portfolio Icon Set (12 High Quality Icons)』。デザイナーのポートフォリオサイトに使えるフリーアイコンセットです。 MediaLootによるデザインとのことで、クオリティーが高いですね。 You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. とのことで、商用でも無料で利
ワイヤーフレーム作成に使える素材集30 – creamu
98375849/ iStockphoto/ Thinkstock ワイヤーフレームに使えるパーツを探している。 そんなときにおすすめなのが、『30 Free Web Design UI Kit Resources』。ワイヤーフレーム作成に使える素材集です。 いい感じのものが揃っていますね。 Free Sketching & Wireframing Kit JANKOによるスケッチ&ワイヤーフレームキット。ai,svg,pdf,epsフォーマットでダウンロードできます Free PSD Kit For Easier Website Wireframing FUELによるUIデザインキット。PSDファイルでダウンロードできます omnigraffle-wireframe-stencils OmniGraffle version 5.x (Mac OS X用)の素材。ボタンやスライダーなど M
本格的なネットショップを構築したい人におすすめのソリューション５ – creamu
95455835/ Hemera/ Thinkstock 手軽に本格的なネットショップを開きたいという人にお勧めのソリューションを５つご紹介いたします。 小さなショップから比較的規模の大きなショップまで利用できるものを基本として、それぞれの特長を独自の観点で簡単にまとめています。 既に構築したいシステムの要件が細かく決まっている場合は、それが実際に実装できるサービスかどうかを事前にご確認いただくことをお勧めいたします。 EC-CUBE 日本発のECオープンソースです。 とても高機能なのに無料で利用できてしまうところが素敵です。 オープンソースですから、自身で機能を追加することも可能です。 もちろんその場合は技術力を要しますが、EC-CUBEを利用したサイト構築の代理店も多く存在しますので、そういったところに依頼するのも手です。 サーバを既にお持ちだったり、多少の技術的知識がある場合におすす
ワイヤーフレーム / モックアップを作成するためのフリーアプリ10 – creamu
ワイヤーフレーム / モックアップを作りたい。 そんなときにおすすめなのが、『10 Completely Free Wireframe and Mockup Applications』。ワイヤーフレーム / モックアップを作成するためのフリーアプリ集です。 なかなかいい感じのが揃っていますよ。 Pencil Project ワイヤーフレームが作れる有名なFirefoxアドオン Web Site Wireframe Tool オンラインでシンプルにワイヤーフレームを作って、パーマリンクで共有できるサービス Hot Gloo – The Online Wireframe App Flashベースのワイヤーフレーム作成アプリ。現在無料 DUB – DENIM Windows, Unix, Mac OS Xで利用できるデスクトップアプリ Mockingbird UIの綺麗なMockingbird
多くの人が知らないが知っておくべきフリーウェアTOP10『Top 10 Freeware Software Nobody Knows About - But Should』 | CREAMU
Web 多くの人が知らないが知っておくべきフリーウェアTOP10『Top 10 Freeware Software Nobody Knows About – But Should』 便利なソフトを探している。 そんなあなたにおすすめなのが、『Top 10 Freeware Software Nobody Knows About – But Should』。多くの人が知らないが知っておくべきフリーウェアTOP10だ。 以下にご紹介。 » AutoHotkey キーストロークを自動化するスクリプトが書ける » MusikCube iTuneライクなミュージックプレイヤー » ImgBurn ディスクからイメージファイルを作成しディスクに焼けるソフトウェア » Blender Pixarが作った素晴らしいCGI映画のようなグラフィックを作成できる » Snipping Tool Vistaに入っ
複数のPuTTYをタブで管理できる『PuTTY Connection Manager』 – creamu
複数のPuTTYを立ち上げて操作したい。 そんなあなたにおすすめなのが、『PuTTY Connection Manager』。複数のPuTTYをタブで管理できるフリーウェアだ。 このソフトでは、↑の画像のように複数のPuTTYを管理できる。ツリー上に管理することもでき、複数のサーバにアクセスして操作するときに便利だろう。 ぜひ使ってみてはいかがだろうか。 複数のPuTTYをタブで管理できるフリーウェア、チェックして使っていきたいですね。 今日はバイクの手続きをしてスタジオ入ってDVD見てと。ゆっくりしようっと。 今週は疲れました(><)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブログに貼れるTwitterのRetweetボタンいろいろ – creamu
Webデザインに使えるjQuery UIライブラリ – creamu