[B! *tips] digginのブックマーク

Illustratorの基本的なエフェクト集 | コリス

Illustratorの基本的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。上記サイトではチュートリアルのAIファイルもダウンロードできます。間のびしない矢じり角丸を素早く綺麗に描く正確なジグザクのラインオブジェクトの収縮と膨張変形のエフェクトラフにするエフェクト落書き風のエフェクト Illustratorのエフェクトを使用時のTips 間のびしない矢じり [効果]-[スタイライズ]-[矢印にする]で矢印のエフェクトを使用できます。

diggin 2009/07/14

リンク

クロスブラウザのためのHTML/CSSのテクニック集 | コリス

anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。画像のリサイズをCSS/HTMLで行わないでください。全てのブラウザでフォントのレンダリングを確認してください。「Lucida」は使用しないでください。テキ

diggin 2008/07/01

*css
*tips

リンク

[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス

CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する８つの1行のスタイルシートの紹介です。 8 Premium One Line Css Tips 縦方向のセンタリング高さが固定されている場合、「line-height」を使用して、縦方向のセンタリングが実装できます。デモページ <textarea name="code" class="css" cols="60" rows="5"> line-height:24px; </textarea>

diggin 2008/03/12

リンク

画像にネオンの曲線を加えるチュートリアル -neon string

tutorialeasy.comにエントリーされている、画像にネオンの曲線を加えるチュートリアルの紹介です。 Makeing glwing/neon strings in Photoshop （2009年1月：公開終了）画像にネオンの曲線を加えると、かなりかっこいい画像になります。

diggin 2007/11/06

リンク

[CSS]IEで、min-widthやmax-widthを実現する方法

CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12

diggin 2007/10/19

リンク