前からやりかったことをさくっとできたのでメモ。Macでスクリーンショットの保存先を変更するには、TinkerToolを使います。 TinkerTool 一般タブの「スクリーンショットを保存するフォルダ」でカスタムフォルダを選択し、再度ログインすれば有効になります。 ちなみに、「ウィンドウを取り込むとき、陰影を付ける」のチェックを外すと、デフォルトでつく陰影を付けないでスクリーンショットを取ることができるようになります。 これはいい。 動作確認：Mac OS X 10.7.3

dotdotdotは、はみ出したテキストを「…」に変えてくれるjQueryプラグインです。 日本語の2バイトでの確認は必要かもですが、簡単に実装できるようです。 dotdotdot

CSS Social Buttonsは、CSSで作るソーシャルボタン集です。 twitterやFacebook、pinterestなど、いろいろ揃っています。 CSS Social Buttons

Curtain.jsは、カーテンが上がるような動きを演出するJavaScriptです。 スクロールだけでなく、矢印キーでもスムーズに動きますね。 Curtain.js

Beautiful Web Typeは、Google webフォントから優れたフォントだけを紹介するサイトです。 サイト上のフォントはGoogle webフォントにリンクしていて、何のフォントが使われているか確認することができます。 制作者のTwitterも用意されていますね。 Beautiful Web Type

Accent™は、Nelson Balaban氏によってデザインされた、クールなモダンセリフ書体です。商用でも無料で利用できます。 似たフォントとしてモダンセリフ書体で有名なのは、Bodoniや、Vogueのロゴで使われているDidotなどがあります。 Accent™ Free Display Typeface タイポグラフィーについては、以下の書籍がためになります。 フォントのふしぎ ブランドのロゴはなぜ高そうに見えるのか？ きれいな欧文書体とデザイン タイポグラフィの基本ルール プロに学ぶ、一生枯れない永久不滅テクニック 欧文書体―その背景と使い方 欧文書体 2 定番書体と演出法

フリーのテクスチャを探している。 そんなときにおすすめなのが、『star textures』。解像度の高いフリーテクスチャが見つかるサイトです。 AbstractやPaper、Textileなどのカテゴリーに分かれて、たくさんのテクスチャが配布されています。解像度が大きいもので4000px程度あるので、使いやすいですね。 all the textures are free to use in any kind of computer graphics, games, printed material, movies, website design and 3D models. FAQに上記のようにあるので、自由に使えるのではと思います。 テクスチャを探している方は一度見てみてください。 star textures 引越しが楽しみで仕方がない。 週末の仕事を減らせるように、今日と明日気合いを

継ぎ目のない布地のパターンを探している。 そんなときにおすすめなのが、『Tileables Pattern Pack #4』。布地のパターンファイル集です。 いい感じのパターンになっていますね。ダウンロードすると、patファイルが入っているので、それを開くとPhotoshopにパターンとして登録されます。 PSDファイルも入っているので、レイヤーごとにどんな布地なのかを確認できます。 テクスチャやパターンを探している方は、一度見てみてください。 Tileables Pattern Pack #4 引越し先が見つかりました。来月引越しなので、それまでにいろいろと進めようと思います。 JAVAプログラマへご応募いただいている皆様、ありがとうございます。ばたばたしていてまだ返信できておりませんが、本日中にご返信いたします。 あと今日は税理士さんと打ち合わせ。数ヶ月分の損益書等を出してもらいました

97018352/ iStockphoto/ Thinkstock クレジット決済に使えるアイコンを探している。 そんなときにおすすめなのが、『15 Uniform Payment Options Icon Sets for Ecommerce Design』。クレジットカードのアイコン集です。 EC系のサイトを作るときに便利ですね。 20 Free Payment Option Icons MasterCardやPayPal、Visa、JCBなどのアイコンが揃っています Speckyboy Payment Method Icon Set 商用無料のMasterCard、PayPal、Visaなどのアイコンセット Weby Icon Set 商用無料のかわしいアイコンセット。クレジットカード以外のアイコンもあります Free PNG Credit Card, Debit Card and

98375849/ iStockphoto/ Thinkstock ワイヤーフレームに使えるパーツを探している。 そんなときにおすすめなのが、『30 Free Web Design UI Kit Resources』。ワイヤーフレーム作成に使える素材集です。 いい感じのものが揃っていますね。 Free Sketching & Wireframing Kit JANKOによるスケッチ&ワイヤーフレームキット。ai,svg,pdf,epsフォーマットでダウンロードできます Free PSD Kit For Easier Website Wireframing FUELによるUIデザインキット。PSDファイルでダウンロードできます omnigraffle-wireframe-stencils OmniGraffle version 5.x (Mac OS X用)の素材。ボタンやスライダーなど M

87671906, Hemera Technologies/ AbleStock.com/ Thinkstock 使えるフォントを探している。 そんなときにおすすめなのが、『30 Creative And High Quality Typography Fonts For Free Download』。クオリティーの高いフリーフォント集です。 商用利用可能の記述があるものがいくつかあるので、ご紹介しますね。 ABC – Font Typeface Version 2 Facet Font Amputa Bangiz Standard TTF フォントを探している方は一度見てみてください。 30 Creative And High Quality Typography Fonts For Free Download ちょっと物件を見に行ってきました。新しい物件はいいですね〜。テンション上がり

91827587, iStockphoto/ Thinkstock Photoshopのブラシを探している。 そんなときにおすすめなのが、『Ultimate Roundup With Thousands Of Cool Photoshop Brushes』。かっこいいPhotoshopブラシ集です。 いくつかご紹介しますね。 250 Hi Res Splatter, Spray, & Watercolor Photoshop Brushes スブレーが飛び散ったようなブラシ250 500+ Space Brushes for Photoshop 宇宙の惑星等を描くブラシ集 350+ Retro and Vintage Photoshop Brushes レトロ&ビンテージな効果を与えるPhotoshpブラシ350+ 200+ Paper Brushes for Photoshop 紙のテク

フッターをデザインしたい。 そんなときに参考になるのが、『Beautiful Footers in Modern Web Design for Inspiration』。綺麗なフッターデザイン集です。 かっこいいものが揃っていますね。 Bits And Pixels 滴が垂れたようなデザイン。グラデーションも綺麗です Urban Pie 背景のテクスチャとイラストがかわいい「Urban Pie」 Miss Web Lash マルチストライプとテクスチャが綺麗な「Miss Web Lash」 Kailoon フッターにポートフォリオの画像を配した「Kailoon」 Straw Poll Now 木のイラストがかわいい「Straw Poll Now」 フッターのデザインを変えてみたいときに、一度見てみてください。 Beautiful Footers in Modern Web Design f

95455835/ Hemera/ Thinkstock 手軽に本格的なネットショップを開きたいという人にお勧めのソリューションを５つご紹介いたします。 小さなショップから比較的規模の大きなショップまで利用できるものを基本として、それぞれの特長を独自の観点で簡単にまとめています。 既に構築したいシステムの要件が細かく決まっている場合は、それが実際に実装できるサービスかどうかを事前にご確認いただくことをお勧めいたします。 EC-CUBE 日本発のECオープンソースです。 とても高機能なのに無料で利用できてしまうところが素敵です。 オープンソースですから、自身で機能を追加することも可能です。 もちろんその場合は技術力を要しますが、EC-CUBEを利用したサイト構築の代理店も多く存在しますので、そういったところに依頼するのも手です。 サーバを既にお持ちだったり、多少の技術的知識がある場合におすす

95715262 iStockphoto/ Thinkstock Photoshopで写真にエフェクトをかけたい。 そんなときにおすすめなのが、『25 Advanced Photo Effects and Techniques with Photoshop』。Photoshopで使えるクールなエフェクト集です。 いい感じのものが揃っていますね。 Cool Watercolor Effect 水彩画のようなエフェクトをかけるチュートリアル Water Effect 人を水しぶきで型どったエフェクト Photo To Oil Painting Effect 油絵のように見せるチュートリアル Paint Splatter Mold ペンキが飛び散ったようなエフェクト Impressionist Painting Effect 写真を印象派の絵画のように見せるチュートリアル Photo to Pe

med242024, Medioimages/Photodisc/ Photodisc/ Thinkstock タイポグラフィーの綺麗なデザインが好きだ。 そんなあなたにおすすめなのが、『A Showcase of Beautiful Typography in Web Design』。タイポグラフィーの美しいWebデザイン集です。 かっこいいサイトが揃っているので、いくつかご紹介します。 Stackoverflow Dev Days ボールドでサイズの大きいタイポグラフィーと、斬新なレイアウトのStackOverflow We Are Academy サイト名を切り崩してレイアウトしたAcademy Benny Roth 全面黄色の背景の中、白のタイポグラフィーでデザインしたbennyroth twentyten Elysium Burns 彩度を落とした黄色と背景色とのバランスが綺麗な

jQueryのプラグインをチェックしておきたい。 そんなときにおすすめなのが、『12 Helpful jQuery Plugins to Check Before Ending April 2010』。2010年の間に見ておきたいjQueryプラグイン集です。 いい感じのものがまとまっているので、いくつかご紹介しますね。 jQuery ajaxContactForm plugin フォームのバリデータ。背景色を変えることでシンプルにアラートしてくれる。MITライセンス Image Puzzle Using jQuery 画像のパズルゲームを作れるプラグイン jQuery Mega Menu jQueryを使った、見た目も動作もクールなドロップダウン型メガメニュー JCoverflip Macのカバーフローのようなギャラリーインターフェースを作れるプラグイン jQuery Bubble Po

サイトにかっこいいUIを実装したい。 そんなときにおすすめなのが、『25+ Best jQuery Plugins To Beautify Your Website』。サイトをかっこよくするためのjQueryプラグイン集です。 初めて見るものもあっていい感じです。 YoxView lightbox系の画像オーバーレイスクリプト。ナビゲーションとキャプションがフェードアウトしたりとディテールが気持ちいいです Fade In and Out Tooltips for Prototype and Scriptaculous フェードイン&アウトで表示されるツールチップ Sweet Titles Transparent and Fading Tooltips ページロード時に、画像をフェードインして表示させるスクリプト Captify Displays Pretty Image Captions

97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのためのロゴデザインのチュートリアル&素材集です。 いい感じのものが揃っていますね。 3D Logo Tutorial illustratorとPhotoshopを併用して3Dのロゴを作るチュートリアル Logo Design Project Step By Step Walkthrough コンセプトメイキングから実制作までを解説した記事 Design a Grungy Circular Logo 円形でグランジのテクスチャ感のあるロゴの作り方 Step By Step Logo スケッチからロゴを作るまでのチュートリアル

リアルな紙をPhotoshopで描きたい。 そんなときに参考になるのが、『Create a Realistic Paper Texture in 5 Minutes 』。Photoshopでリアルな紙のテクスチャを作る方法です。 以下のような流れで解説されていますね。 1280 x 1024pxの新規ドキュメントを作成。「長方形選択ツール」で矩形を描いて、qを押下。クイックマスクモードに入る。「フィルタ / ピクセレート / 水晶」でセルのサイズに「3」を入力してOK。もう一度qを押下してクイックマスクモードを解除、「Cmd+shift+alt+N」で新規レイヤーを作って、dを押下後、「Cmd+Delete」で選択範囲を白で塗りつぶす。「Cmd+D」で選択範囲を解除 「焼き込みツール」で露光量を20%にし、紙を暗く汚い感じに見えるまで塗る。その後、「フィルタ / テクスチャ / テクスチャ