タグ

ブックマーク / coliss.com (33)

  • Adobeソフト激安!という広告が半信半疑だったけど、本当にPhotoshop CS6が安く買えたのでそのレポート

    先月くらいから、あちこちのサイトのAdSenseで見かける「Adobeソフト激安!」の広告が気になっていて、買ってみたら当に激安で、お仕事にも利用できるのが分かったので、そのレポートです。 追記:2014/4/10 この記事を書いてから一年以上経ちますが、まったく問題なくPhotoshop CS6を利用できています。 4/25にパッケージ版の販売が終了しますが、記事はそのまま残しておきます。 MacにインストールしたPhotoshop CS6 Twitterなどで何人かの人に質問を受け、気になりつつも半信半疑なのも正直なところだと思うので、ざっとレポートします。 流行りのステマじゃないですよw 購入前に、半信半疑だったこと 確かに表記価格は、店頭やオンラインショップよりはるかに安いです。 Amazonで118,126円のPhotoshop CS6 Extendedが33,000円(Ama

    sihou1
    sihou1 2012/12/22
    コリスもこういう記事を書きだしたか...。規約よく読んだほうがいいよ
  • 商用利用無料、小さいながらも細部まで丁寧に作りこまれたアイコン素材 -Crisp Icon Set

    シンプルでくっきりしたデザインのアイコンのベクター素材を紹介します。 カスタムシェイプやRetinaディスプレイ用も完備です。 アイコン全108種類 ダウンロードできる素材のフォーマットは、ウェブ制作者に嬉しいさまざまなものが揃っています。 .psd -プレビュー・シェイプ・Retinaディスプレイ用の3種 .png -そのまますぐにアイコンとして使う用 .csh -Photoshop用のカスタムシェイプ .psd, .pngは、16x16, 32x32, 48x48の3サイズが完備。 PSDはアイコンごとにレイヤーが保持されています。

    sihou1
    sihou1 2012/08/10
    丁寧に作り込まれてるらしい
  • 漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版

    商用サイトでも無料で利用できる日語のフリーフォントを紹介します。 ※フォントは全て商用利用も無料ですが、利用の際には必ずライセンスをご確認ください。 最新版を公開!フォントの数が大幅に増えています。 2019年用、日語のフリーフォント 366種類のまとめ

  • 美しい日本語を使いたい、ワンランク上のビジネスメールの作法

    「お世話になっております」、「了解しました」、「取り急ぎ、お礼まで」など、ビジネスメールでよく使用する言い回しの間違った使い方、正しい使い方など、ビジネスメールのワンランク上の作法を紹介します。 [ad#ad-2] 下記は、月刊誌「日経おとなのOFF 4月号 美しい日語」で紹介されている「『美メール』の作法」から、特に気になった箇所をピックアップしてまとめたものです。 日経おとなの OFF 2011年 4月号(amazon) マナー以前のビジネスメールの常識 ワンランク上のビジネスメールの作法 シーン別のビジネスメールの作法 マナー以前のビジネスメールの常識 メールの件名は具体的に 内容が分かる具体的な件名にしましょう。 「こんにちは」「お願い」「なるはやで」は、ダメ。 返信メールの件名は変更しない 同じ議題であれば件名は変更せずに、「Re: 」を付加して返信しましょう。 議題を変更する

  • 厳選、作業効率がアップするPhotoshopのキーボードショートカットのまとめ

    Photoshopのキーボードショートカットを使いこなせるようになると作業効率がグンとアップします。 数多くあるショートカットの中から特に実用的な25個を紹介します。 25 Awesome Keyboard Shortcuts for Photoshop That You May Not Know [ad#ad-2] 元記事では動作を軸に書かれていますが、下記はショートカットを軸に紹介します。 ショートカットはWindowsの表記です。 Macの場合は、置き換えてください。 Ctrl → Command Alt → Option Photoshopの便利なキーボードショートカット Ctrl+Space+左クリック Ctrl+Space+ドラッグ(右or左) ドキュメントを拡大表示 Alt+Shift+右クリック HUDカラーピッカーの表示 ※CS5のみ。環境設定でGPU設定をオンにしている

    sihou1
    sihou1 2011/01/31
    ショートカットを駆使すると、本当に楽になるよね。これは便利
  • [CSS]CSS3で何ができるの? という時にみておきたいサイト集

    角丸、ドロップシャドウ、グラデーションなど多彩で面白いスタイルをCSS3では簡単な記述で実装できます。 CSS3でいったい何ができるのか、どのように記述するのかなど、ベーシックなものから実践的なテクニックまでサンプルやコードなど実装例が掲載されているサイトを紹介します。

    sihou1
    sihou1 2010/12/01
  • ゆっくりあとで見たい、素敵な写真のまとめ集 -2010年11月 | コリス

    Archive by month 2010年11月 (32) 2010年10月 (54) 2010年9月 (47) 2010年8月 (59) 2010年7月 (49) 2010年6月 (43) 2010年5月 (35) 2010年4月 (48) 2010年3月 (53) 2010年2月 (51) 2010年1月 (45) 2009年12月 (65) 2009年11月 (38) 2009年10月 (49) 2009年9月 (58) 2009年8月 (35) 2009年7月 (69) 2009年6月 (78) 2009年5月 (66) 2009年4月 (59) 2009年3月 (75) 2009年2月 (72) 2009年1月 (78) 2008年12月 (65) 2008年11月 (68) 2008年10月 (69) 2008年9月 (57) 2008年8月 (74) 2008年7月 (81

    sihou1
    sihou1 2010/11/18
    感性が刺激されます!
  • [CSS]画像無しで作成する美しいデザインのボタンのスタイルシート

    Photoshopで作成したかのような美しいデザインのボタンを実装するスタイルシートを紹介します。 キャプチャは上から、ノーマル時、ホバー時、クリック時です。 Make CSS3 buttons that are extremely fancy デモページ デモページ(カラーバリエーション) ※更新:カラーバリエーションを増やしました。 ボタンはCSSで実装されているため、ブラウザの文字サイズの拡大に伴いサイズも変更し、カラー変更も簡単におこなえるように設計されています。 ※CSS3非対応のIE7/8などでの見栄えはそれなりになります。 実装はシンプルながらもテクニカルで、先日当サイトで紹介した「Safariで見かける角丸のにじみを解消するスタイルシート」なども利用されています。 HTML ボタンのカラー変更が簡単にできるようにインラインスタイルシートを使用しています(下記キャプチャ参照)

    sihou1
    sihou1 2010/08/18
    地味に役立ちそう
  • 配置をマスターして「機能するレイアウト」を作る大切なポイント

    ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、

    sihou1
    sihou1 2010/07/07
    凄いなぁ こういう見方があるのか。
  • CSSビギナーに気をつけてほしい5つのポイント | コリス

    スタイルシートは、複数の人間が携わる場合は当然のことながら、自分一人の場合でも長期にわたり携わることがあるので、分かりやすくクリーンなものにしておきたいものです。 スタイルシートを適切に使用し、そして管理しやすくする5つのポイントをSoh Tanakaから紹介します。 CSS Beginners Do's and Dont's Part 2 下記は各ポイントを意訳したものです。 1. classとidは適切に使用する ビギナーは新しいclassをどんどん作成してしまう傾向があります。冗長なものや不必要なclassやidはCSS来の目的からはずれるものです。 CSSの美しさはデザインをマークアップから切り離すことにあり、それを許すということです。またclassやidを最小限にすることで負荷を減らすことにも繋がります。 Bad p要素それぞれに全て個別のclassを使用しています。 <tex

    sihou1
    sihou1 2010/03/26
    私もビギナーなので気をつけよう・・・
  • ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法

    黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザインに取り入れる簡単な3つの方法 はじめに 1. 黄金比(黄金四角形) 2. フィボナッチ数列 3. ファイブエレメンツ 4. サインウェーブ [ad#ad-2] はじめに 「数学は美です。」 数字嫌いの人には、ばかばかしく聞こえるかもしれません。けれども、自然や宇宙にある美しいもの、最も小さい貝殻から最も大きい銀河まで、数学的な要素を持っています。 数学ははるか昔から今日まで芸術や建築のデザインに

    sihou1
    sihou1 2010/02/27
    黄金比、フィボナッチ数列について
  • ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集

    繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。

    sihou1
    sihou1 2010/02/20
    こういうのは凄く参考になる。自分には中々できないことだけど、いつかできるようになりたいな。
  • ユーザーにクリックされやすいボタンデザインの5つのポイント

    ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。 Web Design Trends: Call To Action Buttons 先日とりあげた「ハイパーテキストリンクのスタイル大全」の5. ボタンスタイルで紹介されているものです。 以下は、各ポイントを意訳したものです。 はじめに サインアップやダウンロードなど、ユーザーの行動への呼びかけを促すボタンのデザインはウェブデザインにおいて重要なものです。 ボタンはそのページのゴールの一つであり、その目的のためにそれぞれのページをデザインするといっても過言ではありません。 行動を呼びかけるボタン(Call to Action Button)はユーザーの注意を引く必要があります。以下に、そのボタンのデザインの5つの特長をあげます。

    sihou1
    sihou1 2010/02/18
    ちょっとしたことなんだろうが、こういうのが大きな違いを生むんだろうね。
  • 文字を切り貼りした脅迫状みたいなものを作成するジェネレーター集

    新聞や雑誌の文字を切り貼りした脅迫状みたいなものを作成するオンラインジェネレーターの紹介です。 同じ文字でも、異なるフォントで表示されるものもあります。 ※ほとんどのサイト名が「Ransom Note Generator」となっていますが、異なるサイトです。

    sihou1
    sihou1 2010/02/07
    ちょっとお洒落な感じのサイトに合いそう。
  • ウェブサイトのフッタを魅力的にする10のシンプルなアイデア

    昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン 3. 美しいコントラスト 4. インパクトのあるイラスト 5. 充実したコンテンツ 6. インフォメーション 7. メディア ハブ 8. 新鮮なコンテンツ 9. インフォグラフィックス 10. ビジュアル的なアクセント はじめに 魅力的なフッタは、サイトのユーザーに永続的でポジティブな印象を与えることができます。 フッタのデザインと機能性の両方にフォーカスをあてることで、サイトのフッタを魅力的に

    sihou1
    sihou1 2010/01/15
    フッターをカスタマイズ。フッターは以外と閲覧者は見ている。サイト内をくまなく見てもらうためにも、工夫は必要だよね。
  • ドロップシャドウとグラデーションの使用を的確にするためのチュートリアル

    なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか? Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。 Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors 下記は、各ポイントを意訳したものです。 ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションの使用の注意点 使用は、より繊細に よくある間違いと解決方法 おわりに ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションは、スペースに錯覚を生じさせるための基的なテクニックです。 Mac OS Xのドックを例にとると、輝いたテーブルの上に各メニューのアイコンが浮き上がっ

    sihou1
    sihou1 2010/01/09
    簡潔にポイントをおさえた説明 ありがたいです
  • Photoshopでつくるタイポグラフィのチュートリアル:2009年総集編 | コリス

    テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2009年の総まとめです。

    sihou1
    sihou1 2009/12/11
    フォトショップチュートリアルまとめ
  • エクセルのデータを見やすくする5つの簡単なテクニック | コリス

    Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し

  • [CSS]スタイルシートの記述をより読みやすくする5つのルール

    <textarea name="code" class="css" cols="60" rows="5"> #nav{ border: solid 1px #DEDEDE; color: #000; padding: 10px; width: 650px; } </textarea>

  • 単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル

    ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。

    sihou1
    sihou1 2009/10/03
    将来作るとき参考にしよう