↑上記↑のような画像がめくれているような影、良く見かけると思います。今日はこのようなエフェクトを作る、CSS3のbox-shadowプロパティを紹介します。※2013年6月9日記事作成。2014年6月3日加筆修正。サイトの制作や更新を行っていると、どうしてもブラウザ間で表示が異なる事象が出てしまいます。言わずもがなIEの古いバージョンのレイアウト崩れは多いです。Safariも、表示フォントが変わってしまったりする場合があります。通常の対策を行っても、ブラウザ間の表示違いを修正できないときに役立つのがCSSハックというテクニックです。ちなみにCSSハックとは、各ブラウザの実装状況やバグを逆手に取り、ブラウザによって異なる宣言を読み込ませるための記述。別の言い方をすると「IE6だけに読ませるスタイル」とか「safari2〜3.1のみに読み込ませるスタイル」を指定する記述です。今やすっかり定着しているtext-shadowプロパティ。最近、仕事で使う機会がありましたので、エフェクトサンプルを10個まとめて紹介します。記事の続きを読むtableレイアウトが崩れた原因は、CSSリセットかもしれない。フロントエンド関連さて、先日クライアントから「サイトに貼りつけたバナーのレイアウトが崩れてしまう」という、ご相談をいただきました。そのバナーのHTMLソースを見てみると、tableタグで組まれたものでした。最初「どこかの閉じタグでも忘れているのかな?」と思ったのですが、別に記述ミスはありません。かかってはいないようです。そこで検証した結果、スタイルシートに記述されたCSSリセットの一部に原因がありました。2<12登録は下記フォームからお名前とメールアドレスを入力して【無料登録】ボタンをクリック。人気の無料メール講座を、ご利用ください。【プロ直伝】制作前に必ず行う2つのこととは?【重要】収益サイト制作者が取るべき手段は何か?【発表】魅せるデザインのラインナップはこちらです。【無料】必ず入れておくべき、フリープラグイン8選!【一瞬】瞬時にサイトの印象を引き立てる方法。【3.5倍】こうして成約率が急上昇しました。NameE-Mail※スパム防止のため、クリックしてチェックを入れてください。比較サイト構築情報flight。