ロゴデザインをする際に参考にできそうなシンプルでスマートなロゴサンプルがまとまったエントリのご紹介です。 どれもスッキリしていて、癖が強すぎず、好き嫌いがそれほど分かれないようなアイデアあふれるロゴ集なので参考にできそう。 みていたらロゴをつい作りたくなってしまいました。 以下のエントリを参照してください。 Logos, logos, logos! CreativityDen 関連エントリ ロゴデザインが色々あって登録も可能な「LogoSauce」 デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ プロフェッショナルなロゴ作成の手順

スクロールした位置についてくるサイドバーをjQueryで実装するサンプル例が公開されており、チュートリアルと共にダウンロード可能になっています。 サンプルを見ると、殆どの面倒なことがjQuery側にてやってくれるため、非常に簡単なプログラムになっています。 付いてくるのがリアルタイムにしすぎるとガクガクして酔いますが、ちょっとした遅延があったあと、アニメーションして付いてくるので、動きとしてもよいですね。 jQueryの学習用に、また実際にサイトにサクッと組み込んでみる際にもよさそうですね。 以下のエントリを参照してください。 Scroll/Follow Sidebar, Multiple Techniques | CSS-Tricks

投稿日：2009年11月27日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopで洗練したデザインを加える5つの小技を紹介します。 Step1 ： テキストにもう少しだけ深みを持たせる Step2 ： 上から光を当てる（特定の領域を強調する） Step3 ： ぼかし(移動)の賢い使い方 Step4 ： ワープツールで雲を描く方法 Step5 ： ゆがみを使って3次元の道を作る キャンバスにテキストを描いてみたのですが、今ひとつです。 （フォントは「Myriad Pro」） テキストレイヤーに深みと光のコントラストを少し加えるための簡単な方法があります。 次のようにレイヤーとブレンドオプションを設定します。 ドロップシャドウ シャドウ(内側) べベルとエンボス 輪郭 グラデーションオーバーレイ ブレンドオプションを加えると次のように効果がつきます。

このブログをリニューアルして思ったこと やっぱりCSS3は便利でした。 自分でちゃんと触ってみて4点ほど、利点があったのでそれについてチマチマ書いて見ます。 レイアウト組むのが楽ちん セレクタが便利 画像に頼らず色々出来る アニメーションが素敵 といった4点が利点かなー　なんて思いました。 本日はレイアウトについて便利だったことを書いてみます。 詳細は続きで。 まず始めに css2までは基本的に、FloatかPositionのどちらかでレイアウトを組んでいたと思います。 css3からは違う概念でレイアウトを組むことが可能になっています。 表示確認には、Firefox3.5、Chrome4を使用しています。 ※ちなみに説明する中で「-webkit-」（Webkit系）「-moz-」（Mozilla系）「-ms-」（IE系）などのプロパティがありますが、ブラウザごとの独自規格扱いになっ

This domain may be for sale!

先日書いた商用サイトでも無料の 国内外のWeb制作に使える素材 サイト総まとめ・2009にも 含めていましたが、このサイトだけ は単体でご紹介したかったので エントリーさせて頂きます。 記事でも書いたようにArs Grafikで配布しているWeb素材は商用サイトでも使うことが可能です。以下は同サイトの利用規約（Terms of Use ）より引用します。 You may use Brushes, Patterns, Fonts, Textures, Icons, and Vector Graphics downloaded from Ars Grafik, for personal or commercial use. You may use Brushes, Patterns, Fonts, Textures, Icons, and Vector Graphics downloaded

ドットインストール代表のライフハックブログ

Buy this domain. inspirationti.me 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

一風変わったボタンも即席で作れてしまうボタン作成素材がまとまっているエントリのご紹介です。 Photoshopファイルなどで配布されており、ライセンスには注意したいですがちょこっと変えてボタンが作れそうです。 以下のエントリを参照してください。 39 Free Buttons And WebDesign Resources From Deviantart | Graphic and Web Design Blog -Resources And Tutorials 関連エントリ ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０

次に「CTRL」＋「J」を押してレイヤーを複製します。それから「CTRL」＋「U」を押して彩度を下げて画像の色を減らします。 再び「CTRL」＋「J」を押してから「CTRL」＋「I」を押して画像をネガにします。 それから新しいレイヤーの合成モードを覆い焼きカラーにします。 作業内容のすべてを見ることはできませんので、線や境界を見るには必要に応じて一番上のレイヤーに「ぼかし（ガウス）」を適用します。 最終的には以下のようになります。 さらに仕上げをする場合は、一番上のレイヤーの特定の部分にだけ新しい色を塗るなどのトリックを使います。あるいは作業領域を選択して「CTRL」＋「U」で色相を適用してポートレートの唇や目だけに色をつけます。 引用:Web Design Library著者:Tech-FAQ翻訳:菊池

既存のウェブサイトのデザインにちょっと手を加えて「Good」から「Great」にする6つのポイントをMyInkBlogから紹介します。 6 Ways To Take Your Webdesign From Good To Great 下記は各ポイントと実例をピックアップした意訳です。 元記事には実例などが他にも豊富に掲載されています。 1. はじめに 1. グラデーション 2. ホワイトスペース 3. グリッド 4. タイポグラフィ 5. ナビゲーション 6. フッタ はじめに ウェブデザインの「Good」と「Great」の差は小さなものです。平均的な人は素晴らしいデザインを構成する明白な相違点を説明することが可能ではないかもしれません。しかし、好きなデザインを見つけることは可能です。いくつかの素晴らしいサイトを分析することで、その相違点を補う小さなディテールをみつけることができるでしょう