こんにちは。yamazakiです。今回はちょっと趣向を変えて、技術や手法ではなくて、デザイナとしての「カン」を養うために個人的にやっていること、やったらいいと思うことを簡単にまとめてみました。 左利きになったつもりで、左手をメインに使う生活をしてみる 例えば駅の改札口で、切符を入れるところはなぜあの位置にあるのか、自動販売機の硬貨投入口はなぜあの位置なのか。カメラのボタンの位置はなぜあの位置なのか。普段何気なく使っているものにもやはり「そうしたほうがよい理由」が潜んでいます。その「理由」を発見する上では、マイノリティの立場になってみると面白いです（海外に行くと逆に日本のことがよくわかる、というのと同じようなものかもしれません） というわけで、簡単なところで、左利きになったつもりになって行動をしてみると色々な発見、気づきがあります。 何かを買ったら取扱説明書を見ずにどこまで使いこなせるか試

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

デザイナーのHung Chih Wangは考えました。 ｢インクジェットプリンターのマーケットでは、ウルトラ・モバイルという分野で、まだ勝負の余地が残されているんじゃないか？｣と。 そこで誕生したのが、こちらのコンセプトデザイン｢Trak｣。ノートPCの背面に取り付けることができる超ミニプリンターです。移動しながらのコピーも便利で、電源供給だってUSBでOK。その上、移動時に便利な取り外し可能な印字ヘッドまで搭載されているんですよ。 ただ気になるのが、その印字ヘッドの安全な保管方法。特に言及されていないんですよね。うーん、バッグを開けたら、中身が全部赤や黄色に染まってたなんてことになったらイヤだなー。ま、実際に商品化される際には、解決されているんでしょうけど。 [Yanko design] KIT EATON（原文／訳：オサダシン） 【関連記事】 ワイヤレスで繋げるブラザーの超薄型プリンタ

パソナテックは、エンジニア向けコンテンツを日刊で発信する情報サイト「スキルを発明にカエル ウェブ日刊紙・てくらぼ(以下、てくらぼ)」を11日に開設した。同日、その記念イベントとしてプログラミング言語"Ruby"の開発者であるまつもとゆきひろ氏と、プログラマ、アルファブロガーとして著名な小飼弾氏によるトークセッションが開催された。ファシリテータはニューズ・ツー・ユー取締役の平田大治氏が務め、「エンジニア進化論」をテーマに、2時間に渡り熱い議論が繰り広げられた。 それぞれの自己紹介後、平田氏から両氏に向けて、「現在注目している言語は?」「エンジニアに英語は必要か」「プログラマ35歳定年説についてどう思うか」などの質問が投げられた。注目言語について、まつもと氏は「いま、注目している言語はErlang(アーラン)。今後、マルチコアサーバなどが普及するようになれば、現在のソフトウェアで採用されている

素晴らしい！ シールのような丸い無料ベクタ画像のご紹介。 詳細は以下で。 注意点はaiファイル、epsファイルが同梱されていますが、IllustratorCS3で作成されている為、バージョンの低いものでは編集は難しいかもしれません。 aiファイルはなんとか開けます。 それでも編集できない場合は、PNG形式のファイルで20個入っていますので、そちらを素材として編集するのは簡単に出来ます。 ダウンロードは以下で。 Free Vector Pack: 20 poppy Color Stickers 2008/03/11(火) 09:52:08| ウェブ開発 | トラックバック:0 | コメント:0

ＮＣネットワークは、挑戦する製造業の皆様が効果的なインターネット活用を実現できるよう支援しています。調達・購買の方々が全国18,000社の中から発注先を検索したり、自社に適した案件を探して応募したりすることができます。さらに、ゼロからの製造案件も委託できます。

This domain may be for sale!

Welcome to 10 Minute Mail! This is your temporary e-mail address:

#Need content#Creativity + Community Welcome! Aviary is a suite of powerful creative applications that you can use right in your web browser. It's also a community of friendly artists to share and collaborate with. This masterpiece by mpeutz is called Light Wallpaper It was created in Peacock, our Visual Laboratory

To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.

Browse U.S. Address Directory Use the list of the U.S. states below to find out who lives on your street. AR Browse our People Directory Use our people directory to search for an old childhood friend, schoolmate, or colleague.

Drivers are the bridge between the software and the hardware of the device. For the proper functioning of the system, drivers must be kept updated regularly. In Windows 10 or any...

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; LoginSystem has a deprecated constructor in /home/marcogom/public_html/wallpapr/php/LoginSystem.class.php on line 16 Notice: session_start(): A session had already been started - ignoring in /home/marcogom/public_html/wallpapr/php/LoginSystem.class.php on line 1

このスクリプトに機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。 概要 フォーム入力時に『半角英数で入力してください』の項目があった場合、ユーザの入力ミスを少なくしてあげるために便利なスクリプトです。 ただし、JavaScript が使えない環境では動作しませんので、あくまでもオプションとしてお使いください。 動作確認用の DEMO ダウンロード 使い方 ダウンロードした replaceascii.js を XHTML ファイルの head 要素内などで読み込んでください。 このとき、replaceascii.js と読み込む XHTML ファイルの文字コードが同じになるようにしてくだ

ドットインストール代表のライフハックブログ

mooSlide - ajax based slider - lightbox replacement The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common "lightbox" that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox. クリック後の説明文を凄くオシャレに表示できる「mooSlide」。 LightBoxの一種になると思うのですが、表示の仕方がかなりオシャレなmooSlide。 クリックしたところ、ページ下部からブロックがアニメーションして説明が表示されます。 仕組みはLightBoxでも、みせ方次第でこれだけ印象って変

noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close

iCarouselは、テキストや画像をスライドして表示するニュースティッカーと画像ギャラリーを実装できるスクリプトです。 iCarousel ニュースティッカーは一行タイプのものからパネル状のものまであり、画像ギャラリーは画像をスライド表示するものからサムネイル表示で拡大画像を表示するものまで、さまざまなタイプが実装できます。 ニュースティッカー：シンプル版のデモ ニュースティッカー：クリック機能付きのデモ ニュースティッカー：パネル版のデモ 画像ギャラリー：横タイプのデモ 画像ギャラリー：縦タイプのデモ 画像ギャラリー：拡大画像のデモ iCarouselはmootoolsのプラグインのため、動作にはmootools.jsが必要です。

昨今のIT技術は目覚ましい進化。パソコンやケータイもどんどん便利になってます。SEやプログラマの活躍のおかげで自動車も家電もなんでもIT化。今の世の中、誰もがIT技術使いこなせて当然なんじゃない？　そんな勘違いをきたみりゅうじがぶった切ります。 パソコンやケータイをはじめとするIT技術の普及によって、さまざまなサービスが登場するようになった今日このごろ。もちろんそれを生み出すのはわれらがプログラマさんたちだ！ということで、彼らの活躍の場もぐんぐん広がりを見せています。 もはや、IT技術なくして製品は出来上がらないぜ！ もはや、IT技術を使いこなさなきゃ、何のサービスも受けられなくなっちゃうぜ！ ……とでも言わんばかりに、あっちもこっちもIT化。世界はIT技術を中心として動き始めており、誰もがそこに歩調を合わせていかなきゃならんのですー!!　……なのかしら？本当に今ってそんな世の中？　それは

ウェブユーザビリティについて考え始めたい人にオススメの5冊 書いた人： hash 投稿日： 2008年03月01日（最終更新：5年7ヶ月と15日前） 読者の皆さんの反応 2 被ブックマーク数： 12 要約：ユーザビリティについて興味はあるけど、学ぶためにはどんな本がいいんでしょという方向けに5冊の本をお薦めします ここ3ヶ月ほど就活がらみでウェブユーザビリティに関する本を読んだので、とりあえずその中でオススメできる5冊を挙げておきます。ユーザビリティやUIの話に関しては、海外の方が情報があるのだけど、まだ読めてないので和書だけで。 周りが落ち着いたら、この辺で書いてあることをまとめて書いておこうと思います1 。 ちなみに、私も内容を完璧に理解できているわけではありませんので誤解しているところがあるかもしれません。フィードバックは歓迎しますので、間違いがあればレスポンス頂けるとうれしいです。

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

When this happens, the most effective method is to uninstall and reinstall the app. When…

[en]学生の就職情報2015へ （http://gakusei.en-japan.com/） 5秒後に自動で [en]学生の就職情報2015 にリダイレクトします。 [en]学生の就職情報2015 Copyright(c) 2013 en-japan inc. All Right Reserved.

サマーインターン、ウィンタージョブ、スプリングジョブなど募集中のインターンシップ情報を網羅し掲載。インターンシップの最強検索サイトです。選考対策情報も充実！報酬5万円！新規事業創出プログラム『FRONTIER』（12月） 【報酬5万円のインターンシップ！】 テーマはずばり"成長"！！ 一回り成長した自分で就活に臨みませんか？ □新しい事業を... 株式会社ECナビ（サイバーエージェントグループ）　 [実践型] [関東で開催] [報酬あり] 開催日: 11/12 11/08 11/08 11/01 11/01 ヒット商品はこうして生まれる！プロのマーケティング手法体感セミナー　4つのフェイズに分けた実践型グループワークで伝えます。 ブームを創り、スタンダードを生み出す。『ヒット商品はこうして生まれる！プロのマーケティング手法体感セミナー』プロの視点や考え方を伝えます。 株式会

資料請求や申込みフォームにおけるユーザの離脱を防ぐ方法はこれまでもご紹介しましたが、今日は「入力フォームに遷移する手前」で行う離脱を防ぐ心がけを私の実体験からご紹介したいと思います。 郵便番号、住所、名前と入れ画面をスクロールすると、次の項目に、「お客さま番号」という項目があることを見つけました。 始め、このお客さま番号が何の番号か思い当たらなかったのですが、入力欄の脇にある「お客さま番号とは」というリンクから、毎月届く領収証（「電気ご使用量のお知らせ」）に記載されている番号であることがすぐにわかりました。（このサイトでは、実際の領収証のイメージで説明しており、とてもわかりやすくなっていました） しかし、領収証の保管場所をすぐに思い出せなかった私は、また後日手続きを行おうと思いここで画面を閉じてしまいました。 皆さんはこのような経験をされたことはないでしょうか？ このような状況にユーザが置

As you guys know, I am CSS designer now working under a blog advertising company. Most of the time, I deal with the CSS codes and web design. I found that CSS is a useful tool to beautify your website. However, for those who don’t know CSS, it can be a bit complicated but once you know them well. You can make friends with them but maybe you need to leave your old friend (IE6) first… All right, tod

Update: Version 1.1 released 2/8/08. Good bug fixes + Opera compatibility! ...so I fought back the charging Guanaco, immediately hopped on my paraglider, and basically caught the first flight out of Chile — but not without dealing with some cantankerous customs inspectors while drinking a cool glass of chicha. Really sorry it took so long! But hey, two years later, it's finally done! Smooth Javasc

CSS DEMOS › Cross browser CSS slide show Date : 12th April 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. CSS PLAY : SLIDE SHOW Hover the mouse over Set 1, Set 2 or Set 3 above to drop down the projector screen and show a 4x4 array of photographic slides in both portrait and landscape format. Click the mouse on any of these photographic sl

CSS DEMOS › Cross Browser Multi-Page Photograph Gallery Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version does not use javascript but is pure CSS

"The brand and visual elements of your website matter. Studies showed that more than 40% say a website design is the number one factor for discerning the credibility of a company." - Jerry, Founder of Web Hosting Secret Revealed (WHSR).

Creating a Gmail Like Ajax Status Display | Ajax Zone Most of us geeks know and love Gmail. It has a very nice interface and it is an inspiration to constantly improve our own web applications. Gmail風にステータスを分かりやすく表示するサンプル。 ボタンを押した際に、ページの右上にステータスがオーバーレイするサンプルが公開されています。 ボタンのクリックイベントでステータス表示のサンプル 分かりやすいＵＩで画像も不要なので、Loadingの際に表示するとよさそう。 prototype.js ベースで、次のように簡単に呼び出せ、導入は容易です。 ajaxStatusDisplay.setStatu

woork: Flickr like horizontal menu This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu: Flickrで使われているあのクールなドロップダウンメニューを実装してみよう！ 次のようなクールなドロップダウンメニューを実装してみましょう。 紹介元で、HTMLと画像のサンプルが配布されています。 実装自体は次のように関数が定義されていて、 <script language="javascript"> function showMenu(id_menu){ var my_menu = document.getElementById(id_menu); if(my_menu.style.

HTTP_REFERER リンクをたどってきた場合，$_SERVER['HTTP_REFERER'] を調べれば，一つ前のページのアドレスがわかります。 あなたはリンクをたどらずにこのページに来ましたね <p> <?php if (isset($_SERVER['HTTP_REFERER'])) { $x = htmlspecialchars($_SERVER['HTTP_REFERER']); echo "あなたは $x のリンクをたどって来ましたね"; } else { echo "あなたはリンクをたどらずにこのページに来ましたね"; } ?> </p> htmlspecialchars() を使う理由については セキュリティ上の配慮 をご覧ください。 非常に古いブラウザでは，リンクをたどらなくても，直前のページのアドレスがこの方法でわかってしまう場合がありました。「REFERER漏れ

■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri

Styling form controls with CSS, revisited フォームの各エレメントのブラウザごとの表示。 追記： 2008年2月28日 「text field designs」を追加。

ユーザーエージェント(UA)について ユーザーエージェントの簡単なメモ 携帯固有 DoCoMo DoCoMo/1.0/機種名/キャッシュサイズ/※[/文字表示数] DoCoMo/2.0 機種名(キャッシュサイズ;※[;文字表示数]) ※ 場合により変化 TB:ブラウザ通信時 画像OFF設定時は"TB"は"TC"に置換される TD:JAR取得時 TJ:iアプリ利用時 au XHTML : KDDI-機種ID UP. Browser/ver (GUI) サーバー名 HDML : UP. Browser/3.01-機種ID サーバー名 Vodafone (SoftBank) ※1 ユーザID通知がOFFの設定になっている端末からは、端末シリアル番号を取得不可。 ※2 機種名の先頭には「V」が付加。 ※3 製造番号通知がOFFの設定になっている端末からは、端末シリアル番号を取得不可。 ※4 ただし

ホームページを作る時に、木目調のデザインを作りたいと考えたなら、ここを一度叩いてみるといいかもしれない。 実際様々なデザインがまとめてありますが、非常に参考になるサイトが多い。 それはユーザビリティの面から考えても言えるサイトが多数収録されています。 Pirates of the Burning Sea » Home http://www.wrapragecure.com GNV & Partners | studio di Web Design, Rimini Paul Wallas :: new media web designer Nebonmedia, from idea to design 上のような木目サイトがいっぱいあります。 Stunning Designs Using that Piece of Wood 2008/03/03(月) 20:54:27| ウェブ開発 | ト

ドットインストール代表のライフハックブログ