黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル...
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href=...
いま私はプロの編集者として勤務しています。その目から見れば、本書の記述はあまりに固く、冒頭が長すぎ、リファレンスとして使いにくく…と欠点だらけです。 ところが本書は、専門家を含む一部のかたに一定以上の評価をいただいています。大変ありがたいことです。「美人は3日で飽きる、ブスは3日で慣れる」なんて言葉もあるとおり、ヒトはある程度イビツなものにこ...
クライアントさんに、配色の説明をする際に、使用した色の名前を合わせて伝えてあげるとクライアントさんもイメージしやすいかも知れません。。 また、配色やデザインのアイデアに煮詰まった時にも、色の名前からインスピレーションを得ることができるかも。。 Name That Color POP*POPさんでも、ご紹介されていました。。カラーホイールまたは、HEXコードを指定すると、色の名...
『 YahooUILibraryの拡張ライブラリ「ExtJS」(旧yui-ext)の公式ページ。prototype.js+script.aculo.usやjQueryにも対応。 』
たまに、クライアントの方で、『ロゴも適当に作っておいて』なんて、かる〜く頼まれる事もあるのですが…。 ロゴの制作ってなかなか大変です。 大抵、ロゴの制作は手書きのスケッチからはじまります。その会社の業務内容や社名などからイメージしてキーワードを拾いだして描いていきます。 本日は、ひとつのロゴが出来るまでのプロセスを紹介されているサイトをまとめ...
Smashing Magazineのエントリーから、クリエイティブなオンラインショップのサイトを紹介します。 Design Showcase Of Creative Online-Shops ShopComposition Feel The Power yellowood store ushops Free People Clothing Boutique Nerve Music Store Bisley Perfect Order Online Store Klassiker in Acryl Brisbane Gift Baskets Habitat Shoes 他にも下記のサイトがリストアップされています。 ShoeGuru Accentuate Clothing Cosmicsoda Etsy Split the Atom Threadless TasteBook ...
ソフトウェアは、一度作られたら終わりというわけではなく、以下の変化に対応して進化できる必要があります。 ソフトウェアを取り巻く環境の変化 ソフトウェアに対するユーザの要求の変化 問題に対する開発者の認識の変化 過去のソフトウェア開発の経験から、ソフトウェアの構造には、同じ構造が繰り返し現れることが知られています。それら繰り返し現れる構造は、アー...
何気なく生活していると意識することはほとんどないが、私たちは様々な色に囲まれて生活している。そして、この目に入ってくる色は、人間の心理に影響を与えているのだ。ここでは、それらについて紹介してみよう。 赤は色の中で最も長い波長を持ち、人間の感情的興奮や刺激をもたらす色である。スペインの闘牛の布にも赤が使われているが、牛は色を判別しないとい...
『 2.0風ボタンか角丸ボタン、様々なバナーなど。blogに添える素材に使えそうなチュートリアルまとめ 』
『 3カラムのクールなWordPressテーマ集30+.またまた、カッコいいWordPressテーマの特集です。 』
The Highly Extensible CSS InterfaceCSS・JSを活用して高度なUIを作成するサンプル...
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています...
インターネットは多くの人に発言の場が開かれています。それはHTMLの知識があるとか無いとかには関係ありません。何かを発言しようとしながらも確信が持てずにためらっている人、こつこつとワープロで作品を書きためてきたけれども、HTMLが難しそうに思えてインターネットに発信できていない人、どうぞ、自信を持って情報を提供して下さい。
『 http://panasonic.net/experience-color/http://www.designwalker.com/2007/03/jp_tradition_colors.htmlhttp://homepage3.nifty.com/jc/works/jpcolor.htmlhttp://www2s.biglobe.ne.jp/sakamaki/dentouiro.htmlhttp://www.colordic.org/w/http://www.komon-ya.net/iro/ 』
『 テキストの上に雪がのっかったようなロゴを作るPhotoShopチュートリアル 』
すごい量のまとめエントリです。 メニューを作ろうかなと言うときには、一度は目を通しておいても損はありません。
『 >>著名な2人のCSSエキスパートによって執筆されたもの。そのままコピー&ペーストして使えるようなCSSのコードと説明がまとめられたサイトで、CSSを編集するWebデザイナはぜひともブックマークしておきたいサイトだ。 』
この“Let's begin XHTML”では,XHTML の基本的な考え方を説明する。まずは,XHTML を使って WWW ページが作成できることを知り,その基本的なスキルを身に付けていこう。 Hop step XHTML:ホップ ステップ XHTML XHTML の背後にある考え方に触れながら,モジュール化された XHTML をより体系立てて,詳細に解説していく。 “Academic HTML::XHTML 1.1”は,“XHTML 1.1 - Module-based XHTML”に準拠していま...