さくらのサーバでは、デフォルトでフォルダ一覧（Index of）が表示になっているため、 例えばWordPressを/wordpress/にインストールしている場合、http://test.com/wordpress/とアクセスすると、ファイルやフォルダがすべて見えてしまいます。 通常は.htaccessで以下のように記述することで、非表示にすることができます。 Options -Indexes ただ、さくらのサーバはOptionsが使えません。 そのため、httpd.confの設定もいいのですが、ここでは管理画面から設定する方法をメモしておきます。 ・サーバコントロールパネルの「ファイルマネージャー」をクリック ・ヘッダメニューの「表示アドレスへの操作 / アクセス設定」 「indexファイル」タブに遷移すると、以下の画面が表示されます。 まず、「アクセスを拒否する」にチェックをいれます

100768523/ Hemera/ Thinkstock WordPressをカスタマイズしたい。 そんなときにおすすめなのが、『25+ Extremely Useful Tricks for the WordPress Functions File』。WordPressのfunctions.phpを編集する便利なテクニック集です。 WordPressのバージョンを非表示にして、クライアントにアップグレードのアラートを見せないようにしたり、ダッシュボードのフッターを編集したりと、いろいろとあります。 WordPressのバージョンを非表示にする function wpbeginner_remove_version() { return ''; } add_filter('the_generator', 'wpbeginner_remove_version'); function remo

スムーズな動きのナビゲーションメニューを作りたい。 そんなときにおすすめなのが、『Excellent jQuery Navigation Menu Tutorials』。jQueryを使った、動きのあるナビゲーションメニューチュートリアル集です。 いい感じのものが揃っていますね。 How to Make a Smooth Animated Menu with jQuery マウスオーバーすると、すとんとメニューの説明を表示 Animated Drop Down Menu with jQuery クリックすると、すっとドロップダウン型で表示されるメニュー How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery HTML5,CSS3でのドロップダウンメニューの作り方 How to Build a Lava-Lamp Styl

98312899/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『40 Excellent Adobe Illustrator Icon Tutorials』。illustratorでアイコンを作るチュートリアル集です。 かなりクオリティーの高いものが揃っていますね。 Create an Aperture Style Camera Lens Icon Apertureライクなカメラレンズのアイコン How to Create a Shiny Bucket Icon 光沢のあるバケツアイコン Create a Stylized GPS Icon iPhoneアプリに使えそうな、GPSアイコン Tutorial: How to Create a Television Icon かわいい旧式のテレビアイコン How t

91137817/ iStockphoto/ Thinkstock デザインの幅を広げたい。 そんなときに参考になるのが、『80 Fresh Photoshop Tutorials For Creating Awesome Websites』。素晴らしいサイトをデザインするためのPhotoshopチュートリアル集です。 ディテールまで解説されたものばかりで、いい感じですね。 Create a Watercolor-Themed Website Design with Photoshop 水彩画のようなテイストのデザイン。ワイヤーフレームの書き方から、960 Grid Systemを使ったレイアウトの方法、テクスチャをどこから探してどう使うのか、Photoshopでのエフェクトのかけ方など Create a Theme Store Website Layout in Photoshop デザ

iPadのデザインやiPadアプリが好きだ。 そんなあなたにおすすめなのが、『34 Inspiring iPad Application Websites』。美しいiPadアプリサイト集です。 洗練されたサイトが揃っていますね。 Sorted ToDo管理アプリ。美しい背景と、テクスチャ感のあるフッターデザイン Spreads 光と影で奥行きを出したspreadsのサイト Mixr DJのターンテーブルアプリのサイト。ヘッダの画像とテクスチャが目を引きます SousChef 黄色と黒のコントラストが美しいSousChef pulse フルブラウザの背景画像と透過メニューが美しいpulse iPadを持っている方やAppleライクなデザインが好きな方は、一度見てみてください。 34 Inspiring iPad Application Websites 中目黒のカフェなう。いい街だなぁ。 昨

Google Chromeのエクステンションを探している。 そんなときにおすすめなのが、『18 Fresh Google Chrome Extensions for Web Developers』。WebデベロッパーのためのChromeエクステンション集です。 またいろいろと増えているようですね。 Picnik スナップショットを撮って画像編集できるアプリ、「Picnik」のChrome版 CSS Reloader F9を押せばCSSだけをリロードしてくれるエクステンション。Webサーバ上のファイルでないと（ローカルファイルだと）効かない Web Developer 有名なWeb DeveloperツールのChrome版。作者はFirefox版と同じ csscan 各要素のCSSプロパティーが確認できるアドオン Chrome Editor Chromeのブラウザ内で書けるエディタ Vali

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 ちょっと物件を見に行ってきました。新しい物件はいいですね〜。テンション上がり

99452197/ Hemera/ Thinkstock リアルなガジェットやデザインパーツをデザインしたい。 そんなときに参考になるのが、『40 Free PSD Files』。フリーのPSDファイル集です。 かなりクオリティーの高いものが揃っていますね。 Digital Stamp 美しい切手のデザイン Magnifying Glass 光の反射がうまく作り込まれた虫眼鏡のPSDファイル Stratocaster Classic ストラトギターのPSDファイル Knob Mash リアルな質感のボタン Apple Display とてもクールなAppleのディスプレイ iPhoneアプリをつくるときなどの参考に、ぜひ見てみてはいかがでしょうか？ 40 Free PSD Files 今日は打ち合わせ続きの一日。いい内容の打ち合わせができたりと、充実した一日でした。夕方クロスバイクで豪雨に

シンプルなWordPressのテーマを探している。 そんなときにおすすめなのが、『40 More Stylish, Minimal and Clean Free WordPress Themes』。シンプルでかっこいいWordPressのテーマ集です。 かっこいものが揃っていますね。 New York New York 余白をおおきく取って、サイドバーを右寄せにしたクールなレイアウト Nameless こちらもシンプルなデザインで、ブログを書きたくなるようなUI Clear Tumblrを思わせるような、モノトーンが際立つデザイン Fifty Fifth Street 吹き出しのアイコンがかわいいテーマ The Standard これはかっこいい。クールなスライドショーのついたテーマ WordPressのテーマを探している方は、一度見てみてください。インストールして、設計を見てみるのもいい

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

Flashサイトからインスピレーションを得たい。 そんなときにおすすめなのが、『60 Creative Flash Websites You Should Not Miss』。見ておきたいFlashサイト集です。 かっこいいのが揃っているので、いくつかご紹介します。 If Your Milk Carton MoOOos, You Win! ミルクをモチーフにしたかわいいゲーム Case-Mate: I Make My Case iPhoneのケースデザインができるサイト Plate Interactive 遊び心のあるストップモーション IKEA Soft Toys AID IKEAの、ぬいぐるみの売り上げをSave the ChildrenとUNICEFに寄付するプロジェクト Infrared5 コンサルティングファームであるInfrared5のコーポレートサイト。重なった紙が切り替わっ

今回、「sumito」さんから記事を提供いただきました。アイテムの置き方を工夫することで、部屋をすっきり見せる方法がまとまっています。インテリア好きの方や部屋がいまいちすっきりしないという方は、ぜひ読んでみてください。 ↑の写真はsumitoさんの部屋のようです。インテリア雑誌、smartにも取材経験がある方で、結構な強者です。見習いたいですね（CREAMU）。 家具の高さに気をつける 目線より高いものを置かないというのが通常はひとつの目安で、出来るだけ低くすると、自然と部屋が広く見えます。 背の高い本棚などは、なるべく入り口近くに置くようにします。そして、入り口から順々に高さが低くなるように家具を配置すると、遠近法で部屋の奥行が強調され、家具それぞれの高さが目立ちにくくなります。 とにかく余計な物を置かない 普段から余計な物を置かないだけでなく、収納の仕方を工夫することが重要です。 取り

WordPressでサイトを構築してクライアントに納品する。 そんなときにおすすめなのが、『9 Plugins Your Clients Will Love For Their WordPress Website』。クライアントへの納品時につけたいWordPressプラグイン集です。 かなり便利そうなのが揃っています。クライアントに渡す際には、管理画面のデザイン等もカスタマイズしたいですよね。 My Brand ログインページをオリジナルのデザイン・レイアウトにカスタマイズできる。ロゴをクライアントのロゴにするなど Branded Admin 管理画面のヘッダとフッタを、オリジナルのデザインにできる Ozh Admin Drop Down Menu 管理画面の左サイドバーのメニューはクリックしてサブメニューを開きますが、それを水平のドロップダウンメニューに変更でき、マウスオーバー&ワンクリ

WordPressで作ったサイトをより魅力的にしたい。 そんなときにおすすめなのが、『20 WordPress Plugins For Better Image Handling』。画像をより魅力的に使うためのWordPressプラグイン集です。 おっと思うようなプラグインが結構ありますね。いくつかご紹介します。 jQuery Image Lazy Loader WP 最近の海外のブログでよく見られるプラグイン。ページをスクロールするのに合わせて画像が読み込まれる。これを使っていたのか。。 Frontpage-Slideshow クリッカブルなスライドショーを作成。記事へのリンク等に使える NextGEN Gallery 画像にFlashのアニメーションのような効果をつけられるNextGEN Gallery。かなりかっこいい FlippingBook ページがめくれたような表現で画像を表示

洗練されたインターフェースを実装したい。 そんなときに参考になるのが、『”Outside the Box” Navigation with jQuery』。MacのStackの動きを実装するjQueryです。 MacのDock風の動きはよく見られますが、Stackの動きを作っていますね。動きが軽快でかなり気持ちいいです。HTMLはul, liでクリーンに書かれていますね。 デモは以下から。 Demo – see it in action 一度見てみてください。 “Outside the Box” Navigation with jQuery いろいろぱつぱつだったけどようやく少し落ち着いた。一つリリースできて、もう一つリリースできそうで、いい感じです。クライアントに喜んでもらえるとがんばった甲斐がありますね。

FlickrやTwitterのアイコンを探している。 そんなときにおすすめなのが、『Free and Exclusive Icons: Brown Social Icon Pack』。商用無料の茶色のソーシャルメディアアイコンセットです。 32×32px, 64×64px and 128×128pxのサイズのPNGファイルで配布されていますね。 The icons are released royalty-free so that you can use them in any personal or commercial purposes. とのことで、商用でも無料になっています。 ぜひ使ってみてはいかがでしょうか？ Free and Exclusive Icons: Brown Social Icon Pack 新幹線の中に5D MARK?を忘れてしまい最悪な気分だったけど、忘れ物預か

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

CSS3で最も簡単にクロスブラウザの角丸を実装したい。 そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。 クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。 CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE すごく簡単な方法なので、CSS3での角丸はこれで決まりな

Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ Kaliber Patterns 種類がたくさんあるパターンファイル iPhone GUI as Rich Symbols for Fireworks iPhone用のGUIシンボル 150 Fireworks Styles (Gradient Effects) グラデーションスタイル150 15 Grunge Colors Styles グランジ系のカラースタイル 131 Ultimate We