Flashを使わずに画像を魅力的に見せたい。 そんなときにおすすめなのが、『37 Fresh jQuery Image And Gallery Display Solutions』。jQueryを使った画像ギャラリープラグイン集です。 結構かっこいいのが揃っていますね。 ImageFlow Macのカバーブローライクなインターフェース PrettyPhoto jQuery Lightbox Clone クールなlightbox系画像拡大表示 The Lightbox Clones Matrix lightbox系スクリプトの機能比較表 The jQuery Cycle Plugin めくれるような効果やフェードなど、効果が面白いプラグイン CrossSlide jQuery plugin フェードしながらとてもクールに切り替わる ほかにもいろいろあるので、ぜひ見てみてください。 37 Fr

Smashing Magazineで、請求書のデザインがいろいろと紹介されています。 いくつかご紹介しますね。 Graeme Duckett Hicks Design Francisco Inchauste Devia シンプルですがロゴの使い方、色使い、レイアウト、フォントの選び方などが参考になるのではないでしょうか。 その他、CurdbeeやFreshbooksといった、オンラインで請求書が作れるサービスも紹介されています。デザインの参考になるのでは。 一度見てみてください。 Invoice Like A Pro: Examples and Best Practices 久々にマクド中。kitsonのバッグとか持ったギャルがいっぱいいるぞ。今年はスパンコールとかキラキララメラメがはやりのようですね。。 ギャルと言えば19歳で起業した藤田志穂さんの本がなかなかいい感じです。

96124501/ Hemera/ Thinkstock Photoshopのグラデーションファイルを探している。 そんなあなたにおすすめなのが、『25 High Quality Gradient Sets for Photoshop – 750+ Gradients』。クオリティーの高いPhotoshopのグラデーションファイル集です。 いい感じのグラデーションがまとまっていますね。 Clean Gradients Set 著者が注意深く選んだ約50個のグラデーションファイルを、フリー素材として配布しています Ocean Breeze 海をテーマにした青系のグラデーションファイル Vintage 深みのあるグラデーションファイル集 Dooffy Gradients Set 美しいグラデーションファイルがまとまっています Adobe CS3 Gradients Adobe CS3のアイコン

TwitterやFlickrなど、ソーシャルメディアのアイコンを探している。 そんなときにおすすめなのが、『Mega Collection of The Best Free Social Media Icons for Bloggers and Designers』。ブロガー&デザイナーのための、ソーシャルメディアアイコン集です。 ブログ等に便利なアイコンがすごくたくさん紹介されていますね。 Vector Social Media Icons ベクターのアイコン集。制限なく使えますが、リンクバックは必要 Handy Icons 手書き風のアイコン集 Cute Tweeters Icon Set 有名サイトでも使われている、Twitterアイコン集 Web 2 Badges 商用無料でとてもかわいい円形のアイコン集 Function Free Social Media Icon Bonus

jQueryでかっこいいスライダーを実装したい。 そんなときにおすすめなのが、『bxSlider』。jQueryで実装するクールなスライダーです。 ↑は、「prev」、「next」をクリックすると、シュッシュッとスライドしてコンテンツが切り替わるタイプ。他に以下の3つのスライダーがあって、合計4つの動きが実装できます。 ・テキストが自動で右から左にスライドするタイプ ・画像が位置を変えずに、自動でフェードイン&アウトして切り替わるタイプ ・テキストが同じ速度右から左に動くタイプ かっこいいのでぜひ見てみてください。 bxSlider やばい作業を再開しなくては。

net tuts+で、Mootoolsでレトロなパタパタ時計を作るチュートリアルが紹介されています。 1秒ごとに、パタッパタッとめくれる時計ですね。 上の部分と下の部分でHTMLを分けていて、CSSでスタイリング、Mootoolsで動きをつけているようです。時計もjavascriptでこういう動きが表現できるんですね。 デモは以下から。 Demo ソースもダウンロードできるので、一度見てみてください。 Learn how to Create a Retro Animated Flip-Down Clock 今日はいろいろあった。新しい感情が芽生えた。力強く生きていかないとな。

すごいサイトを見つけました。 商用無料、クレジット表記不要のパターン配布サイトです。 ↑のようなパターンが、jpgだけでなくpatも配布されています。Photoshopで開けばパターンとして読み込むことができて、継ぎ目なしのパターンになっています。 Terms of Use All royalty free stock icons, clip art, images, brushes, custom shapes, layer styles, layered PSD’s, patterns, textures, themes and other design resources on this website are free for use in both personal and commercial projects. You may freely use them in softw

VISIONWIDGETというサイトで、フリーのjQueryコンテンツスライダーがまとまっています。 ざっといくつかご紹介。 » jFlow かわいいフォトスライダー » Create Featured Content Slider Using jQuery UI サイドバーにナビゲーションのあるスライダー。自動で切り替わる » A Basic Content Slider With jQuery 左右にボタンを配置したシンプルなスライダー » JC Play List xmlからリストを取得できるFlashコンポーネント » Creating a Slick Auto-Playing Featured Content Slider CSS-Tricks.comによる、Coda Sliderのようなとてもクールなスライダー かっこいいものがそろっているので実装したくなりますね。 その他のリ

Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery

webdesigner depotで、商用でも無料で使えるベクターアイコンが紹介されています。 The icons are completely free for personal and commercial use and they’re being released exclusively to all our readers. とのことで、個人利用・商用利用ともに無料になっています。 AIファイルも入っているので、使いやすいのではないでしょうか？ 矢印やノートやカレンダー、パソコンといったオフィス系アイコン、カートや配送車などのEC系アイコンがたくさん入っています。 ぜひダウンロードしてみてください♪ » 200+ Free Exclusive Vector Icons: ‘Primo’ 気が向いたのでCSSを整えて、inputとtextareaにborderを指定しました。pad

spyrestudiosというサイトで、かなり魅力的なjQueryチュートリアル&プラグインが紹介されています。 ざっといくつかご紹介。 » Creating a Keyboard with CSS and jQuery CSSとjQueryでPCのキーボードを実装 » Animate Curtains Opening with jQuery カーテンが開くアニメーションをjQueryで実装。↑のキャプチャはこちら » Sexy Drop Down Menu w/ jQuery & CSS するするっと消えていくクールなドロップダウンメニュー » Learning jQuery: Fading Menu – Replacing Content フェードイン&アウトして切り替わる超クールなメニュー » How to Load In and Animate Content with jQuer

Macで便利なソフトを使いたい。 そんなあなたにおすすめなのが、『25 Useful Pieces Of Free (and Open) Software for Macs』。Macの便利なフリーソフト集だ。 以下にいくつかご紹介。 » Sunbird Googleカレンダーと同期できるMozillaのカレンダーアプリ » AbiWord MS Wordにとってかわる、今までで一番いいオープンソースのMac用ワード » Seashore 基本的なPhotoshopの機能を備えた画像編集アプリ » Books 本のカタログを作れるアプリ その他のリストは以下から。 » 25 Useful Pieces Of Free (and Open) Software for Macs Macの便利なフリーソフト集、チェックしてぜひ使ってみてはいかがだろうか。 今日もいい天気だ！よぅし。

vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加　黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ

画像をスライドさせるギャラリーが作りたい。 そんなときにおすすめなのが、『jQuery plugin – Easy Image or Content Slider』。jQueryのイメージ&コンテンツスライダーだ。 これを使えば、水平方向や垂直方向に画像をスライドさせることができる。テキストなどのコンテンツも可能だ。 使い方はとてもシンプル。デモは以下から。 » Default non-styled image slider jQueryのイメージ&コンテンツスライダー、チェックしてぜひ見ていただきたい。 » jQuery plugin – Easy Image or Content Slider 今日は新年会。楽しみやね。

画像をクリックすると拡大してポップアップするデザインにしたい。 そんなあなたにおすすめなのが、『jQuery lightBox plugin』。超簡単に画像にlightbox効果を与えられるjavascriptだ。 『jQuery lightBox plugin』は、とてもシンプル。 <div id=”gallery”></div>といったタグで囲み、その中にimgタグを入れるだけで簡単にlightboxを実装できる。画像一つ一つにclassを割り当てたりする必要がなくていい。 また、カスタマイズも可能で、背景色を白以外に変えたり、透過度を変更したりすることができる。 サイトやブログのデザインを一歩前に進めるのに使えるのではないだろうか。 超簡単に画像にlightbox効果を与えられるjavascript、チェックして使っていきたいですね。 本を買いました。斉藤和義の初めての本な気がする。

タブをかっこよくスライドさせて見せたい。 そんなときにおすすめなのが、『Coda Slider Effect』。Codaのサイトで使われているスライダーエフェクトだ。 このエントリーでは、↑で見られるようにMac用のエディタであるCodaのサイトで使われているスライダーエフェクトを実装する方法が紹介されている。 デモは以下から。 » View the demo and source code used in the screencast とてもクールなタブの見せ方ではないだろうか。 Codaのサイトで使われているスライダーエフェクト、チェックしてぜひ使ってみていただきたい。 昨日は飲みたくなったので一人でワインを飲みに隠れ家的なカフェへ。読みたかった本を買って行って、とても心地のいい時間だった。また行こうっと。 松田公太さんは尊敬している人の一人で、いつも刺激されます。

DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser