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

いま、次のWebアプリを作ってて、画面デザインから作成しているのだけど、角丸や配色なんかでお世話になったサイトをメモ的にあげておこうと思う。 角丸 角丸ライブラリ - tikeda::Diary 最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。 これは最高にありがたい。角丸をさくっと作れるCSSとイメージファイルがセットで提供されています。 404 Not Found こちらもありがたい。色や高さ、幅を指定すると、角丸の画像を作成してくれます。デザインスキルがない（ソフトもない）から、こういうのは本当に助かる。 配色 Design Meltdown § Top 20 Most Popular Blog Colors According to Technorati.com the follow blogs are

メールアドレスや名前などの登録作業が全くいらないシェアリングサイト「drop.io」。一度にアップできるファイルサイズの上限は100MBですが、メールで送るにはちょっと大きいなと言うときなどに簡単でとても便利。パスワードや有効期限も設定可能です。 詳細と使い方は、以下から。Drop.io: Simple, Private Storage & Sharing まずは、「Add Files」からアップロードするファイルを登録する。 URLの入力を行う。初めから7けたのランダムな英数字が入っていますが、7文字以上の任意のものも登録可能。 パスワードを入力する。パスワード無しでも問題なし。 期限を入力する。1日、1週間、1ヶ月、6ヶ月、1年から選択可能。これは意外と珍しい便利な機能かも。 アップしたコンテンツの表示や追加の方法は、以下の三つより選択可能。「表示のみ」、「表示とテキスト追加」、「表示

これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。 これを使えば簡単に2.0っぽい（死語？）デザインを作ることができますね。 使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。 ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけ こうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X

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

色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です

今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込

The best known mycoprotein is probably Quorn, a meat substitute that’s fast approaching its 40th birthday. But Finnish biotech startup Enifer is cooking up something even older: Its proprietary single-cell…

会員登録なしでコメント付ウェブページを転送できる『Fleck』 January 1st, 2007 Posted in 便利ツール（ウェブ） Write comment ウェブをコミュニケーションの媒介とすることが多くなってきた。 「このサイトのここがすごいよ」「ここの部分読んでおいて」などなどだ。 そういうときに便利そうなのがFleckだ。リリースされてだいぶ時間もたってきたので安定してきたようだ。さきほど試したら思いのほかいい感じなのでとりあげてみる（以前とりあげようとして不安定だったらとりあげなかったのだ）。 このサイトではあるページに対して自由にポストイット風にメモを貼り付けていくことができる。 そしてそのようにメモをつけたページにはユニークなURLが振られる。これを同僚や友人にそのまま転送すればOKである。 無論こうしたアイディアは昔からあったが、会員登録なしにURLをもらえるの

これはすごい・・・Photoshopも顔負けの画像加工ソフトです。『Fauxto』はFLASHで作られたウェブ上のサービスです。 » Fauxto… like photo. それにしても高機能・・・ウェブOSがまた一歩近づきましたね。以下に詳しくご説明。 ↑ 一般的な画像加工ソフトに付いている基本的な機能は全てついています。 ↑ フィルターも5種類用意されています。エンボス加工してみました。 ↑ 画像は新規作成以外にも、ローカルPCからアップしたり、URLで指定できたりします。 ↑ タブで切り替えも可能。 ただ一点問題が。「やり直し」がききません。一筆入魂で描く覚悟がいりますね（消しゴムはありますが）。 しかし、それを抜きにしてもすばらしいソフトですね。ちなみにPhotoshopではなくて、Illustratorに近いものだと「Willustrator」がありますね。 » Willustr

学生のときはよくノート交換をしたものだ（テスト前に）。人によっては軽くビジネスにしていたような人もいたような気もする。 そうしたノート交換も今後デジタルになっていくのだろうか。 そんなことをNoteCentricを見ていて思った。このサイトでは学校のノートに特化したメモサービスを展開している。 自分でクラスを登録してノートをウェブ上に保管したり、もちろん友人と共有することもできる。 うまくやればノートの販売などもできてしまうのではないか・・・と思ったり思わなかったり。 学生のときの習慣がビジネスやサービスにできないか、たまには考えてみてもいいですね。