[1] 技術者にとって、デザインは鬼門だ。システムはどんどん作れても、デザインが乏しいと急速にやる気をなくしたり、プロジェクト自体が頓挫してしまう。 そこで私自身はデザインは極力外部から持ってくる事にした（または手伝ってもらう）。そうした時に役立つのがこのサイトだ。 今回紹介するのはOpen Designs、オープンソースのデザインテンプレート配布サイトだ。 [1] ht...
Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えら...
『 テキストを自由な位置で折り返せる「CSSTextWrapper」。 テキストを円形等、好きな形の範囲内に収める仕組みが考案されたようです。 』 by inforeal
2007年8月にヒットしたエントリやサイトの、WEBデザイナー向けまとめ。 一ヶ月もたてばブックマークも結構色々ノイズが入ってくるもので、ここで整理の意味も込めてまとめておきます。 SEO系や、モバイル系は別エントリに分離しないと、前回重くてアクセスが集中して見れませんと言われる方がいましたので、分離して書こうかと思っています。
手書き風のデザインで文字入りの円グラフを手軽に作成できる“べつやくメソッド”支援ソフト「べつやくメソッドクリエーター」v1.0.0が、4日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作には.NET Framework 2.0が必要。 “べつやくメソッド”とは、感想やインスピレーションなどを1つの円グラフで表現す...
それは、本の香りでもなく、質感でもなく、ページをめくる感覚でもありませんでした。もちろん、多少はあったらいいなーと思うけれど許容範囲。それとは比にならないぐらい、恋しく思ってしまったものがあったそうです。なんと、本の厚さでした。この厚さという触覚フィードバックが無いと、どのぐらい読んだのか？ あとこの先どのぐらいの物語が残されているのか？...
ロサンゼルスで働くウェブデザイナーの日記。ブログ素材、ムーバブルタイプ、Jugem、Seesaaブログのテンプレートを無料配布中！！ Photoshopチュートリアル ミニチュア模型を撮影したような写真に加工する 6 2, 2007 01:18 PM カメラに詳しい方々は、ご存知かと思われますが、チルト・シフトレンズというレンズを使うと、まるでミニチュア模型を撮影したような写真が撮れるそう...
今回まとめた内容をあらかじめ言っておきます。 CSS JavaScript イメージギャラリー Generator Ajax です。 とりわけJavaScriptやCSSは色々なブログでも使える為、ブロガーも頑張れば導入可能なプログラム等をなるべく多めにまとめました。 これは『個人的な感想』のテーマで、私個人が遊び心をくすぐられたものをまとめています。 あくまで私がくすぐられたもので、他の人がくすぐら...
一応サンプルのよくある質問部分に関しては、がっつり改行してたりそれなりに分かりやすくしてるつもりなんでソコソコ使いやすいかと思いますが、カスタマイズする際の参考にでもしていただければって事で、ご説明をするです。 ---- こっから続き まずは... 何はともあれhead要素内に、 <script src="./js/jquery.js" type="text/javascript"></script> <script src="./js/q...
Web標準にのっとった制作、CSSによるレイアウト、Ajaxなど、HTMLとCSS、JavaScriptなどで実現可能なことは意外と多いものだ。その中でも、特にAjaxはこれまでシステム開発をしてきたプログラマが得意とする部分だろうし、世の中のデザイナーには、デザインだけではなくこれからはHTML制作に進もうと考えている人もいることだろう。 こういったことから、たとえ世の中がリッチ...
『 photoshopで使えるフリーブラシのリンク集。 』 by yuki_2021
ロールオーバーの際に画像の輝度を上げるやり方がありますけど、CSSで簡単にできます。 XHTMLソース <a href="http://blog.webcreativepark.net"><img src="./tor.gif" alt="to-R"/></a> CSSソース a:hover img{ opacity:0.8; filter: alpha(opacity=80); } サンプル ロールオーバー時にimg要素のopacityプロパティを使い不透明度を下げます。 IEはopacityプロパティに対応していない為、filterを使い不透明度を下げ...
サイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。 例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り"Table"タグを使う方が効率的ですね。 っちゅうわけで、本日はTableとCSSを使って表を作る方法をいろいろまとめてみました。 1. 16 Sortable Table Techniques | CSS Juice こちらの...
Movieclip tweening prototypesは、トゥイーンを使用したユーザーインターフェイスを実装できるフラッシュのライブラリです。 Movieclip tweening prototypes ライブラリには下記のようなサンプルがあり、それぞれflaファイルもダウンロードできます。 relevare.com navigation resize like Kurtnoble.com
時間がない。自分の時間がない。 ブログの更新具合を見ていただいてもわかると思うけれど、 いまの僕には、自分のために自由に使える時間がほとんどない。 こういう状態がつづくのは肉体的にも辛いのだけれど、 何より、精神衛生上よくない。 自分には、もっとやるべきことがあるのではないか、 という気持ちがわくと同時に、そんなことすら考えているのが時間の無駄、 ...
16:10の比率のワイドスクリーンから、通常比率4:3のモニターまで、様々な解像度に対応した厳選壁紙30枚です。どれもこれもかなり美麗でファンタスティックなイメージでまとめられており、日替わりで変えていくだけでもかなりいい感じ。 ダウンロードは以下から。
アイコンのデザインは悩みますよね。他の人が作ったアイコンを参考に作られる方も多いのでは。ただ、アイコンを見つけるのはなかなか大変です。 そこで登場したのがこの「iconfinder」。アイコン専用の検索エンジンです。 以下に使い方をご紹介。 ↑ 試しにiPodで検索。おー、すごいです。 ↑ サイズも選べます。チェックをつけたりはずしたりするとダイナミックに検索結果...
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。
ワルキューレの甲冑の輝きとも言われるぐらい幻想的な光景を見せてくれるオーロラですが、地上からはもちろん宇宙から見てもその神秘的な美しさは変わらないようです。 画像は以下から。
『 昭和の写真ジェネレータ（仮）:画像URLまたはアップロードされたファイルを「昭和の写真」風に加工します。画像形式はJPEG,PNGに対応しています。 』 by nilab
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)