WordPressのダッシュボード（管理画面）をカスタマイズしたい。 そんなときにおすすめなのが、『10 WordPress dashboard hacks』。WordPressのダッシュボードハックスです。 クライアントにCMSとしてWordPressを提案して納品する場合、不要なメニューは外したり、ロゴを変えたりしたいですよね。いろいろとまとまっているのでご紹介。 ダッシュボードの不要なメニューを削除 「$restricted」に配列で不要なメニューを入れて、functionを「functions.php」に記述することで使わないメニューを削除する方法 ログイン時のロゴを変更 WordPressログイン時のロゴをオリジナルの物に変更する方法 ダッシュボードのロゴを変更 ダッシュボードのロゴをオリジナルのものに変える方法 アップデートのメッセージを非表示にする 「WordPress 2.

98431998, iStockphoto/ Thinkstock WordPressをカスタマイズしたい。 そんなときに参考になるのが、『Top WordPress hacks of early 2010』。WordPressをハックするためのTips集です。 なかなか面白いものが揃っていますね。 Display an incrementing number on each post A List Apartで見られるような、post数の合計数を表示。functions.phpに追記する Display “time ago” dates 投稿してからの経過時間を表示。functions.phpに追記する Disallow theme switching クライアントへの納品時に、テーマの変更を不可能にする方法。functions.phpに追記 WordPress navigation o

Smashing Magazineで、「もっと読む」リンクのデザインがたくさん紹介されています。 以下の3つのパターンに分けられていますね。 ・テキストリンク ・アイコンを使ったもの ・ボタンを使ったもの トレンドとして、以下のようにまとめられています。あくまでもエントリーで集めたものに関するトレンドということですね。 Trends 1. Text-only links were used more than any other type of “Read More” link by a ratio of almost 2 to 1. 2. Most websites used the wording “Read More” or some variation of it. 3. Text-only links or text combined with an icon were used

すごいサイトを見つけました。 商用無料、クレジット表記不要のパターン配布サイトです。 ↑のようなパターンが、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

Web ライティング能力を上げるための15の習慣『A Guide to Becoming a Better Writer: 15 Practical Tips』 ブログや文章を書く上でライティング能力を上げたい。 そんなあなたにおすすめなのが、『A Guide to Becoming a Better Writer: 15 Practical Tips』。lifehacks.orgによる、ライティング能力を上げるための15の習慣だ。 以下にご紹介する。 1.偉大な作家の本を読もう 明らかだと思うかもしれないが、ここから始めるのがよい。 2.たくさん書こう 毎日書こう。可能なら一日に複数回書こう。 3.いつでもアイディアを書き留めよう ノートを持ち歩いていつでもアイディアをメモしよう。 4.書く習慣をつけよう 何にも邪魔されない書くための時間をとろう。そしてそれを習慣にしよう。 5.ただ書こ

サイトをWordPressで作りたい。 そんなときに参考になるのが、『40 WordPress-Powered Websites With Awesome Designs』。WordPressで構築された美しいサイト集です。 かなりかっこいいサイトが揃っています。 Theme Garden WordPressのテーマを配布しているTheme Garden Aaron Irizarry テクスチャとタイポグラフィーが美しいデザイナーのブログ kazuhide fukuyama 日本のフリーランスデザイナー、Kazuhide Fukuyama氏のポートフォリオサイト UpThemes メニューやスクリーンショットの置き方、ボタン等、洗練されたデザインのUpThemes Awesem 反応の速いドロップダウンメニューと、スライドショーが美しいAwesem WordPressユーザの方は、一度見て

86496010, Jupiterimages/ Comstock/ Thinkstock iPhoneやAndroidでの表示を確認したい。 そんなときにおすすめなのが、『Mobile Web and App Development Testing and Emulation Tools』。モバイルサイトをテストするためのツール集です。 たくさんのツールが紹介されています。 Google Android Emulator Windowsでスタンドアローンのソフトとして動作するAndroidのエミュレータ TestiPhone.com – iPhone Application Web Based Simulator iPhoneでの表示のされ方をブラウザ上で確認できるシミュレータ iPhoney iPhoneの解像度（320x480px）での見え方を確認できるiPhoney W3C mob

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のアイコン

92985009/ iStockphoto/ Thinkstock WordPressをもっと楽しみたい。 そんなときにおすすめなのが、『30 Most useful WordPress Plugins – May 2009』。WordPressをもっと楽しむためのプラグイン集です。 なかなかいい感じのプラグインが揃っていますね。 Subscription Options Plugin RSS, メール, Twitterへのリンクアイコンをつけてくれるプラグイン Transposh 翻訳機能をつけてくれるプラグイン WP-SEO Boost 細かいSEOの設定ができるプラグイン WP Likes エントリーごとに「Like」リンクをつけて、ユーザが気に入ったかどうかがわかるようになるプラグイン/li> Lightbox Plus WordPress内でlightbox（画像をオーバーレイで

デザインの幅を広げたい。 そんなときにおすすめなのが、『The Ultimate Collection Of Brilliant Web Design Tutorials』。素晴らしいWebデザインチュートリアル集です。 クオリティーの高いものが揃っていますね。いくつかご紹介します。 Design an Italian Restaurant Web Layout レストランのサイトをデザインするチュートリアル。デフォルトで入っているカスタムシェイプをうまく使う方法など Create a Sleek, High-End Web Design from Scratch 背景のテクスチャやブラシをうまく使った、クールなサイトのデザイン手法 Create a Photo-Realistic Web Layout 木のテクスチャをうまく使ったデザイン Design a Non-Profit Web

マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。

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

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での角丸はこれで決まりな

これはとても面白そう。「tweetmeme」で、ブログにRetweetボタンを設置できるスクリプトが紹介されています。 こんな感じですね。 貼付けるスクリプトは以下です。 <script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script> The button is really smart and will automatically grab the URL of the page it is placed on. However if you want to place the button on more than one page or would like it in your feed, you will need to override the URL. ボタンはとて

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

タイポグラフィが好きだ。 そんなあなたにおすすめなのが、『15 Excellent Examples of Web Typography』。タイポグラフィの美しいサイト15選だ。 以下にご紹介。 » A List Apart Webサイト制作者向け » Shaun Inman プロのデザイナー・デベロッパー向け » FontShop サイト名の通り » Jesús Rodríguez Velasco UC Berkeleyの教授のブログ » BearSkinRug Shop プロのイラストレーター、Kevin Cornellのサイト » Design View Andy Rutledgeのサイト » Rikcat Industries アートディレクター、Rik Catlowのサイト » Quipsologies ニュースとクリエイティブTips » Design Snips Webデザイ

CSSで角丸を作りたい。 そんなあなたにおすすめなのが、『25 Rounded Corners Techniques with CSS』。CSSで角丸を作成する方法25選だ。 てかりのあるものからオリジナルなものまで、25個の角丸デザインが紹介されている。 ソースはそれぞれのリンク先に記述されている。 角丸はやはりこういったクリーンなCSSで実装したいところだ。 CSSで角丸を作成する方法、チェックして使っていきたいですね。 7月が終わっちゃいましたね。8月も満喫しよう！

VANDELAY DESIGNで、かっこいいデザインのナビゲーションメニューがたくさん紹介されています。 ざっといくつかご紹介。 ↑は、Utah Travel。 MailChimp Michael Dick Mission Community Church Southern Media サイト自体もかっこいいものが多いので、一度見てみてください。 40 Beautifully-Designed Navigation Menus 気づいたら遅くなってしまった。すんまへんm(_ _)m 今日もとても充実した一日でした。鍋でしゃぶしゃぶ食べたし満足だ。今日は早目に寝ようかな。

speckyboyで、新しくてかっこいいWordPressテーマがたくさん紹介されています。 ざっといくつかご紹介。 ↑はMonkeyPr。 Touchriver Maalaga Selecta AppCloud – Ecommerce Theme シンプルなテーマが結構あってカスタマイズしやすいと思うので、一度見てみてください。 40 Awesome and Fresh WordPress Themes 今日も半蔵門周辺まで。運動になるぜぃ。天気がいいし気持ちいい。

ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。 いくつかご紹介しますね。 CSS Browser Selector OS・ブラウザごとにCSSを切り替えられる1行のJavaScript adding a CSS StyleSheet to your RSS feeds RSSフィードにCSSを適用させる方法 CSS Watermark Effect CSSで作るウォーターマーク（透かしテキスト） Forming Tooltip using CSS3 JavaScriptで作る必要があったツールチップをCSS3で簡単に実装する方法 ソースが載っているので、一度見てみてください。 CSS techniques web developer should use 中目で飲みまくり。ある方と会えたし楽しかったぞ。CREAMUをiGoogleに入れ