タグ付けされた質問 「css」

私はフロントエンドの開発を行っているので、この質問はその観点から来ています。受け取ったら.psd、デザイン内の各フォントを手動で確認してクリックし、文字パネルを使用してフォント、色、サイズ、カーニングなどを取得します。ときどき、いくつかの異なるフォントを使用するデザインが表示されます（4+ ）同じフォントの多くのバリエーション（サイズ、色、太さなど）があります。これはかなり退屈な作業です... Photoshopが使用されているすべてのフォントとそのバリエーションのリストをエクスポートできるとにかくありますか？たとえば、次のようなリストです。 Arial太字16px黒 Arial通常14px黒 Arial通常14px青 Oswald 32px rgb（13,74,56）... これについて何か提案はありますか？さらに、この情報を要素の上に置くだけのプラグインがある場合、それは素晴らしいでしょう！ ありがとう。

7 adobe-photoshop  css  plugin 

2つのブロック（div要素）があり、上部background-color: blackに1つ、下部に1つの白があります。 反転した色で2つのゾーンにまたがるテキストを作成することは可能ですか？ 例：テキスト「FOO」の上部は黒地に白、下部は白地に黒になります。

7 color  css  mask 

HTML / CSSに関しては私は精通していません。 私はブログにTypepadを使用していますが、それによって多くのことが制限されます。 4つのdivがあります。 <div id="container-inner"> <div id="nav"></div> <div id="pagebody"> <div id="pagebody-inner"> <div id="alpha"></div> <div id="beta"></div> </div> </div> </div> ページの右側、「nav」の右側、「alpha」の前に「beta」を表示する必要があります。 ライブサイトへのリンクはこちらです：http：//sarajchipps.com/ あなたの助けは大歓迎です。

7 page-layout  css  html 

グラデーションに画像を使用しないように線形グラデーションのCSSを使用しようとしましたが、残念ながら、縞模様が表示されているChromeではレンダリングが不十分です。 この問題を説明するコードペンの例を作成しました。 http://codepen.io/chrism/pen/1 別のWebkitベースのブラウザーであるSafariで完全にレンダリングされるため、これは奇妙です。 CSSコードはコンパス画像に由来するので、私のCSSの問題だとは思わないでください Chromeの問題トラッカーでこのチケットを見つけました。このチケットはこの問題に関連していると思います。 http://code.google.com/p/chromium/issues/detail?id=41756 誰かがこれを回避するために画像を使用しない回避策を持っているかどうか疑問に思っていましたか？ ありがとう！

7 color  css  gradient  browser