タグ

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

  • ピュアHTMLでキャラクターと背景がアニメーションするjQuery – creamu

    Flash以外でサイトに動きをつけたい。 そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。 Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。 鳥の画像は以下のように、アニメGIFを一つの画像にしたようなものになっています。 IE6をサポートしているのと、iPhoneでも動くようですね。 一度見てみてはいかがでしょうか? Spritely さて今日もいろいろ進めるぞ。

  • 紙芝居のようなスライドショーを実装するjQueryプラグイン – creamu

    ちょっと変わったスライドショーを実装したい。 そんなときにおすすめなのが、『sexyCycle image jQuery plugin』。紙芝居のようなスライドショーを実装するjQueryプラグインです。 画像をクリックすると、横にすっすっとスライドしますね。加速減速する動きが繊細で、なかなか気持ちいいです。 スピードを変えられたり、自動でループするようにも設定できるようですね。 ソースがダウンロードできるので、一度見てみてください。 sexyCycle image jQuery plugin また徹夜してしまった。今日も、というより今週ずっと山場なのでがんばらなくては。

    nybb
    nybb 2010/01/27
  • Webデザイナーのためのスターターキット27 – creamu

    HONGKIATで、Webデザイナーのための便利ツールがたくさん紹介されています。 ざっとご紹介。 » Web Form Elements タブやボタン、ドロップダウンといった要素がPSDファイルになっている » Browser Form Elements PSD MacのFirefox3とWin Vista IE7のブラウザのフォーム要素 » Deluxive Creative Pack ステッカーやバッジなどの要素がたくさん » 960px Photoshop Grid Template 960pxのPhotoshopグリッドテンプレート » (More) Browser Templates ブラウザのテンプレート集。↑のキャプチャはこちら » Photoshop Cursor Pack カーソルがたくさん » Magazine PSD 雑誌のテンプレート かなりいい感じのがそろってい

  • 重複ファイルを見つけてくれるフリーソフト『Duplicate Cleaner』 – creamu

    いらないファイルを削除してハードディスクを軽くしたい。 そんなときにおすすめなのが、『Duplicate Cleaner』。重複ファイルを見つけてくれるフリーソフトだ。 このソフトは、テキストやワード、パワーポイント音楽や動画など、ファイル名が重複しているものを探し出してくれる。 対応OSは、Windows 98,ME,2000,XP。 余分なファイルを削除したいときに、ぜひ使ってみてはいかがだろうか。 今日は天気がよくて気持ちいーですね〜〜。 いろいろ出かけようっと。

  • コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU

    コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ

  • 色の組み合わせに特化したカラーパレット『Web Color Visualizer』 – creamu

    綺麗な色の組み合わせを考えたい。 そんなときにおすすめなのが、『Web Color Visualizer』。色の組み合わせに特化したカラーパレットだ。 『Web Color Visualizer』では、カラーパレットをクリックすることで背景色を選択することができ、その後マウスオーバした色との組み合わせを見ることができる。 マウスオーバするだけなので、直感的に色を選べる。色の組み合わせに迷ったときに便利だろう。 色の組み合わせに特化したカラーパレット、チェックしてぜひ使ってみていただきたい。 ケータイ会議のチャットではしゃぎすぎてねむい。。 DTP worldを購入。今回も熟読しようっと。

  • グリッド&カラムデザインに優れたサイト特集『Grid and Column Designs』 – creamu

    グリッドレイアウトの勉強がしたい。 そんなあなたにおすすめなのが、『Grid and Column Designs』。WebDesignerWallによる、グリッド&カラムデザインに優れたサイト特集だ。 このエントリーでは、以下のカテゴリーにわけてたくさんの優れたデザインが紹介されている。 ・ニュースサイト ・ブログのグリッドデザイン ・ボックスレイアウトにとらわれない画像の使い方 ・アイキャッチの背景画像があるカラムデザイン ・ボックスレイアウト&カラムレイアウト カテゴリーごとにご紹介。 ■ニュースサイト ■ブログのグリッドデザイン ■ボックスレイアウトにとらわれない画像の使い方 ■アイキャッチの背景画像があるカラムデザイン ■ボックスレイアウト&カラムレイアウト その他のリストは以下から。 » Grid and Column Designs グリッド&カラムデザインに優れたサイト特集

  • クリエイティブディレクター、佐藤可士和に学んだこと『What Kashiwa Sato teaches me』 – creamu

    Design クリエイティブディレクター、佐藤可士和に学んだこと『What Kashiwa Sato teaches me』 今日のCREAMUにちょこっと書こうと思ったんですが、興奮したので衝動的にエントリー。 かなり前から知ってる人もいるようなのですが、僕は昨日知りました。。佐藤可士和さんのオフィシャルサイト、「kashiwasato.com」です。 「kashiwasato.com」は、CD:佐藤可士和、AD:中村勇吾氏の作品。デザインとプログラミングを中村勇吾氏が担当している。 佐藤可士和と言ったら色でしょう、ということになり、サムライの仕事のデータベースを作ろう、となったようです。 以下、しびれた内容をご紹介します。 ・生きているようなデータベースを作る。ポートフォリオ集よりもデータベース、仕事がどんどんアーカイブとして保存されていて、何かブログとは違った形で生きているものにした

    nybb
    nybb 2007/12/22
  • あなたのブログを刺激するブログデザイン53選『My 53 Top Blog Designs of 2007』 – creamu

    ブログデザインに新しいアイディアがほしい。 そんなあなたにおすすめなのが、『My 53 Top Blog Designs of 2007』。あなたのブログを刺激するブログデザイン53選だ。 以下にTOP5をご紹介。 » Alex Buga ↑のキャプチャはこのサイト » Blogsolid » Piktogramme und Icons » Carsonified » Web Designer Wall 色使いやレイアウト、パーツデザインなど、とても参考になるのではないだろうか。 あなたのブログを刺激するブログデザイン、チェックして参考にしていきたいですね。 GANCIA ASTIのスプマンテを飲んでいます。これはうまい! 今日もいい天気ですねー。気持ちいい。

  • 無料で使えるデザイナーアイコン50選『The Icon Grab Bag: The Top 50 Sources for Free Designer Icons』 | CREAMU

    Design 無料で使えるデザイナーアイコン50選『The Icon Grab Bag: The Top 50 Sources for Free Designer Icons』 無料で使えるかっこいいアイコンを探している。 そんなあなたにおすすめなのが、『The Icon Grab Bag: The Top 50 Sources for Free Designer Icons』。無料で使えるデザイナーアイコン50選だ。 以下にいくつかご紹介。 » Ganato.com – PSD icons たくさんのフリーアイコン。PSDで配布されている » Website Icons : Free Pixel Icons CMSやブログといったカテゴリーに分けてたくさん配布されている » Beauticons 無料でないものもオファーできるサイト » ColoCons 1 – Free Icons W

  • Photoshopでテキストになめらかな光を与えるチュートリアル『A Slick Supernatural Text Effect』 – creamu

    Design Photoshopでテキストになめらかな光を与えるチュートリアル『A Slick Supernatural Text Effect』 Photoshopでテキストを魅力的に見せたい。 そんなあなたにおすすめなのが、『A Slick Supernatural Text Effect』。Photoshopでテキストになめらかな光を与えるチュートリアルだ。 このエントリーでは、22のステップでテキストにエフェクトをかけていく過程が説明されている。 サンプルのPSDファイルは$2.50で購入可能で、購入ボタンもついている。 こうした配布の仕方はいいかもしれない。 Photoshopでテキストになめらかな光を与えるチュートリアル、チェックして参考にしたいですね。 昨日はコンサートのあと富士宮やきそばをべに行こう!と予約していた有名なお店にいったんだけど、 「休業します 都合により

  • 佐藤可士和のオフィスで使われているボックス『Fellowes Bankers Box 703』 | CREAMU

    最近部屋を片付けているんですが、収納について悩んだ結果をまとめてみます。 デザインされた部屋の特徴は、ものがないこと。 そのためには、↓のことが重要になります。 ・生活感をなくすこと ・キッチンの下やクローゼットの中など、デフォルトでついている収納に空間があるならできるだけその中に収納すること ・同じ収納を使うこと ・収納を繰り返すことで美しさが生まれること ・基的にソファとテーブル(とMac)があればいいこと ・見えてしまう収納はできるだけかっこいいものを選ぶこと(安いものはやはりそれなりなため高いものを選ぶこと) さて、ここまで考えて、クローゼットの中にPCの箱やプリンタの箱など、かさばるものを収納し、雑然としていたサイドテーブルの小物をナンバーナインの袋に収納しました。 結構片付いたんですが、問題なのがやその他の小物。 デフォルトの収納スペースにはもう入らないし、かといってを並

  • Photoshopで素早く背景を消す方法『Quickly Remove Backgrounds with Photoshop』 – creamu

    Design Photoshopで素早く背景を消す方法『Quickly Remove Backgrounds with Photoshop』 Photoshopで素早く画像を切り抜きたい。 そんなあなたにおすすめなのが、『Quickly Remove Backgrounds with Photoshop』。Photoshopで素早く背景を消す方法だ。 以下にご紹介する(バージョンはPhotoshop CS)。 ・フィルタ / 抽出 ・境界線マーカーツールで選択範囲を囲む ・塗りつぶしツールで中を塗りつぶす ・プレビューを押して確認。ダメならCtrl + zで戻ってやり直す ・OKをクリック 素早くモックアップを作るときなどに便利だろう。 Photoshopで素早く背景を消す方法、チェックして使っていきたいですね。 FireworksからPhotoshopに移行中。Photoshopのインタ

  • 1