CSS

【CSS】background-sizeの使い方!背景画像のサイズを操作できる。

この記事ではCSSの【background-size】の使い方をご紹介します。 background-sizeを使うと、背景画像のサイズを操作することができます。レスポンシブサイトの場合、background-sizeを使えば背景サイズを自動で調整することができますよ。 background...

CSS

【CSS】background-repeatの使い方!画像の繰り返しを指定できる。

この記事ではCSSの【background-repeat】の使い方をご紹介します。 background-repeatを使うと、背景画像の繰り返しを設定することができるのでパターン画像を使う時にはよく使われるプロパティですね。 background-repeatの基礎知識 実際にbackg...

CSS

【CSS】background-positionの使い方!背景画像の初期位置を設定できる

この記事ではCSSの【background-position】の使い方をご紹介します。 background-positionを使うと、背景画像の初期位置を設定することができるので意図的に背景をずらしたりすることが可能になります。 通常は左上が初期値になっていますが、この背景画像は右下に...

CSS

【CSS】background-imageの使い方。

CSSのbackground-imageプロパティを使うと、色ではなく画像を使うことができます。 画像を使うことでbackground-colorではできなかった模様だったり、写真素材を使った表現ができるのでWeb制作のデザインでは重要なものとなります。 background-imageの記...

CSS

【CSS】background-colorの使い方。背景色の指定方法3つ。

今回はbackground-colorの使い方についてです。 background-colorは背景の色を決める時に使うCSSプロパティです。サイト制作では背景に色を使うのは数えきれないぐらいよく出てくるので、すぐに覚えられると思いますよ。 background-colorの記述サンプル ...

CSS

【CSS】backgroundプロパティの使い方

CSSのbackgroundプロパティを使うと、背景の設定をまとめて記述することができます。ちなみにまとめて記述することを「ショートハンド」と呼びます。 ひとつずつ設定するよりも記述が簡単になるので、ぜひ覚えておきましょう! backgroundは以下のプロパティをまとめて設定できる 設定...

HTML

HTMLとは?HTML入門編で基本をおさえよう

HTMLをこれから覚えたい・Webサイト制作をやってみたいという方のために、HTMLについて初心者向けにわかりやすく説明します。HTMLを覚えるとWebサイトを作る上で基礎となる知識が身につきますよ。 この記事でははじめてHTMLに触れる方のために、導入編としてHTMLとは何か、どんな風に使え...

CSS

strongなどで文字を強調した時によく使われているCSSデザイン5つ

htmlで強調したい文字にはstrongタグが使われることが多いですが、タグをつけるだけで特に何もしてない・・・という方もいると思います。 今日はstrongで文字を強調した時に、よく使われているCSSのデザインを5つご紹介します。 文字をstrongで強調すると、seoの面でも重要なテ...

CSS

【CSS】擬似クラスの:nth-child()を覚えて特定の順番の要素を指定する

今日はCSSの擬似クラスのひとつの:nth-childについてご紹介します。 擬似クラスは他にもたくさんありますが、:nth-childを使うと要素の指定を、順番で指定することができます。何番目の要素、といった指定の仕方ですね。 実際にnth-childの使い方を見ていきます。 :nt...

jQuery

【jQuery】クラス名を操作するメソッド4つまとめ addClass / removeClass / hasClass / toggleClass

この記事を読むとクラス名(class)を操作する4つのjQueryメソッドを一気に覚えることができます。 クラス名の操作はよく使う上に内容も簡単なので、初心者向けです。 全てclassが入っているので名前自体も覚えやすいのでぜひ使ってみてください。 クラス名を追加するaddClass ...

jQuery

【jQuery】:containsで特定の文字列が入った要素を指定して処理を行う方法

今回は:containsメソッドを使った「特定の文字列が入った要素を指定して処理を行う方法」です。 「この文字が入ってる要素だけ、色を変えたい!デザイン変更したい!」という時に使えるものです。 特定の要素にクラス名をつけて、CSS側で変更・・・といった方法もできますが、それだと自分で特定...

CSS

【CSS】floatした要素の親要素に高さを認識させる2つの方法

今回もCSSで本当によくある失敗ですね。 Webデザインを始めた人はかなりの確率でfloat問題にひっかかると思いますので、初心者の方で知らなかった・・・!という方がいたらぜひ覚えておいてください。 floatすると表示崩れる問題 floatしたら表示崩れる・・・なぜ・・・というの、よくあ...

CSS

iPhone(iOS)で送信ボタンなどのinput要素にCSSを正しく適用させる方法

CSSがブラウザによって効かなかったり、こっちでは表示できるのにあっちではうまくいかない!ってことよくありますよね。表示の差異があることって知っておかないと、ニアミス頻出したりします。忘れないように忘備録としても、この記事で紹介しておきます。 今回はiPhoneでのinput要素にCSSが効か...

jQuery

jQueryでよく使う演算子の一覧をおさらい【初心者向き】

今回は演算子(えんざんし)についてです。 演算子は色々なプログラミング言語で使われますが、jQueryでよく使うものをまとめてみました。 CSSでも少し出てくるので、一部は使ったことあるという人もいると思います。よくあるのが「<(小なり)」とか「+(加算)」とかですね。 演算...

1 2