『 一流のサイトデザインを一から作成する手順集。 クールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 』
webプログラムをしていて、いざサービスを作ろうと思ったときにネックになるのが、デザインです。 僕はもうその手のセンスが絶望的に欠けていて、配色もレイアウトもまともなものが出来ません。HTMLやCSSそのものの知識があっても、それで作るモノが見えてこない。CakePHPの勉強をしてwebサービスをいっぱい作ろうと思っているのに、これは良くない。 そこで実際にwebサービス...
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なの [...]
人がもう一度訪れてみたいと思うサイトには、確実に良質なコンテンツが眠っている。 曖昧で、捕らえにくく、何それ美味しいの？とも言える『コンテンツ』。 そもそもコンテンツとは何なのか？ 一般的に言われているコンテンツとwebコンテンツとの違いはなんなのか？これを解決できるお手伝いになればと思います。
サーバーエンジニアといえど、ページ表示のパフォーマンスチューニングなどブラウザで確認したりすることはよくあると思います。 自分自身のメモもかねて、そんな際に自分がよく使用しているアドオンを紹介したいと思います。 firebug JavascriptやCSSのコーディングをやる方にはおなじみですね。firebugです。私はjavascriptのDebugだけでなく、各コンテンツの取得時間を見る際にも...
『 ★★★サイト全体の画面全体の設計に便利なツールの紹介 プレゼンテーションにもよい 』
2008年2月のベストまとめ。 見逃したものがないかをチェックしてみてください。 ちなみに2月度のネタ帳人気エントリーは以下。 2007年度web制作者の為のまとめ再構築30選
最近では、透過PNGを使ってとってもきれいに背景を透かしたウェブデザインを良く見かけます。 IE6.0以前のバージョンでは、通常、透過PNGがうまく表示されないのですが、 IE PNG Fixなどのスクリプトを使えば、きれいに表示されますね。 透過PNGをうまく使っている例では、こちらのサイトは有名ですね。 Silverback ぱっと見、普通のサイトなのですが、ブラウザの横幅を縮めたり伸...
先月、公開されたばかりのNETTUTS。 NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。 毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていくチュートリ...
無料で使えるwebジェネレータ特集です。 重いです。
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester
これは肝に銘じておきたいのでメモ的にエントリー。Googleのデザイナーが発表した同社のUser Experienceのデザインガイドラインらしいです。全部で10か条ありますね。 役立っているか？ (useful) 人々の仕事、生活、夢の実現に貢献しているか？ 速いか？ (fast) ミリセカンド単位で高速化しよう。 シンプルか？ (simple) シンプルであることはパワフルだ。 魅力的か？ (engaging) 初心者にと...
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をすることが大切です。 そこでWebデザインでも“無駄にならない”色...
ちょっと乗り遅れた感じですが、これはすごいのでご紹介。 様々なメニューを生成するwebServiceです。
SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキ SEOやユーザビリティに限らず、キーワー...
『 アップデートされたのでhtmlの記述方法が変わった→http://blog.deensoft.com/2008/03/13/protoflow-updated-better-captions-image-reflection/\nライブラリ不要のこれもおすすめ→http://194.95.111.244/countzero/scripts/_myImageFlow/ 』
これはメモメモ、という意味でエントリー。コメント欄とあいまっていいエントリーなのでは。「8 Premium One Line Css Tips」という記事です。 便利に使えそうなCSSのテクニック集ですね。1行で書けるものだけ紹介されています。ちょっと知っておくと便利そうです。 個人的にぐっと来たものだけを簡単にご紹介。 リンクが途中で折り返しされるのを防ぐ方法 a{ white-space:nowra...
『 http://blog.creamu.com/mt/2008/03/400pi_diagona_pack.htmlプライベートモードが異常に多い 』
先日、代官山へ出向く機会があり、これはチャンスとばかりカメラを片手に。 街は相変わらずの洒落っぷりで、たまたまだったが故の服装とカメラを少々恥ずかしく思いながら、あちらこちらをフラフラと。同じよう... →特集の続きを読む 素材屋足成【フリーフォト写真素材】では、この部分にはインライン・フレームを使用しています。素材屋足成【フリーフォト写真素材】...
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS
