Give your photos a Hollywood effectというエントリーより。 Digital media blog Ebin has written up a somewhat simple tutorial on how to give your photos the movie look with Adobe Photoshop. Photoshopを使い、写真素材を映画のワンシーンのように加工する「How to turn your photo into movie-like effect using Photoshop?」というエントリーが紹介されていました。 ↓この写真が‥‥ ↓こんな風に加工されます。 うーん、すごい。そしていい感じ。 英語のチュートリアルですが、細かく説明されているので、Photoshop使いの人だったら問題ないのではないでしょうか。

イケてるWebサイト制作会社をお探しの方へ イケサイに掲載されているようなウェブサイトを作りたい、スマートフォンサイトを作りたいという方は下記の見積もり依頼フォームからお問い合わせ下さい。 オススメのサイト ミツカル保険相談mitsukaru-hoken.com 全国の保険相談窓口・保険ショップを検索 保育園・幼稚園DBhoiku-db.info 全国の幼稚園と保育園のクチコミ情報サイト ブリーダー直販www.cats.to 優良ブリーダーやキャッテリーが育てた猫ちゃん

MovableType.net は、SaaS型ながら「本格CMS」の機能を搭載。 多くのプラグインを追加したインストール型CMSと 同等のウェブサイト構築・運用が可能でありながら、 費用や作業負荷を大幅にカットできます。

ネタフルでもしばしばGmailネタを取り上げていますが、それらをTips集としてまとめてみました。Gmailの知らなかった使い方があるかも？　参考になれば嬉しいです。 1.　Gmailをデフォルトメールアプリにする方法 ウェブブラウズをしている時に「mailto:」をクリックしたらGmailを開くようにする方法。 2.　Gmail、転送とPOP3に対応 メールの転送・普段使いのメーラーからPOP3にアクセスすることも可能。 3.　GmailでFromアドレスを書き換える方法 Reply-toだけでなくFromも普段使いのメールアドレスに。これでGmailをメインメーラーに。 4.　Gmailの送信先にグループを作る方法 一つのメールアドレスで複数人にメールを送信する方法。 5.　Gmailをスパムフィルターにする方法 Gmailを経由してスパムを排除。 6.　FirefoxでGmailをス

ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧［ABC順］ リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

Your system may not meet the requirements for Firefox, but you can try one of these versions:

日本のWebサイトで、数少ない信頼できるSEOの情報源です。中小規模のWebサイトであればこのサイトだけで十分と思うほど、わかりやすく、情報が網羅されています。特に、まずSEOに取り組もうという初心者の方、しっかり見直そうという初級者の方は、まずはこちらをバイブルにして取り組む事をお勧めします。 SEO(検索エンジン最適化)の意味SEO(Search Engine Optimization: 検索エンジン最適化)とは、自社のウェブページがGoogleやBingなどの検索結果で上位に表示されるようにウェブサイトの内外を改善する取り組みです。SEOを実施することで、自社の事業領域に関心の高い見込み客を効率的に、無料で集客できます。 SEOは特別なものではなく、自分で実践できます。このページは実践のための解説ページです。SEOの概要とステップを紹介しているほか、文中のリンクをたどることでより詳し

MovableTypeで Google Sitemapsを作成する クローラ向けのサイトマップを作成してインデックス処理の効率化を目指す試験的な試みとして公開されたGoogle Sitemaps。これをMovableTypeを使って簡単に利用できる方法を紹介。 公開日時：2005年06月04日 11:43 Googlebot向けのサイトマップを作成し、クローラが効率よくページをインデックスできるようにするためのGoogle Sitemaps。このために必要なXMLベースのサイトマップをMovableTypeを使って簡単に作成する方法についてNiall Kennedy's Weblogが紹介していました。 まずMovableTypeで新規にテンプレートを作成します。ファイル名称は例えば sitemap.xml とします。その上でテンプレートに次のコードをコピー＆ペースト。 <?xml ver

原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

WordPress and SEOというエントリーより。 Use these tips to improve your site, and fight for a lot of backlinks and visitors by writing quality content and putting a lot of work into it. WordPressでSEOするためのTipsがまとめられたエントリーです。 日本ではブログ用のアプリケーションというとMovable Typeがダントツのシェアを誇っているのですが、アメリカではWordPressで構築したブログを目にすることも少なくありません。 ということで、このエントリーの内容はWordPress向けですが、基本的なSEOのTipsですので、どんなブログにも適用できるのではないかと思います。 Permalinks Permali

対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに

Get a Flickr banner for your siteというエントリーより。 The ever-expanding Flickr toys section over at Flagrant Disregard has another fun yet useful Flickr widget: an automatically updating Flickr picture banner. Lifehackerで、自動的にFlickrの写真を利用したバナーが作成できる「Profile Widget」というサービスが紹介されていました。 ユーザIDを入力するだけで簡単に利用することができます。他には、最近の写真、ランダムなどいくつか設定を選ぶことができます。 ブログのサイドメニューなどに貼り付けておくとよいですね。これはコンパクトですが、横長、縦長も選べます。

Secure Processing Your data is encrypted at rest (AES-256) and in transit (TLS 1.2+). Get Job Done Fast Process your files in seconds – save time for more important tasks.

今回は，デザイナーとして，世間やプログラマに対して言いたい放題書かせてもらう。どうか怒らずに最後まで読んでもらいたい。デザイナーの皆さんには，大いに賛同していただける内容になっているはずだ。 デザイナーだって，タイヘンなんだ！ まず，デザイナーという仕事は，非常に誤解されやすい。例えば次のような誤解をうけて，暗い気持ちで日々の作業をこなしているデザイナーも少なからずいるはずだ。 1)　デザイナーという職種に対する，先入観がある 世間（顧客やエンドユーザー）には，「すべてのデザイナー」＝「技術に無知」だという先入観がある。「デザイナー」とは「Webページの配色とレイアウトをする人」だから技術を知らなくて当然，むしろ知らなくてよいとする傾向すらある。開発ツールが完全分業に向けて進化しているのだから，デザイナーはビジュアル・デザインのことだけ考えていればいいという意見を持っている人もいるだろう。

ウイルスなどからパソコンを守ってくれるアンチウイルスソフトウェア。気になるのは実際のところどれぐらい防御してくれるのか？ということ。 というわけで、14万7184種類のウイルスを用意し、各社のアンチウイルスソフトウェアの設定をデフォルトではなく、機能の許す限り「最高」の防御レベルにまで引き上げた上で実験した結果です。果たしてどのアンチウイルスソフトウェアが1位なのでしょうか…？ なお、有名どころだと、マカフィーは13位、ノートンは22位、ウイルスバスターは海外ではPC-Cillinという名前で27位です。 Antivirus programs and protection guide, virus info, antivirus tests, Free Antivirus Tools! ベスト10は以下の通り。 1位. Kaspersky version 6.0.0.303 - 99.62

Google Earth、フライトシミュレータ機能を「標準装備」という記事より。 マウスの代わりに、PCゲーム用の操縦かんやステアリングなどのコントローラを利用してGoogle Earthを操作できるという。 「Google Earth」にフライトシミュレータ機能が追加されているというので、早速Mac版で見てみました。 ちなみにバージョンはコチラ。 記事によると、 「オプション」の中の「ナビゲーション」パネルでコントローラを有効にした後、「Ctrl」＋「G」でモードを「G-Force」に切り替えると、マウスポインタが飛行機型アイコンに変わり、コントローラでの操作が可能になる。 ということなので、Mac版は「環境設定」かと当りをつけたらビンゴ。 ただし残念ながら「コントローラの設定」が有効になりませんでした。 でも、これまではマウスで操作していたのですが、カーソルでも操作可能なことに気付きま

Licence 当サイトのフォントは、商用でも個人でも無料で利用できます。基本的に連絡も不要です。 ※連絡が必要なもの：書籍への掲載、フォントデータ自体の収録・再配布 ※ダウンロードしたファイルに含まれている「readme.txt」は改訂前の規約になっている場合があります。 前述のとおり商用でも個人でも連絡なしで無料で利用できます。 Contact 書籍への掲載、フォントデータ自体の収録・再配布（CD-ROMやアプリへの収録など） を希望される場合はご連絡をお願い致します。 頂いたお問い合わせには3日以内にご返信できると思います。 ご連絡はこちら [email protected] へお願い致します。 illllliとして2004年より制作活動を開始。 i が1つ、l が5つ、i が1つでイリーと読みます。 illllli Original Design Fontでは、遊び心あふれる楽しいフ

ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。 ▼写真をアンディ・ウォーホールのポップアート風に加工する方法 ▼写真からパターン化されたシルエットを作成する方法 ▼Photoshopで写真をポップアート風にする方法 ▼Photoshopで写真をスケッチ風に加工する方法 ▼Photoshopで写真を石像風にするテクニック ▼ホンモノの自動車をアニメ風にするPhotoshopテクニック

Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of

インターネットは性善説の上に成り立っている。 インターネットの情報伝達は、サーバからサーバへ情報をリレーすることで成立している。情報を要求した箇所とその情報を保持している箇所を直結するわけではなく、その間にある幾つもの中継点を通ってやりとりしているわけだが、この中継点はあくまでそれぞれの組織が自分のために用意したものだ。つまり相互に他人のリソースを間借りすることで成立しているシステムであり、相互扶助なくして成立し得ないものと言える。 このことがインターネット上の文化に影響しているのかどうかは判らない。実際のところ、むしろ発祥である大学間ネットワークの気風が大きく影響しているのではないかとも思うが、何にせよ、現在のインターネットは相互扶助の気風を持っている。 インターネットでしばしば求められる関係性は、「個人対個人」ではなく「個人対コミュニティ全体」としての関係であり、即物的なGive&Ta

Get high res wallpapers from Flickrというエントリーより。 Web site Wallpapr plugs into the Flickr API and lets you search for desktop wallpapers from the Wallpapers group on Flickr. ずーっとデスクトップはデフォルトだったのですが、そろそろ雰囲気を変えたいと思っていたところでした。 Flickrには「Wallpapers」というグループがあり、そこで壁紙をブラウズすることが可能です。 これは凄く良いかも。早速、左のクラゲをデスクトップ画像に指定しました。 探すのが難しいな、と思った人にはFlickr APIを利用した「Wallpapr」がお薦めです。 単純に「20」「40」「100」というボタンをクリックしても、それぞれの枚数の壁紙用

Make a free logo design in minutes with AI. LogoMaker can make your big idea a beautiful reality.

Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur

まったく何も描かれていない無地のものから、文字で「click here」と書かれているものまで、8枚の画像に対して好きなところをクリックすると、自分と他の実験者のクリック位置データが表示されます。結果表示はクリックされることが多い所ほど熱そうな色になっていくのですが、かなりハッキリとクリック位置の偏りが出ています。 詳細は以下から。 一枚目は無地です。手っ取り早く結果のデータだけ見たい人は右上のSkipをクリック。 New Click Survey ジョルジュ・ド・ラ・トゥールの名画「いかさま師」をつかったクリック実験もあります。 Click Survey 好きなところをクリックしていいといっても目標があるとそこに意識が向かってしまうようですね。

つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの

自分のブログ記事がテキストだけでそっけないので何とかしたいという悩みを持ってませんか？ あなたと同じように、自分のブログ記事がテキストだけでそっけない悩みを持っていたユーザーが、このサービスを使うことで「イメージ付きで読みやすいブログ記事」を簡単に作成しています。 といっても、画像を加工するのが面倒そうですよね。 そこで当サービスでは簡単に探してその場で加工して、タグをコピペするだけという画期的な仕組みを提供しています。 注意事項 ・ライセンスへのリンクをしてください。 ・利用したものは、さらに再利用されてしかるべき形態をとってください。 ・それ以外の利用をしたい場合は著作権者に直接許可を取ってください。 NG行為 ・ライセンスへのリンクをしない。 ・透かしを入れるなど再利用を禁止する。 ・それらを著作権者に無許可で行う。 よくある質問：画像を印刷物や番組で使用したいのですが無料で使用でき

CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄（フォーム）部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

To identify a font from an image, use a font finder or font identifier. These tools are great for finding the name of a font or similar alternatives. All you need to do is upload an image of the text by having it readily available on your device or taking a photo. Yes, WhatTheFont is a simple and easy font finder that can help you identify fonts. Just upload an image of the font you need identifie

Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか？」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

こちらのサイトであるデザイナーの仕事っぷりが披露されていました。コンセプトからデザインにいたるまでの過程を順を追ってみることができます。 » Ideabook Tutorials | Step-by-step logo – Mozilla Firefox デザイナーさんってこういう風に仕事をするのか・・・と大変勉強になりました（もちろんデザイナーさんそれぞれに違った仕事のやり方があるかと思いますが）。 では以下にそのデザイナーさんの頭の中身とでもいうべきデザインプロセスをかいつまんでご紹介。 今回依頼があったのは「Metro Aviation」というヘリコプターの輸送会社。 まずは紙にスケッチをしていきます。 ↑ ヘリコプターの概念をさらさらと。 ↑ もちょっと具体的に。 ↑ 社名も入れつつ違った角度から。 この時点でクライアントから「ハチドリ」のイメージが欲しいなぁ、と言われます。 ↑

ページの制作において必須とも言えるCSSですが、そのCSSファイルを最適化することによってページの読み込みを早くしてみたり、トラフィックの多いサイトであれば転送料の節約にも貢献できるらしい。 というわけで、現時点で存在するCSS最適化ネットサービスをいろいろと探して列挙してみました。最適化といってもサービスによって方法はいろいろなので、この中から自分の目指す方向の最適化サイトが見つかるかも。 CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスのリストは以下の通り。 Clean CSS - A Resource for Web Designers - Optmize and Format your CSS http://www.cleancss.com/ コメントを残したり、並べ替えたり、圧縮したり、最適化レベルやオプション指定によってかなりカスタマイズできるCSSファイルの容

チェックしたいサイトのアドレスを入力するだけでGoogleページランク、Yahoo!WEBランク、トラフィック世界ランク、サイト来訪者数、サイト来訪者の平均ページビュー、最重要に設定されているキーワード、最重要キーワードの月間検索数、Google/Yahoo!/MSNの最重要キーワードでのサイトの順位と競合数・狙い目数値、Google/Yahoo!/MSNの被リンク数、ドメイン取得年月日などがわかります。 今まであちこちの同種のサイトを使っていたのがかなり楽になります。国内サービスなので表示も全部日本語で、非常にわかりやすいです。 SEO TOOLS http://www.seotools.jp/ SEOアクセス解析ツール http://www.seotools.jp/001_seoanalyze/ SEO TOOLS - 順位チェックツール http://www.seotools.jp/

フォームに自分のサイトのアドレスを入れるだけで、Googleのページランク、Googleでの検索結果から類推されるリンクしているサイトの数、同じくYahoo！とMSNからのリンク数、さらにはAlexaのトラフィックグラフへのリンクなどをまとめて表示してくれます。 Who links to me http://www.wholinks2me.com/ ほかにもそれぞれのリンク元一覧がずらっとこのサイト下部に並ぶので、自サイトのメジャー具合を調べるのに都合がいいかもしれません。また、SEO業者に頼んでからその成果を見る場合に役立つかも。 なお、この「Who links to me」はRefererを見ているらしく、自サイトからリンクすればそのリンク元サイトの結果で自動的に表示してくれます。そこで自サイトからリンクする用のタグもページ最下部に提供されています。

GoogleのページランクやAlexaのランク、GoogleとYahoo！とLive Searchからのバックリンク数、ブログ検索エンジンテクノラティのインバウンドリンク数、ソーシャルブックマークdel.icio.usのブックマーク数、RSSリーダーBloglinesでの購読者数、それからドメインのWhois情報やDNS情報を一度に調べて表示してくれるという無料サービスです。 いちいちひとつずつ調べる手間が省け、検索エンジン対策のSEOにも便利。 使い方は以下の通り。 popuri.us quickly check your site's Google PageRank, Alexa Rank and more! http://www.popuri.us/ まず調査したいサイトのアドレスを入力し、「Get Info」をクリック しばらくすると調査結果が順番に表示されます。とっても簡単。

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

アーバンな感じのテクスチャ素材がたくさんあるサイトです。商用利用も可能で、すべて無料です。条件はこのサイトのクレジットを載せること。 現在143枚の素材がダウンロード可能です。今後も増えていくようですね。サイズも大・中・小用意されています。検索もできますよ。 いくつか写真でご紹介。 ↑ サイトのトップバナーに使えそうな・・・。 ↑ テクスチャだけでなくこうした素材もちょこちょこあります。 ↑ メタリックなイメージにいいですね。 ↑ ちょっと宗教的なイメージを醸し出したいときに。 ↑ 不思議と未来を感じさせるイメージ。 他にもたくさんありますね。ご利用は以下からどうぞ。 » Urban Dirty: Free texture stock photography for your artwork, desktop and design

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

ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能

これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな～り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo （ロゴの重要性） Logo Design Software （デザインのためのツール） Logo Design Tutorials （チュートリアル） Logo Fil

よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the

色って何かと迷いますよね。センスだけでできればいいのですが、なかなかそうもいかないもの。そこで色の理論から、色が心理に与える影響までを網羅した資料をご紹介。 以前ご紹介した「これで完璧！ロゴデザインのためのお役立ち資料まとめ」と同じシリーズですね。 色に迷ったときにかなり使えそうですよ。詳細は以下からどうぞ。 いろいろ網羅されているのですが、いくつか気になるトピックをピックアップ。 ↑ 色関係の使えるオンラインツールいろいろ。 ↑ デスクトップから使えるツールもいろいろ紹介されています。 ↑ 色が心理に与える影響について。大事ですよね。 念のため、全部のカテゴリーをあげておきましょう。 Color Basics （色の基本） Color Psychology & Meaning （色が心理に与える影響および色の意味） Color Science & Theory （色の理論） Color

技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意

素敵なアイコンがたくさんダウンロードできるのがFreeIconsWebです。全部で15,000個以上あるそうですよ。 ↑ なかなか素敵ではないかと・・・。 こうした素材集サイトは知っておくと便利ですね。ブックマークに加えておいてはいかがでしょうか。 なお、ご利用の際は配布元のライセンスをご確認ください。 » Free Icons Web – Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon

ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

FLASH職人の方のための便利そうなツールをご紹介。 「PowerCursor」ではウェブ上でさまざまな”触感”を実現するための部品を提供しています。 マウスをその上にもっていくと重力を持っているように動いたり、迷路のようにある道しか通れなくしたり・・・。ゲームやクリエイティブなインターフェースに良いかもですね。 どういった部品がそろっているのでしょうか。以下にいくつかご紹介。 ↑ たとえばこういった部品があります。「Sand」の上ではマウスはまるで砂場で歩いているようなのろい動きになります。逆に「Slick」ではつるつるした動きになります。 ↑ 上図の「Ramp(Up)」にてマウスにかかる力。マウスをのせるとポインターに上向きの力がかかります。 ↑ 穴や丘のようなものも作ることができます。この上にマウスを持っていくとそこに穴があるようにポインターがそちらに動いていきます。 ↑ 迷路のよう

カテゴリ・ファイル形式・ライセンス別で絞込み可能になっており、自分の好みの使えるベクター形式画像ファイルを見つけることができます。ベクター形式なのでいくらでも縮小拡大が可能になっており、サイトやブログデザインの素材を作る際にはかなりお役立ちです。知っておいて損はないはず。 詳細は以下の通り。 Free Vectors by Vecteezy! http://www.vecteezy.com/ フィルターによる絞り込みは以下から行います。 Gallery http://www.vecteezy.com/gallery なお、Adobe Illustratorなどのベクター形式を扱える高価なソフトウェアを持っていなくても、以下のサイトで一部形式は変換可能です。 Media Convert http://www.media-convert.com/ また、SVG形式であれば以下のフリーソフトで変

知りたいこと、伝えたいこと、 全部はてなで。はてなIDがあれば あなたの知的好奇心を刺激する 様々なサービスが楽しめます はてなIDを作る(無料)