フロントエンド関連さあ、今すぐルールを作ろう!CSSプロパティの記述順序に、厳格なルールはありません。ある程度ガイドラインを決めておいた方が、共有やメンテナンスがしやすくなります。今日は、私が日々のタスクで使用している、ガイドライン(※CSS3は除く)を紹介しますので、ご参考ください。このようなケースを、text-indentプロパティを上手く使って、実現する方法を紹介したいと思います。フロントエンド関連サイトやブログの制作に関わる方なら、普段当たりまえのように記述しているCSS(カスケードスタイルシート)。感もありますが、私自身の復習も兼ね、セレクタ・プロパティ・疑似クラス・疑似要素といった言葉の意味、その役割を整理しましょう。※このコンテンツは、CSS2の基礎レベルのみで作成しました。CSS3関連には触れていませんのでご了承ください。フロントエンド関連CSSを記述しても効かない時、もしかするとclass名やid名に問題があるのかもしれません。classやidの値はアルファベットで始めなければなりません。数字から始まる(数字のみで)命名を行うと、そのスタイルは無効になります。↑上記↑のような画像がめくれているような影、良く見かけると思います。今日はこのようなエフェクトを作る、CSS3のbox-shadowプロパティを紹介します。角丸を表現するCSS3プロパティのborder-radiusは、ご存知のとおりIE8以下では使用できません。IEにおいて角丸を表現する一般的な方法にPIE.htcファイルの使用があります。これが導入しても、なかなか上手く効かない。(※読み込みパスの指定方法や.htaccessの設定に問題があることが多いのですが・・・)そんな時におすすめなのが、紹介するjQuery.cornerというプラグインです。※2013年6月9日記事作成。2014年6月3日加筆修正。サイトの制作や更新を行っていると、どうしてもブラウザ間で表示が異なる事象が出てしまいます。言わずもがなIEの古いバージョンのレイアウト崩れは多いです。Safariも、表示フォントが変わってしまったりする場合があります。通常の対策を行っても、ブラウザ間の表示違いを修正できないときに役立つのがCSSハックというテクニックです。ちなみにCSSハックとは、各ブラウザの実装状況やバグを逆手に取り、ブラウザによって異なる宣言を読み込ませるための記述。別の言い方をすると「IE6だけに読ませるスタイル」とか「safari2〜3.1のみに読み込ませるスタイル」を指定する記述です。フロントエンド関連jQueryは、本家Javascriptを短いコード記述できるようにしたライブラリであり、基本文法を理解すれば、CSSのような感覚で記述できるようになります。今回はjQueryの基本構文および、そのサンプルを無料で身につけるのに、打ってつけのブログを3つ紹介します。4<1234>登録は下記フォームからお名前とメールアドレスを入力して【無料登録】ボタンをクリック。人気の無料メール講座を、ご利用ください。【プロ直伝】制作前に必ず行う2つのこととは?【重要】収益サイト制作者が取るべき手段は何か?【発表】魅せるデザインのラインナップはこちらです。【無料】必ず入れておくべき、フリープラグイン8選!【一瞬】瞬時にサイトの印象を引き立てる方法。【3.5倍】こうして成約率が急上昇しました。NameE-Mail※スパム防止のため、クリックしてチェックを入れてください。比較サイト構築情報flight。