wireframe-zoning.jpg by luc legay, on Flickr こんにちは、久保田です。 ウェブサイトのデザインやコーディングを始める前にワイヤフレームは作っていますか?ワイヤフレームは、以下の様な内容を設計するのに利用されます。 ・ページ間の遷移 ・ページの内容 ・ページの大まかなレイアウト これらの項目についてチームやクライアントと予め合意しておくと、後に続くビジュアルデザインやコーディング時の前提を共有でき、作業をスムーズに進めることが出来ます。これからどのようなウェブサイトを作るのか?ということをきちんと共有することでデザイナーやコーダーや関係者と意思統一することができるわけです。 この記事では、このワイヤフレームを書けるツールやウェブサイトを紹介します。 OmniGraffle 古くからある使いやすいMacOSX用のアプリケーションです。ワイヤフレームだ

日本郵便が運営する年賀特設サイト「郵便年賀.jp」で、毛筆で書いたような字を書けるサービス「手書き風毛筆ツール」が公開され、はてなブックマークで話題になっています。 ▽ 郵便年賀｜ゆうびん.jp 「手書き風毛筆ツール」は、太・中・細の3種類の筆と12色のパレットまたは墨を組み合わせて、マウスでブラウザ上に毛筆風の字を書けるサービスです。作成した内容は、PNG形式でダウンロードして年賀状の素材として利用可能です。また、TwitterやFacebookで共有することもできます。同サービスの利用期間は2013年1月31日までです。 中筆・瑠璃色で作成した文字 はてなブックマークのコメント欄には「実際よりはるかに上手に書けて楽しいなこれ！」「うん、これは面白い！！！」「さっくりマウスでも書けて楽しいんだけど、消しゴム機能かUNDO機能欲しかった…やっぱり筆は一発書き勝負ってことかい」といった声が寄

Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of

サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG

内容：「resizeMyBrowser」は、現在表示しているブラウザの画面を指定サイズにワンクリックで切り替えられるサービスだ。デバイスごとに表示領域を確認する用途のほか、スクリーンショットを撮る前に画面サイズを調整するといった用途にも利用できる。 「resizeMyBrowser」は、現在表示しているブラウザの画面を指定サイズに切り替えるサービスだ。利用頻度の高い画面サイズがプリセットされており、クリックひとつで切り替えることが可能なので、デバイスごとに表示領域を確認する用途のほか、スクリーンショットを撮る前に画面サイズを調整するなどの用途に利用できる。 サイトのトップページを開くと、3列×5段にわたって、さまざまな画面サイズを記したボタンが表示されている。例えば「320 x 480 iPhone 3G/3GS」「1366 x 768 Some Laptops」といった具合だ。それぞれの

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

レスポンシブ・デザインで作ったウェブサイトのテストをできる便利なウェブアプリをご紹介。実機テストの前段階のちょっとしたテストには便利そうです。 「responsivepx」というウェブアプリで、ブラウザのウィンドウサイズを変更しなくても、いろいろなサイズでウェブサイトをテストできます。サイズの数値を1px単位でインタラクティブに変更できるので、どこでレイアウトが崩れるかなど細かいチェックができるのが嬉しいです。 ここが便利！ ブラウザのウィンドウサイズを変更しなくて良い。 サイズの数値を1px単位でインタラクティブに変更できるので、より細かいレイアウトチェックができる。 ※ちなみに数値のテキストボックスにカーソルを置いて、上下キーで数値を変更できました (Mac Google Chrome 14.0.825.0 dev) URLのコピペでウィンドウサイズとURLを指定したページをチームで共

今回は、Googleリーダーで使えるGoogle Chrome拡張機能11個を集めてみました。過去にも当サイトでは、FirefoxアドオンやGreasemonkeyスクリプトなどGoogleリーダーをさらに使いやすくするためのブラウザ拡張機能をいくつか紹介したことがありますが、もちろんGoogle Chrome拡張機能にも便利なツールがたくさんあります！ せっかくGoogleリーダーを使うなら、色々カスタマイズしてもっと生産性アップをはかってみましょう！というわけで、これまでGoogleリーダーを情報収集ツールとして役立ててきた人も、他ブラウザにはないユニークなChrome拡張機能をうまく使って、さらに効率的に情報収集できる超便利なRSSリーダーへと変身させてみませんか？ TPGoogleReader（リンク切れ） バックグラウンドで常にGoogleリーダーをチェックし、新着フィードが配信

クラウドサービスの最先端とも言えるEvernoteの存在は、もはや欠かせないものになっている人も多いと思いますが、一方で肝心のノートを閲覧するためのクライアントソフトが重いことに悩んでいる人も少なくないのではないでしょうか。 筆者自身、決してハイスペックとは言えないラップトップをメインPCとして使用しているため、重くてどうしようもないと言う程ではありませんが、いまいち快適とは言い難い使い心地にストレスを感じてきたことも今までに何度かありました。 また、以前はウェブ版のEvernoteのユーザーインターフェースがクライアントソフトのそれとは大きく異なっていたため、プラットフォームによって使い勝手の善し悪しが変わってしまうという問題もありましたが、こちらは最近になってクライアントソフトのUIとほぼ同じのものに変更され、ずいぶん使いやすくなりました。 そこでこれを機に、思い切ってクライアントソフ

会議室なんかで使えそうなアイテムのご紹介。 UX Sticky Notesは、いわゆるA5サイズの付箋紙である。ぺろりとはがしてどこにでも貼ることができる。 そして特徴的なのはiPhoneやブラウザの枠がすでに描かれている点だ。これらを使ってWebサービスやアプリなんかを設計するのも良いだろう。 こうしたプロトタイプに使えるメモ用紙はよくあるが、たいていのものは原寸大だったりする。それはそれでいいのだが、アイデアを膨らませるときはたしかに多少大きい方が良いのかもしれない。 また、これらのノート（？）は販売もされているが、印刷して使えるテンプレートも配布しているようだ。興味がある方はのぞいてみてはいかがだろう。

よくあるツールだが、シンプルだし日本語もOKだったのでご紹介。 my code stockを使えば、PHPやらJavaScript、SQLやらのちょっと使えるコードを保管しておくことができる。 もちろん、保管したコードはフォルダ分けして管理することもできるし、タグをつけておくこともできる。 またエディターは自動的にコードが色づけされるので見やすいのもうれしい。 日本語での入力も検索も問題ないようだ。ブラウザさえあればどこからでもアクセスできるので便利ではなかろうか。

Captcha security check matomematome.com is for sale Please prove you're not a robot View Price Processing

【謎が多すぎる】男にダマされ死体遺棄？女子アナ目指すセレブ美人女子大生が堕ちた地獄「相模原遺棄事件」をゆっくり解説