JavaScript - Menu Maker CSS3 jQuery - CodeCanyon ブラウザ上でカッコいいメニューを作れる「Menu Maker CSS3」 次のような検索窓つきのメニューをブラウザ上でパラメータ調整するだけで作れちゃう仕組みです。 jQueryプラグインベースのメニューが作れます。有料＄４ですが、なかなか面白い仕組みだったのでご紹介です。 作成画面 関連エントリ 超カッコいい確認ダイアログをjQueryで実装するチュートリアル jQueryを使ったアニメーションする投票グラフを作るチュートリアル 古いブラウザも考慮した角丸実装jQueryプラグイン「DivCorners」

タイル状に継ぎ目なく配置できるシームレスな背景用の画像が作成できるジェネレーターと無料素材を配布しているサイトを紹介します。

(誤り) WordPressテーマではなく、Bloggerのテンプレートでした。申し訳ありません。 14 Best And Attractive Blogger Templates For Free Download これからブログを始めようという人向けの素敵なWordPressBloggerテーマ集 はじめて訪れた人に、強い印象を与えることができそうなよくデザインされたテーマ集です。 ブログというとコンテンツが重要になってきますが、デザインも優れていれば言うことはありませんね。 Bloggerブログ導入の際は参考にしてみましょう。 関連エントリ フリーのマガジンスタイルなWordPressテーマ集 最初から広告スペース付のWordPressテーマ集 本当にシンプルな文字だけがメインのWordPressのテーマ集

ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。

デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム

ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、

個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 かなり情報が多くなってきたjQuery。使いやすいし、知識の無い僕でも簡単に使えるので重宝してます。そんなjQueryですが、多すぎて探すのも大変ですね。以前ご紹介したサイトも兼ねて、ブックマークの整頓がてら、順回しているサイトをご紹介します。 codrops jQueryと言えば個人的にここを思い浮かべます。情報も新しく早い。英語OKならRSS購読推奨です。 codrops css-tricks こちらはWebデザイナー目線で情報を配信しています。有益jQuery情報多数ですが、タグやカテゴリが無い（あるかもだけど、見当たらない）のがおしいところ。/tag/等も404なんですよね・・最新記事はサイドバーに表示されます。 css-tricks

60 Excellent Premium-Like Free WordPress Themes | One Stop Design Resources かなり美麗なフリーのWordPressテーマ60がまとまったエントリのご紹介です。 仕事として依頼したら一体いくらかかるんだろうというようなプレミアムなテーマが一杯で、どれにしようか迷ってしまうほど。イメージも様々なので好みのものがきっと見つかるはずです。 相変わらず、WordPressテーマは強いですね。 関連エントリ 3カラムのクールなWordPressテーマ集30＋ コーポレートサイトでも使える20のWordpressテーマ フリーのマガジンスタイルなWordPressテーマ集 最初から広告スペース付のWordPressテーマ集

写真画像にテキストなどを配置する「すりガラスのバー」を描くPhotoshopのチュートリアルをPsdtuts+から紹介します。 Quick Tip: Add a Frosted Background to Photo Captions 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 Photoshopで画像ファイルを開きます。画像はどんな種類のものでも構いません。 大切な画像を保護するために、レイヤーパレットでレイヤーを「ロック」します。

入力するのも楽しくなりそうな、しっかりとデザインされた海外のフォームのデザインをDzine Blogからいくつか紹介します。 Interface Design Inspiration - 36 Beautiful Contact Page/Form Designs

副業としてイラスト･デザインで稼ぐ5つの方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！ あなたのライフレシピを待っている人たちがいます あなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます！ あなたの投稿で、 みんなの生活をハッピーにしてみませんか？ nanapiに参加する（無料） はじめに 不況の折、収入が減り生活のために副収入を探している方も多くいらっしゃると思います。 最近は、デザイン業界で“クラウドソーシング”と呼ばれる仕組みを使ったサービスが増えています。これは、企業がネットを使って多くのネットユーザーに仕事を依頼し、必要なスキルを持つユーザーが仕事を請け負うマッチングサービスの総称です。これらのサービスを活用すれば、自宅で空き時間を使って副収入を得るこ

Free Ambition PSD HTML版のデモ 余裕のあるスペースに画像を美しく配置したユニークな構造をもったテーマ。 ファイルのダウンロード 各テーマによってダウンロードできるものはPSDやファイル一式（HTML, CSS, JS）など異なります。 ※PSDのみのものは有料でファイル一式やWordPress用のファイル一式もあります。 PSDファイルはレイヤーが保持されたものとなっています。

なんとなくグラデーションを使用したり、困ったらグラデーションを使用したり、トレンドだからグラデーションを使用したりしていませんか？ グラデーションを使用しないでデザインする方法をBuild Internet!から紹介します。また、グラデーションをより効果的に必然として使用するためのエントリーでもあります。 多くのウェブデザインのブログで周期的にページデザインのPhotoshopのチュートリアルを紹介しています。これらは素晴らしいウェブページを作成するためにグラデーションベースのデザインが一般的であるというおかしな印象を与えてしまいました。こういった記事を書く我々は間違って解釈されてしまう記事を書いたという罪があります。 ウェブデザインはデザイントレンドがどれだけ含まれているかのチェックリストではありません。何を使用するにしても、何をやめて何をアレンジするか学ぶ必要があります。 WeFunc

There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the