個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォント... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category : CSS3最近は CSS3 ネタばかりですが、今回は CSS3 で使える background 関係のプロパティを紹介、解説です。background-size背景画像のサイズを指定します。横幅 縦幅の順で記述します。対応ブラウザ(2010 3/8 現在)Safari , Go... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
デザインにとても便利なシルエット素材。アイコン的な使い方だったりポイント的につかったりと色々と便利に使えます。今日紹介するのは商用利用可能で、フリーで使える国産シルエットデザイン素材集「シルエットデザイン」です。キス&ロマンス国内のデザイナーさんが作っているだけあって、海外のシルエット素材には無い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
XHTML/HTML TIPS | 今日はtableの組み方に関して書きます。 まず、携帯のCSSは複雑な事は出来ないので、表組みをレイアウトをしたいときはCSSではなくtableタグを使用します。 携帯電話制作でtable使うor使わない議論をすると一晩語れそうですが(大袈裟)、今回はtable... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSで角丸ってよくやりますよね(IEなんかどうでもいいや!というときw)。ただ、左上だけ直角にしたいときだけなどはコードが煩雑になりがちです。そこで活用したいのがCSS Border Radiusです。四隅の角丸度合いを指定するだけで適切なCSSコードを出力してくれます。↑ 説明不要のシンプルさ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。サイト分析ツールSEOチェキ! URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Photoshop VIPではこれまでにもジャンルごとにいろいろなフリーフォントをご紹介しています。たとえば企業用ロゴにも使えるフォントやレトロなフォント、サンセリフ系フォントなどが人気のあったエントリーの一例です。今回は星の数ほどあるフリーフォントの中でも、とりあえずダウンロードしておきたいフリ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
似たようなツールは他にもあるが、シンプルで使いやすかったのでご紹介。知っておいても損はないだろう。TestSizeでは、「このスクリーンサイズだとこのサイトはどういう風に見えるかな?」をシミュレートすることができる。いくつかのサイズが用意されているが、矢印キーの上下で切り替えていくことができる点が... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
企業用のロゴをデザインする場合、ブランドイメージと合うようにオリジナルフォントをデザインする場合が多いのではないでしょうか。オリジナルに勝るものはありませんが、できるだけ簡単にサクっとロゴをデザインしたいときはフリーフォントを使うこともひとつのポイントです。今回はそんな企業用ロゴデザインにも使える... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webツール , デザイン色の組み合わせでもう迷わないためのカラーセオリー掲載日時:2010.02.22 22:00 コメント [0], トラックバック [0]Webデザインでも企画書でも、色使いや色選びというのはなかなか悩ましいものです。デザインブログ「Before & After」に、デザイ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
カテゴリ画像●●っぽいロゴが作れるジェネレータまとめ - まる ●●っぽいロゴのジェネレータっていうのが、 探してみたら思った以上にたくさんあったのでいくつか紹介してみます。 漫画・アニメ、企業、映画のロゴなどなどー ■漫画・アニメ ▼けいおん! けいおんサブタイトルジェネレーター http://... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2010年のWebデザインで押さえるべきトレンド7点WebDesignerWallというサイトにおいて、2010年のWebデザイントレンド予測をまとめた記事 - Design Trends (Predictions) in 2010が公開された。2010年に流行するであろうWebデザインのトレンド... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年01月25日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Bril... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
当サイトでも無料のアイコンをたくさん紹介してきましたが、医療をテーマにしたものは初です。 そんな素敵なアイコンセットをSmashing Magazineから紹介します。Free Medical Icons Set (60 Icons)ダウンロードできるアイコンセットのフォーマットはPNGで、サイズ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
シングルページのWebサイトはあまりコンテンツがない場合・ひとつの物を強調したい場合に効果的です。Javascriptを使っておもしろい動きをつけたシングルページもたくさんあり、1ページの中にたくさんのアイデアがつまっています!ここでは世界中のWebサイトの中から美しく個性的なデザインのサイトを紹... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
つい先日「デザイン性が高いプロフェッショナルな企業用ウェブサイト40個まとめ」をご紹介したばかりでした。しかし世界にはまだまだデザインがオシャレで、美しいデザインの企業用ウェブサイトがたくさんありますね。今回ご紹介するのは「50 Beautifully Crafted Corporate Ecom... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
illustratorのスキルを上げたい。そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。いい感じのものが揃っているので、いくつかご紹介しますね。Ho... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これはなかなか素敵なのでメモ的にエントリー。メニューによってダイナミックにアイコンが入れ替わるエフェクトですよ。jQueryのプラグインなので記述も簡単です。↑ こうして並んだアイコンが・・・。↑ こんな風にダイナミックに組み変わっていきます。デモを見たほうが早いかもですね。本サイトでいろいろメニ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
↑ クリックすると原寸拡大表示されます。今回は、フォトショップを使ってメタリックな銀色文字をつくる方法をご紹介します。フォトショップの便利な機能のひとつ「レイヤースタイル」を適用するだけで簡単にデザインできるテキストエフェクトとなっています。レイヤースタイルを保存しておけば、ボタンひとつでいつでも... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
少し前の記事になるのですが、とても魅力的なポートフォリオサイトがまとめられていたので、メモ的エントリーです。今回ご紹介するのは、世界中のウェブデザイナーやグラフィックデザイナー、フォトグラファーなどのポートフォリオサイトです。デザインした作品をまとめて見せることで、クライアント、ユーザーに対しても... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|