タグ

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

  • CSS3/HTML5/jQueryに関するチートシート – creamu

    All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQueryという記事で、CSS3/HTML5/jQueryに関するチートシートがいろいろと紹介されています。 In an article, All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery, some cheat sheets about CSS3, HTML5 and jQuery are introduced. All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery

  • CSS3で作るふわっと浮き上がるツールチップ – creamu

    「HOW TO CREATE ANIMATED TOOLTIPS WITH CSS3」という記事で、CSS3で作るふわっと浮き上がるツールチップのチュートリアルが紹介されています。 デモは以下から。 DEMO 動きが自然で気持ちいいですね。 HOW TO CREATE ANIMATED TOOLTIPS WITH CSS3

  • Firefoxを速くする方法 – creamu

    ふとFirefoxを速くする方法を見つけました。Firefoxをずっと使っているとどんどん重くなっていきますが、これをやると確かにすごく速くなりました! zapaさんのブログです。 /Users/[ユーザID]/Library/Application Support/Firefox/Profiles/[ランダムな文字列].default/places.sqlite Macの場合、Firefoxが起動していない状態で、上記の「places.sqlite」ファイルを削除して起動すると速くなるようです(閲覧ページの履歴やfaviconなどのキャッシュが削除されるようなので、気をつけて自己責任でお願いします。places.sqliteは再起動後に再生成されます)。 詳しくは以下からどうぞ! 長期間の使用で重くなったFirefoxを一瞬で軽くする方法 さてと急いで進めよう。

  • インテリア好きのためのiPhoneアプリ10 – creamu

    95156966/ Hemera/ Thinkstock 家具や雑貨を買ったり、引越しや部屋づくりの際に役立つiPhoneアプリ(※一部iPad専用アプリとなっています)を集めてみました。 Houzz iPad専用。豊富な写真やインテリアアイデアを集めることが出来ます。お気に入りの写真を集めて自分だけのインテリアアイデアブックを作ってみては? Interiors and Furniture for Youngsters 部屋ごとに美しいインテリア写真がまとめられたアプリ。高画質な写真をカメラロールに保存することも出来ます IKEA Catalogue 2010 UK IKEA UKのカタログアプリ。インテリア写真をコーディネートの参考にするだけのために使っても良さそうです My Measures & Dimensions 撮影した写真に寸法線を記入して保存しておくことが出来るアプリ。部屋の

  • かっこいいMac用アプリケーションのサイト10 | CREAMU

    96373151/ iStockphoto/ Thinkstock Macのデザインが好きだ。 そんなあなたにおすすめなのが、『10 Stunning Mac software websites』。かっこいいMac用アプリケーションのサイト集です。 かなりクールなサイトが集まっています。 Versions Mac用のsubversionクライアントのサイト Pixelmator GPUベースの画像編集ソフト、Pixelmatorのサイト Delicious Library 映画をカタログのように管理できるDelicious Libraryのサイト Silverback デザイナー・デベロッパーのためのユーザビリティーツール、Silverbackのサイト Cultured Code Thingsなどを開発しているソフトウェア会社、Cultured Codeのサイト Appleライクなデザ

    naka1015
    naka1015 2010/04/02
  • デザイナー・デベロッパーのためのGoogle Chromeエクステンション17 – creamu

    Google Chrome拡張機能を探している。 そんなあなたにおすすめなのが、『17 Google Chrome Extensions for Web Designers and Developers』。デザイナー・デベロッパーのためのGoogle Chromeエクステンション集です。 便利そうなのが揃っているので、いくつかご紹介しますね。 Eye Dropper サイトから色を抽出できるカラーピッカー Aviary Screen Capture スクリーンショットを撮れるアドオン Chrome Sniffer 見ているページで使われているフレームワークやCMSを表示してくれる The Lorem Ipsum Generator Lorem Ipsumのダミー文字を生成してくれるアドオン Chrome SEO インデックス数、バックリンク数などを表示してくれるSEOツール IE Tab

  • Firefoxのタブで生産性を上げる方法7 – creamu

    Firefoxをもっと使いこなしたい。 そんなときにおすすめなのが、『7 Ways To Become More Productive With Firefox Tabs』。Firefoxのタブで生産性を上げる方法です。 便利そうなのが揃っています。ざっとご紹介しますね。 タブのショートカット Ctrl + 1で一番左のタブを選択。Ctrl + 2-8で2番目から8番目をそれぞれ選択。これは知っていましたが、なんとCtrl + 9で一番最後のタブを選択。これがやりたかった! App Tabs タブを縮小してfaviconだけの表示にしてくれるプラグイン Find In Tab CTRL+Fでの検索範囲を、開いているタブ全体にしてくれるプラグイン Next Tab 右クリックしたときにタブの開き方を拡張してくれるプラグイン Tab Preview タブにマウスオーバするとプレビュー表示 Ta

  • IEをモダンブラウザのように扱う方法10 – creamu

    IEにだけできないことを可能にしたい。 そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。 便利そうなのが揃っているので、ざっとご紹介しますね。 HTML5をIEでも使用可能にする html5.jsを読み込んで、HTML5をIEでも使用可能にする text-shadowプロパティー IEでtext-shadowプロパティーをfilterを使って実現 IEでのbox-shadow filterを使ってシャドウに見せるテクニック 角丸 モダンブラウザはborder-radiusで、IEにはDD roundiesを適用 マルチカラム div要素にカラムを追加する。IE用にはjQueryプラグインで実装 HTML5の表現はだんだん増えてくるかと思うので、一

  • デザイナーのためのカラーセオリー – creamu

    色が人に与える効果について知っておきたい。 そんなときにおすすめなのが、『Color Theory for Designers, Part 1: The Meaning of Color』。デザイナーのためのカラーセオリーです。 暖色、寒色、無彩色などの12色について、色が与える効果と、その色がうまく使われているWebサイトが紹介されています。 まとめとして、以下のように挙げられていますね。 赤 情熱、愛、怒り オレンジ エネルギー、幸福、活力 黄色 幸福、希望、偽り 緑 新しい始まり、豊富、自然 青 穏やかさ、責任、悲しみ 紫 創造性、貴さ、富 黒 神秘、エレガンス、悪 グレー 気難しさ、保守的、堅苦しい 白 純粋、清潔、美徳 茶色 自然、健康、信頼 黄褐色・ベージュ 保守的、敬虔、さえない クリーム色・アイボリー 穏やかさ、優美、潔白 色は視覚言語で、人にどういった影響を与えるかがわか

  • クオリティーの高いPSDが見つかる35サイト – creamu

    PSDファイルを見てデザイン力を高めたい。 そんなあなたにおすすめなのが、『35 Exclusive And High Quality PSD Photoshop Resource Sites』。クオリティーの高いPSDが見つかるサイト集です。 いい感じなのをいくつかご紹介しますね。 deviantART PSD素材だけでなく、アイコンやテクスチャなどが探せるdeviantART Photoshop Candy 魅力的なエントリーが並んでいて、しっかり作り込まれているPhotoshop Candy FreePSD サイトテンプレートなど、たくさんの元ファイルが見つかるFreePSD PSGalaxy アイコンやロゴのPSD、ブラシなどが見つかるPSGalaxy BittBox Photoshopに関する情報が満載のBittBox Photoshopカテゴリー 気になったサイトをRSS購読し

  • 一味違ったレイアウト&ナビゲーションデザイン集 – creamu

    ありきたりのデザインをしたくない。 そんな時に参考になるのが、『Creative and Unusual Layouts and Navigation Designs』。一味違ったレイアウト&ナビゲーションデザイン集です。 特に面白いな、と思ったものをご紹介しますね。 26000 Vodka メニューが浮遊しながら、遠近感のある感じで表示される Sursly 横にスクロールしていくタイプのコンテンツ Lucuma ナビゲーションをクリックすると、画面が横にぐいーっと移動する Okay Dave ローディング後のアニメーションがとても美しいOkay Dave Andreas Smetana スクロールすると、すとんすとん、と画像が切り替わる。マウスオーバー時のアクションも気持ちいい Snuggle Fux レイアウトが斬新なSnuggle Fux Im Design 矢印キーで奥行きのあるイ

  • Photoshopの便利な使い方2つ – creamu

    ちょっと気づいたことがあって作業が格段にスピードアップしたのでUP。 Photoshopではレイヤーパレットでレイヤーを選択したり、カンバスの中のものをクリックで選択したい場合は、移動ツールのオプションバーの「自動選択」にチェックを入れますが、command(Ctrl)を押しながらクリックすることで自動選択にすることができます。 今まで「自動選択」にチェックを入れたり外したりしながら作業していたんですが、これで劇的にスピードアップしました。。知っている人にとっては当然のことだと思いますが。 レイヤーをcommand(Ctrl) + Tで変形したいときなど、オプションバーの「W」と「H」は%で表示されますが、pxで指定することが可能です。 これは友人のデザイナーも知らなかったと言っていたので、気づいていない方もいるのでは、と思ったりしています。 というわけで知らなかった方はぜひやってみてくだ

  • オンラインでダイヤグラムを作成、共有!『gliffy』 – creamu

  • Google Chromeのエクステンション30 – creamu

    Google Chromeを使っている(アドオンがあるなら使いたい)。 そんなあなたにおすすめなのが、『30 Irreplaceable Chrome Extensions』。Google Chromeのエクステンション集です。 便利そうなのをざっとご紹介しますね。 Aviary Screen Capture キャプチャ(スクリーンショット)が撮れる Xmarks Bookmarks Sync Firefox、Safari、IEとブックマークを同期 Evernote Web Clipper Evernoteに簡単に投稿できる Chrome Gestures マウスの動きで「戻る」「進む」などを制御できる Google Similar Pages beta (by Google) よく似たページを探してくれる Feedly 雑誌のようなスタートページにできる。Google ReaderやTw

  • フリーのillustratorパターン225+ – creamu

    illustratorで使えるパターンを探している。 そんなときにおすすめなのが、『225+ Free Adobe Illustrator Patterns』。フリーのillustratorパターン集です。 aiとpng、そしてPhotoshop用のパターンファイル(.pat)も入っていたりしますね。 円形のパターン 格子縞のパターン ハーフトーンパターン ハート柄のパターン 水玉のパターン 斜線のパターン ダイヤモンド型のパターン ダマスコ織のパターン ほかにもいろいろあるので、ぜひ見てみてください。 225+ Free Adobe Illustrator Patterns 今日は金曜日!テンション上がってきた。

  • レターヘッドのデザインを集めたTumblrサイト – creamu

    手紙のデザインが好きだ。 そんなあなたにおすすめなのが、『LETTERHEADY』。レターヘッドのデザインを集めたTumblrサイトです。 レターヘッドのデザインだけを集める、というコンセプトがシンプルでいいですね。デザインの参考になるのではないかと思います。 RSS登録しておくのも便利そうですね。 一度見てみてください。 LETTERHEADY 今日も天気いいですね〜。クロスバイクで出かけるかな。寒くて最近厳しいけど。。

  • カフェラテアートを集めたTumblrサイト – creamu

    カフェラテアートが大好きだ。 そんなあなたにおすすめなのが、『art in my coffee』。カフェラテアートを集めたTumblrサイトです。 ↑のように、美しいカフェラテアートがたくさん集まっていますね。右上にある「submit a photo」ボタンから、写真やテキストを投稿できますね。 デザインがすっきりしていて気持ちいいですね。機能もシンプルでわかりやすくていい感じだと思います。 フッターの、「Twitterでフォーローする」とか「RSSを購読する」リンクのエレメントが「BE A PATRON」っていうのが珍しくていいですね。 カフェラテアート好きな方はぜひ見てみてください。 art in my coffee 超久々にカップヌードルがべたくなってシーフード味をべてしまった。うますぎる! あと年末年始はおですよね。べ過ぎないように注意しよう。

  • いつからTwitterをやっているかを競えるサービス – creamu

    Twitterは最近盛り上がっている感じですが、いつから始めているでしょうか? 『How long have you been tweeting?』というサイトでは、Twitterを始めてから時間がどのくらい経ったかを示してくれます。始めた日がわかるのと、なんと秒まで出してくれるのがいい感じです。 自分のIDを入れると、「Compare to friend」と表示されて友達と比較することができて、勝った!負けた!みたいなことができるのでぜひやってみてください! 六木なう。今日はがんばって進めるぞ。

  • 女性のドレスやバッグ、サングラスなどのベクター素材 – creamu

    ファッションやアパレルストアのプロモーションサイトなどを作りたい。 そんなときにおすすめなのが、『Free Vector Doodles – Women’s Clothing & Fashion』。女性のドレスやバッグ、サングラスなどのベクター素材です。 ↑のようなシンプルで綺麗な素材が、aiとepsデータで配布されていますね。 roughly doodledということでわりとラフに作られていますが、参考に見てみてはいかがでしょうか。 Free Vector Doodles – Women’s Clothing & Fashion さて作業再開して終わらせるぞ。

  • 商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン5個 – creamu

    メールやフォルダなどのアイコンを探している。 そんなあなたにおすすめなのが、『Five Free Vector Icons: Plastic Iconset』。商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン集です。 プラスチックなテイストの作り込まれたアイコンが揃っていますよ。aiデータも入っています。 They’re released royalty-free, so you may use them for any commercial or personal purpose. とのことで商用無料なので、ぜひ使ってみてはいかがでしょうか? Five Free Vector Icons: Plastic Iconset タブが減らん。。夕方になってしまった!!