私は2ヶ月前に個人的なプロジェクトのためにウェブ開発に入ったばかりです。私は、経験豊かな人々のアドバイスに感謝する問題に直面していることを知っています。私のプロジェクトでは、境界線の半径、ボックスシャドウ、グラデーションなど、css3の "エフェクト"をたくさん使用しています。事は、私は今、クロスブラウザーの問題に直面しています。だから私の質問は簡単です。 CSSのハックを適用するか、画像を使用する方が良いですか(PSDスライシング)?あなたの返信を先にありがとう。乾杯。マークcss hacks対psdスライス
答えて
私は両方の組み合わせをしたいと思います。 PSDをスライスすると更新や保守が難しくなりますが、ハックは通常はあなたが望むものを手に入れません。 http://css3pie.com/をチェックして、ほとんどのCSS3技術をIEに組み込む方法をご覧ください。それは素晴らしいリソースであり、私は毎日それを使用します。ドロップシャドウがPIEでうまく動作しないなど、一部の項目ではうまく機能します。そのようなものについては、ドロップシャドウの背景イメージを行うかもしれません。
一部のpsdスライシングを使用している場合は、ウェブサイトにアクセスしているユーザーに遅い読み込みで問題がないことを確認してください。真実が言われると、たくさんの人々がまともなインターネット接続をしているので、もう少しpsdスライシングをしても問題にはなりません。
あなたの画像がウェブ用に最適化されていることを確認してください!
こんにちはdav。私はthepriebeによって提案されたこのcssのパイにショットを与えるでしょう。とにかく助けてくれてありがとう.. – Marc
イメージを使うことができる項目はありますが、とりわけプログレッシブエンハンスメントの原理を取り入れて、現在のWeb標準に準拠したものを作る方がよいです。古いブラウザは徐々に消え去っていますが、ウェブ標準はそうではありません。
サイトのすべての訪問者がサイトの最も重要な部分にアクセスできることを確認してください。サイトの一部は、主に美的であるいくつかの機能を正常に劣化させて隠す必要があるかもしれません。 CSSのハックやイメージ(ドロップシャドウやグラデーションなど)に該当する領域に対して、適切な修正を適用することができます。
- 1. Bit Twiddling Hacks
- 2. CSS HTML PSDデザインごとのフォントサイズ
- 3. PSDからXHTML/CSSへの変換
- 4. PSDまたは真のCSS [ウェブサイトのデザイン]
- 5. スライスとの対比
- 6. psd to htmlディメンション
- 7. psd to htmlスライスエラー
- 8. このPSDをHTMLとCSSメニューに変換するには
- 9. 同じ対角要素を持つPSD行列
- 10. スライス画像javascript/cssを使用
- 11. コードネームワンのPSDデザインレイアウト
- 12. psd to html 1920X1080
- 13. AndroidデザインUIエレメントPSD
- 14. android psd libraryをpsd形式で使用する
- 15. スライスdata.frameとスライス
- 16. CSSの絶対と相対
- 17. HTML対HTML5&CSS対CSS3?
- 18. psdファイルからhtmlレイアウトを作成
- 19. CSS、相対フォントサイズ
- 20. CSS対応サークル
- 21. cssインラインブロック対フロート
- 22. CSSスタイルシート対テンプレート
- 23. PSDテンプレートからVisual Studio/ASP.net
- 24. phpがpsdファイルを開く
- 25. MATPLOT PSD(パワー密度Spectrale)
- 26. python-FFTとPSDの計算
- 27. PSDファイルからXCodeへフリー
- 28. PSDをHTMLに変換する
- 29. CSS絶対位置
- 30. htmlレイアウト対CSSレイアウト
こんにちはthepriebe。リンクありがとう。これは私が推測するのに役立ちます。ドロップシャドウがうまくいかないと言ったら、ボックスシャドウという意味ですか? – Marc
正確に。私はほとんどの画像編集者がそれを呼んでいることを指していたので、ドロップシャドウと言った。 GIMPやPhotoshopを使用している場合は、CSSがどのようにそれを参照するのかドロップシャドウと呼ばれることがあります:ボックスシャドウ。 – thepriebe
私はこのcssのパイの事を試してみましょう。ありがとう... – Marc