// Archive for the ‘ウェブデザイン関連’ Category
@fontface 以外で任意のフォントを使う方法
@fontface を使って任意のフォントを表示させているサイトが増えてきましたが、@fontface 以外にも方法があるようで調べてみると色々見つかりました。アンチエイリアスありの状態で表示してくれるものや別サーバーから呼び出してくるウェブサービスなど、運用している環境で使い分けるといいですね。
最もポピュラーで影響力の強いフォントリスト100
フォント好きとしては見逃せないネタです。今日のデザインにおいてもっともポピュラーで非常に影響力を持っているタイプフェイスのうち、100をリスト化したものが『Periodic Table of Typefaces on the Behance Network』で公開されています。キーボードの配列になぞらえた見せ方も洒落ています。
RSS を利用して We heart it! の画像を表示させる
先日、Wordpressプラグインを使ってTumblrの画像を取得してサイドバーに表示させるようにしましたが、それに加えてWe heart it!で取得した画像も表示できないかといろいろと調べて、RSSを取得してそれを吐き出してやれば可能ということで実行してみました。
ベーシックなCSS3を取り入れてみよう！
CSS3の基本中の基本、RGBA による色と透過率の指定、Text Shadow による文字の影、Border Radius による角丸、Box Shadow によるボックスプロパティに対する影、以上の4点を Web Designer Wall で詳しく説明してくれています。CSS3を取り入れることで、画像を使わずにデザイン的要素を取り入れることが可能となります。
2010年のデザイントレンドを捕まえる
単純に真似をすればいいというもんでもないのですが、常にトレンドを意識しておくことはやはり大事なことだと思います。その時代のトレンドを作り上げていく最先端のクリエイターっていうのは、新しいことを積極的に取り入れて昇華させていく人が多いのも事実です。
ちょっとしたデザインの種のまとめ
ウェブデザインするときにいつもと違うものを取り入れたいなと思ったときにときに使えるネタ集です。たとえば、ヘッダーデザインだったりナビゲーションだったり、フォームだったり。デザインにおけるグッドとベストの違いなんかも知っておくといいかな～。煮詰まったときに、使えるエントリーのまとめです。
スタイルシートの基礎編からCSS3応用編まで
CSS3が面白い。とはいえ、覚えることも多い。その前に、スタイルシートの基礎的なところも抑えておきたい。スタイルシートをもっとスマートに美しく活用したいと思いつつ、新しいものに目がいってしまうのはサガですな。そんな私自身のためのブックマークです。
秀逸なデザインのまとめ その3
秀逸なデザインのまとめをする前に…N.Design のサイトデザインがリニューアルしてました。今年もたくさん多くの素晴らしいデザインを目にしましたが、やはり飛びぬけてる感じです。背景のイラストはもちろんすごいのですが、今回はなんといってもナビゲーションの部分がすっきりと分かりやすくなっています。
今年も始まりました！24 ways
毎年12月、クリスマスまでの期間毎日日替わりでトップデザイナー達がTipsやチュートリアルを公開していく24 waysが始まりました。その年のトレンドを踏まえた上での来年のトレンドを予測していくものになっており、とても興味深く内容が濃いです。トップバッターはDrew McLellanで、RGBA Colourを使ってのチュートリアルです。
2010年のウェブデザイントレンドを考える
先日『Most Used and Abused Web Design Trends of All Time』というエントリーで使わない方がいい時代遅れのデザイントレンドというのを紹介されていた方が、今度は2010年に先駆けて今年のデザイントレンドの中から素晴らしいものをピックアップ、今後も発展するであろうデザインを紹介しています。
Featured post
子供の頃から大好きだった不思議の国のアリス。ジョン・テニエルによるオリジナル挿絵はあまりにも有名です。その挿絵をフォトショップ用のブラシにしました。マザーグースや世界の逸話をパロディにした楽しくて不思議な話にぴったりのイラストです。
My photobook
Nutspress on Tumblr
We heart it!
I get my scraps from
Nutspress は Osaru こと Yoshiko U. が集めた情報を個人の覚書として始めたサイトです。かなり実験的なことをやっているので、見づらい部分であるとかバグとかがたくさん潜んでいます。
ブログだけでなく、デジタルスクラップブック用の素材なんかも置いてありますので、よければ見ていってくださいね。ウェブや印刷物にも使えますよ。
Copyright 2004-2010 Nutspress. All right reserved. Design and Produce by Yoshiko. powered by Wordpress.