先日クリスマスのアイコン特集をやったばかりだけど、新たに様々なアイコンが誕生している事がわかるエントリがありました。 いやぁクオリティ高いですねぇ。 以下私が素敵だなぁと感じたアイコン抜粋。 一応ライセンス周りも軽めに紹介。 折り紙で作ったようなアイコン これはなんか衝撃的でしたね。 古いようで新しい、そんなアイコン。 フリーで使えて、商用については標記無し。 クレジット表示の義務も特にありませんでした。（ざっと探して見当たらなかっただけで、一応自己責任でお願いします） webデザイナーがお世話になるアイコン ファイルのアイコンがこんだけ素敵になると、他のファイルがしょぼく見えるのは仕様ですね。 web上で使って良いデザインではありません。あくまでも個人デスクトップPC内への贈り物。 web2.0なアイコン色々 web2.0って久々に使いましたが、、、いやぁ、なんというかソーシャルサービス

プログラマーやSEの方々はWebデザインが苦手だ。私自身、色々勉強はしつつもどうにも好きにはなれない。そのため、極力テンプレート的なものを使って作業するようにしている。デザインを後回しにすると、システムがある程度できた時にはじめることになり、折角乗っている気分を台無しにする恐れがある。 CSSで段組みを実現 最近の流行は960px幅のWebサイトらしい。その大きさに基づいて、印刷レベルでも耐えうるというのがTypogridphyだ。 TypogridphyはCSSテンプレートをオープンソースで公開している（ライセンスは明記されていなかったのでご注意いただきたい）。XHTMLに準拠し、ValidなCSSとなっている。 TypogridphyはPHPファイルと一緒に提供されているが、プログラミングコード部分がないのでHTMLと変わらないようだ。960pxと書かれているが、デモ用のHTMLファイ

米ライフハッカー読者、electrikjesus氏がデスクトップインターフェース『BumpTop』のβ版を試してみたそうです。この『BumpTop』というやつはパソコン上のデスクトップを、あたかも実際の作業の机上かのようにファイルを動かして片隅にまとめたり、重ねたり、グループ化したり、折り曲げたり、しおりを挟んだり、丸めたり、巨大化したり、小さくしたり、と多種多様な動きを可能にしてくれます。 『BumpTop』のウェブサイトによると 『BumpTop』はパソコン上のデスクトップとの新しい接し方を提案しています。実際の机でそうするように、書類を重ねたり、投げたりすることを可能に。さらに「カーソルを当ててクリック」という従来の事務的なデスクトップの概念を覆し、さらに自由なパソコン操作を提供。今使わない書類を端に寄せたり、必要な書類だけを引っ張りだしたり、まとめた書類を重ねて置いたり、という動作

JavaScriptを使って、クールなインタフェースを実現するライブラリは幾つか存在する。よく使われるものとしては、画像をクリックするとその場で拡大表示するもの、タブインタフェース、WYSIWYGなHTMLエディタ、レーティング、プログレスバー、コンテクスト（右クリック）メニューなどなど。 フローティングウィンドウ どれも個別のライブラリは存在する。だが、よく使われるものだけに、一つ一つ用意するのが面倒という人もいるはずだ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはLivePipe UI、Prototype.jsを使ったモダンなUIを実現するライブラリだ。 LivePipe UIが実現する機能はタブ、WSYIWYGエディタ、ツールチップ、フローティングウィンドウ表示、レーティング、プログレスバー、コンテクストメニューなどがメジャーなものとして挙げられている。レーティン

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

これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ

Pencil is a free and opensource tool for making diagrams and GUI prototyping that everyone can use. Top features: * Built-in stencils for diagraming and prototyping * Multi-page document with background page * Inter-page linkings! * On-screen text editing with rich-text supports * Exporting to HTML, PNG, Openoffice.org document, Word document and PDF. * Undo/redo supports * Installing user-defined

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

「FontSpace」はフォント・デザイナーおよびフォント常用者のコミュニティーで、8900個以上のフォントが無料でダウンロードでき、それぞれのフォントについて詳細なライセンスや書体見本、さらには実際に自分で入力した文字がそのフォントではどう見えるかがすぐにその場で確認できるようになっており、めちゃくちゃ便利です。 各フォントにはタグが加えられており、コミュニティに登録しているユーザーの場合はブックマークを付けたり、コメントを付けることも可能。 フォントのダウンロードの仕方は以下から。 Download free fonts @ fontspace.com http://www.fontspace.com/ 使いたいフォントを見つけたらフォント名などをクリックして個別のページに移動します まずは「Customize」の欄にサンプルとして表示させたい文字を入力しましょう するとこんな感じでち

プログラマの大半は絵心がない。そのため、Webデザインやアイコンなどを上手に配置してサイトを出来映えを一歩高めるというのは非常に難しく感じてしまう。だがそれはWebデザインに限った話で、絵が全くできないという訳ではない。 開発環境 趣味で風景画を描いたり、油絵をやる人だっているだろう。もしあなたが幾何学模様のアートに興味があるなら、これを使って描くのが良いだろう。 今回紹介するオープンソース・ソフトウェアはProcessing、アートプログラミング言語だ。 ProcessingはJavaで作られたソフトウェアで、専用の言語Processingを通して幾何学的なアートを作り出すことができる。簡単な記述で、十分に目を見張る作品ができあがるはずだ。 作品例 できあがった作品はエクスポート機能を使って、Javaアプレットとして出力できる。これをサイトにアップロードすれば、誰でもあなたの作品を見るこ