タグ

ブックマーク / blog.creamu.com (70)

  • Macの美しいアプリケーション20 – creamu

    Macで使える、便利でかっこいいアプリを探している。 そんなあなたにおすすめなのが、『20 Beautiful Mac Apps』。Macの美しいアプリケーションです。 いくつかご紹介しますね。 Daisy Disk ディスクの使用状況を可視化してくれるアプリ CleanMyMac 左のメニューがアクティブになったときにカラーになる美しいUI Fontcase フォントをグリッド上に並べて可視化してくれて、探しやすくするFontcase Flow UIの美しいFTPクライアント CSSEdit 透過パネルが美しいCSSEdit Mac使いの方は一度見てみてください。 20 Beautiful Mac Apps いろいろ充実してきたが時間がない。。がんばります。

  • WordPressのダッシュボードハックス – creamu

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

  • Flickr APIを使ってフォトギャラリーを作るチュートリアル – creamu

    net tuts+で、Flickr APIを使ってフォトギャラリーを作るチュートリアルが紹介されています。 手順は以下の通りとなっていますね。 Flickr API Keyを取得 phpFlickr(クラスファイル)をダウンロード サムネイル一覧ページを作成(ページネーション付き) 画像詳細ページを作成(前のページ、次のページへのナビゲーション付き) デモは以下から。 Demo 画像詳細ページが、以下のようになっていてとてもかっこいいです。デモページを作る時の参考になりそうですね。 photo by delarge PHPの解説があってソースもダウンロードできるので、ぜひ一度見てみてください。 How to Create a Photo Gallery using the Flickr API また遅くなってしまった。。すんまへんm(_ _)m いろいろぱつぱつですが充実していていい感じで

  • Webデザイナーのためのオープンソース – creamu

    cometdocsというサイトで、Webデザイナーのためのオープンソースがたくさん紹介されています。 いくつかご紹介しますね。 Open Web design.org フリーのデザインテンプレートがダウンロードできるコミュニティーサイト Open Design Community 1,000を超えるXHTML/CSSテンプレートを提供しているサイト Flash Village Flashのテンプレートがダウンロードでき、商用でも無料で利用できる Template Yes フルFlashサイトのテンプレートなどが無料でダウンロードできる Blogging Themes ブログのテンプレートを配布しているサイト その他にもたくさんのオープンソースやツールが紹介されています。 一度見てみてください。 The Open Source Toolbox For WebDesigners 諸々進めるぞ。

  • 有名なデザインブログのロゴで使われているフォント集 – creamu

    Build Internet!で、有名なデザインブログのロゴで使われているフォントがまとまっています。 ざっといくつかご紹介。 Woork Up – FFF Forward SpoonGraphics –Strait Line25 – Helvetica® Condensed Bold Tuts+ Network – ITC Lubalin Graph Demi Build Internet! – Myriad Pro Black Italic 有名でかっこいいブログが揃っていて、かなり刺激的なエントリーになっていますね。 画像からフォントを調べる場合は、以下のサイトが結構使えるので参考までに。 画像から何のフォントか調べてくれる『WhatTheFont!』 その他のリストは以下からどうぞ。 Fonts Used In Logos of Popular Design Blogs そろそろ寝

  • WordPressのコーディングテクニック10 – creamu

    Smashing Magazineで、WordPressのコーディングテクニックが紹介されています。 これは自分的にもタイムリー。ざっとご紹介しますね。 エントリーごとのスタイルを変える post_class()を使って、「.henry」「.sticky」「.category-tutorials」「.tag-wordpress」といったクラスにCSSを指定できるようにする。post IDでは例えば「#post-876{} 」にCSSを適用できる 関連するエントリーをサムネイル付きで表示する PHPの画像リサイズスクリプトであるTimbThumbを使って、画像を40 x 40pxにリサイズ トップページの見せ方を変える 新着3件のエントリーを、他と違ったデザインで見せるテクニック 複数のループを使う WPの標準機能である「rewind_posts()」を使って、1番目のループをリセットし、2

  • iPhoneアプリ用のアイコンが作れるサイト – creamu

    iConeという、iPhoneアプリ用のアイコンが作れるサイトを見つけました。 インターフェースがとてもクール。真ん中に置くアイコンのイメージをアップロードできたり、アイコンのベースカラーをRGBで変更できたりします。PNG形式かJPG形式を選択してダウンロードできますね。 iConeっていう名前もいい感じ。 とても使いやすいので一度見てみてください。 iCone 先輩のつぶやきで知りました。 彼は最近Rubyの開発を進めていて、CashBookっていう、Twitterのつぶやきでお小遣い帳がつけられるサービスを作っていますね。 なかなか面白いし機能的なので、見てみてください。 CashBook

  • デザイナーが教えてくれるインスピレーションTips&ツール集 – creamu

    Six Revisionsで、デザイナーが教えてくれるインスピレーションTips&ツール集がまとまっています。 TheBestDesigns.comを運営していてアートディレクター、フロントエンドエンジニアとして働いているAngela Rohnerさんによる記事ですね。 デザイン関連のブログとして、 » Fuel Brand Network of Sites 最近ローンチして、私が最も好きなブログネットワークの一つ。デザインやイラスト、アプリ、コーディングなどについての役に立つ記事が満載 » Footer Fetish 私が最近見始めた、インスピレーションが得られるサイト。クリエイティブなフッターを集めている » Blog Design Heroes かっこいいブログデザインのギャラリー » Folio Focus クリエイティブなポートフォリオサイトを集めたサイト » Minimal E

  • MacBookのスタンドを買いました。 – creamu

    デュアルにするとディスプレイとMacBookの高さが合わなかったので、スタンドを購入。GriffinのElevator Laptop Standです。 これでワークスペースはほぼ完成だな。このスタンドはすごくいいですね。MacBookを乗せると、24インチディスプレイのちょうど真ん中にくるので、デュアル的にとても使いやすいです。あとシンプルだけどデザインもすごくよくて気に入っています。 何も乗せないときはこんな感じですね。台にすっと乗せるだけなので簡単です。 気になる方はぜひ使ってみてください♪

  • DTPデザインのチュートリアルまとめ – creamu

    Smashing Magazineで、DTPデザインのチュートリアルがまとまっています。 いくつかご紹介しますね。 » プリントできる名刺の作成(Photoshop) ・CMYKのドキュメントをPhotoshopで作成。裁ち落とし ・背景をかっこよくするためにテクスチャを使用 ・多角形選択ツールでカスタムシェイプを作成 » 雑誌のカバーデザイン(inDesign) ・inDesignで時間節約のため、 オブジェクトサイズの調整 / フレームに均等に流し込む を使用して写真をめいいっぱいに使う ・ペンツールでカスタムシェイプを作成 » 10のステップで超クールなレトロポスターを作成(Photoshop) ・illustratorでカスタムのファイルを作成 ・アートワークに深みを与えるためにテクスチャを使用 » メタリックを使った5色の雑誌カバーデザイン(Photoshop,illustrat

  • ドロップダウンメニューをjQueryを使ってリデザインする方法 – creamu

    JANKOで、ドロップダウンメニューをjQueryを使ってリデザインする方法が紹介されています。 For me, standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can’t contain nothing but simple text. とのことで、標準のHTMLセレクトエレメントはとても退屈でかっこわるいのでリデザインしたとのこと。 ↑のようにシンプルだけどデザインされたメニューが実装されていますね。 デモは以下から。 » JankoAtWarpSpeed demos ソースコードもダウンロードできるので、ぜひ見てみてはいかがでしょうか? » Reinventing a Drop Down w

  • ドロップダウンメニューを作るならこのスクリプト – creamu

    HONGKIATで、ドロップダウンメニューを作るスクリプトがまとまっています。 ざっといくつかご紹介。 » CSS Drop-Down Menu Framework GNUライセンスのCSSドロップダウンメニューフレームワーク » CSS Express Drop-Down Menus CSSでさくっとドロップダウンメニューを作る方法 » JavaScript Dropdown Menu with Multi Levels javascriptを使ったマルチレベルのドロップダウンメニュー » Smooth Navigational Menu jQueryを使ったマルチレベルのナビゲーション » Mega Drop-Down Menu メニューの中にグループを設定できるメガドロップダウンメニュー » Mega Drop-Down Menu MooTools1.2を使ったシンプルなドロップダウ

  • WordPressをCMSにする方法 – creamu

    noupeで、WordPressをCMSにする方法が紹介されています。 ざっといくつかご紹介。 ・静的なトップページを作る ・ナビゲーションバーに表示させるものを制御してカスタマイズする ・編集できない部分を作る ・WordPress Widgetsを使ってサイドバーをカスタマイズする ・パーマリンクをカスタマイズする ・サイトマップを作成する ・コメントやトラックバックを拒否する 「How To » 」にそれぞれ方法が書いてありますね。 一度見てみてください。 » 101 Techniques for a Powerful CMS using WordPress いろいろやることがあるのでブログ書く手を止めたい。。

  • アイコンデザインにおける10の間違い | CREAMU

    アイコンデザインで注意するポイントが知りたい。 そんなときにおすすめなのが、『10 Mistakes in Icon Design』。アイコンデザインにおける10の間違いだ。 以下にご紹介。 アイコンのデザインの差があまりない アイコンをセットで作る場合、見分けられないデザインはよくない。↓はMac OS Xのユーティティーアイコン。見分けがつきづらく、間違って起動してしまう。 一つのアイコンに要素が多すぎる アイコンの中の要素は少なければ少ないほどよい。要素が多いと、小さくしたときに判別しにくい。 不要な要素を含んでいる 要素を少なくし、メッセージがストレートに伝わる要素だけを置きたい。↓はDBアイコンの例。DBであることがわかっているなら、後者の例にした方がわかりやすい。 アイコンセットに統一性がない アイコンセットは、カラースキーム、遠近感、サイズ、描画技術を統一すべき。 小さいアイ

    darumen
    darumen 2009/02/25
  • コメント欄にTwitterのアバターを表示するWordPressプラグイン『twittar』 – creamu

    コメント投稿者のアバターを表示したい。 そんなあなたにおすすめなのが、『twittar』。コメント欄にTwitterアバターを表示するWordPressプラグインだ。 『twittar』は、コメント投稿者のメールアドレスからTwitterのユーザアカウントを判定し、アバターを表示させてくれるWordPressプラグイン。 The plug-in is released under the GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you would like to spread the word. You may modify the plug-in as you wish. ライセンスはGPL。どんなプロジ

  • PHPでRSSリーダーコンテンツを作る方法 – creamu

    PHPでさくっとRSSをparseしたい。 そんなときにおすすめなのが、『How to Read an RSS Feed With PHP – screencast』。NETTUTSによる、PHPRSSリーダーコンテンツを作る方法だ。 このエントリーでは、↑のようなタブで切り替えてRSSを読み込む方法が紹介されている。 タブの切り替えにはjQueryを使っていて、フェードインしながら切り替わる。ページのロードがないのが気持ちいい。 詳細まで解説されているので、参考にして実装してみてはいかがだろうか。 » How to Read an RSS Feed With PHP – screencast いろいろとを読み終わった。「ジャパニーズ・ドリーム」は数年ぶりにもう一度読んだ。前よりも深く読めてたくさん得るものがありましたね。 「成功のコンセプト」の装丁は佐藤可士和さんによるものですね。ビ

  • 美しいHDRの写真25選 – creamu

    美しい写真を探している。 そんなあなたにおすすめなのが、『25 Truly Stunning HDR Pictures』。美しいHDRの写真25選だ。 HDR(ハイダイナミックレンジ)とは、露出の違う写真を合成したもの。 以下にいくつかご紹介。 それぞれとても雰囲気のある写真になっている。 その他のリストは以下から。 » 25 Truly Stunning HDR Pictures 美しいHDRの写真、チェックしてぜひ見てみていただきたい。 雨が降っててバイクで帰れないなり。 PhotoshopでHDR合成に挑戦したけど意味わからない感じになりました☆ そうめんをべました。超うまい!自分で作るのは初めてなんだけど、そうめんって1分でできるんですね。こしがあっておいしくできたのだ。

  • Webデザイナーなら見ておきたいコメントデザイン30選『30 Must See Comment Designs for Web Designers』 – creamu

    Design Webデザイナーなら見ておきたいコメントデザイン30選『30 Must See Comment Designs for Web Designers』 コメントのデザインをチェックしておきたい。 そんなあなたにおすすめなのが、『30 Must See Comment Designs for Web Designers』。Webデザイナーなら見ておきたいコメントデザイン30選だ。 以下にいくつかご紹介。 ↑のキャプチャはThomas Finley。 Intype Bartelme Nimbupani Darkmotion その他のリストは以下から。 » 30 Must See Comment Designs for Web Designers Webデザイナーなら見ておきたいコメントデザイン、コメントをデザインするときに参考にしたいですね。 久々にスタジオに入った。中々完成度が高

  • スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアル『Two CSS vertical menu with show/hide effects』 | CREAMU

    DiaryTechnology スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアル『Two CSS vertical menu with show/hide effects』 スライドイン&アウトするメニューが作りたい。 そんなあなたにおすすめなのが、『Two CSS vertical menu with show/hide effects』。スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアルだ。 このエントリーでは、シンプルなjsでクリックすると現れるメニューと、mootoolsを使ってスライドイン&アウトするメニューの2つが紹介されている。 デモはこちら↓。 » Live preview ソースコードも公開されているので、すぐに実装可能だ。 スライドインする垂直型メニューをCSS+Javascriptで作成するチュート

  • 無料で使えるベクターマップ&世界のアウトライン集『Free Vector Maps and Country Outlines』

    Design 無料で使えるベクターマップ&世界のアウトライン集『Free Vector Maps and Country Outlines』 地図のベクターデータがほしい。 そんなあなたにおすすめなのが、『Free Vector Maps and Country Outlines』。無料で使えるベクターマップ&世界のアウトライン集だ。 以下にご紹介。 » vector world map 緯度と軽度のラインが入った世界地図のベクターデータ » vector dotted map 3サイズのベクター形式ドットデータ » vector european map ヨーロッパ大陸のアウトライン » dotted world map 現代的なドットマップ » world map font いろんな国のアウトラインと、アメリカの州ごとのアウトライン 無料で使えるベクターマップ&世界のアウトライン集、チ