ネットで見かけたWebテク
1. In the Woods - Vertical Centering With CSShttp://blog.themeforest.net/tutorials/vertical-centering-with-css/
CSSでは意外とむずかしい縦方向のセンタリングを実現する方法を5パターン紹介しています。
- 「display:table」
を使う方法 - 絶対配置で要素の半分の高さをマイナスのマージンにする方法
- 高さの50%から
「要素の半分の高さ」 を引いた値分の空白を上部に配置にする方法 - IEではうまく動かないけど
「margin:auto」 を使う方法 (IE8では動く) - 一行のテキストだけの場合限定で
「line-height」 を要素の高さと同じにする方法
といった5つの方法を紹介し、
この記事での一番のおすすめは3番目の方法だそうです。
3.で紹介されている方法だと、
なお、
「[CSS]上部のエリアを確保しつつ、

2. 7 Interface Design Techniques to Simplify and De-clutter Your Interfaces | Webdesigner Depohttp://www.webdesignerdepot.com/2009/02/7-interface-design-techniques-to-simplify-and-de-clutter-your-interfaces/
シンプルで混乱させないインターフェイスデザインテクニックの解説です。
Webサイト上で最近よく見かけるインターフェイスがいろいろ紹介されていますが、
「2. Hover controls.」
「5.
3. Quick & Easy CSS Development with Firebug - Tutorial9http://www.tutorial9.net/web-tutorials/quick-easy-css-development-with-firebug/
FirefoxのアドオンとしておなじみFirebugを使って、
Firefoxでページを開き、
と、
FirebugでCSSを編集してFirefoxでうまく見えても、
なお、

4. logo design processes and logo inspiration | Hein Maas - Freelance Graphic/Web Designerhttp://www.heinmaas.com/2009/02/logo-design-processes-and-logo-inspiration/
優れたロゴデザイナーの作品にインスピレーションを受けつつ、
ここからリンクされている
- amazonのロゴは
「a to z」 を意味して 「a」 から 「z」 まで矢印がのびている - FedExのロゴの
「E」 と 「x」 の間に矢印が隠されている
といったところは話の種になりそうですが、

5. 13 Most Desirable Collection Of Free Resources For Every Designer - Opensource, Free and Useful Online Resources for Designers and Developershttp://www.smashingapps.com/2009/02/28/13-most-desirable-collection-of-free-resources-for-every-designer.html
デザイナーのための、
アイコン、
やたらに長いリンク集より、
以上、
ほかにも、
- ニテンイチリュウ : XENOCODE Browser Sandbox
ウェブページ上から好きなブラウザ(IE6,7,8,Firefox,Safari,Chrome) を、 インストールなしに起動できるプロダクトの紹介。アプリケーション仮想化技術というのを使っているらしいです。すごい! - Introducing SelectorGadget: point and click CSS selectors
CSSのセレクタを記述するのに役立つブックマークレット。ブラウザ上で場所を選んでそこのセレクタを生成できるようです。 - Lifehacker Top 10: Top 10 Tools for Your Blog or Web Site
Webサイトやブログの運営者に役立つツールのベスト10を紹介しています。
先週の気になるWebサービス
Fliggo - Create Your Own Video Sitehttp://www.fliggo.com/
「Fliggo」
「Y Combinator発のFliggo、
Flickrの動画版みたいなものみたいです。なかなか期待できそうですね。ちなみにFlickrでも有料版だと動画にも対応していますし、
