CSS

CSSを編集するにはまず基本を押さえておく必要があります。
基本的なルールさえ覚えてしまえば非常に簡単な構造になっているので、初心者でも比較的簡単に編集することができます。

目次1、各部の名称
2、セレクタ

CSS, HTML, web制作, 便利ツール

WordPressなどのブログでCSSを編集する際にファイルを直接編集する場合、
実際にサイトに反映して確認し修正することになります。
テスト用の環境であればそれでもいいですが、
本番の環境では訪問者に修正中の ...

HTML, jquery, web制作

すぐに使えるコードをいっぱい持っておくと、
いろいろな仕事を振られたときに迅速な対応が出来るようになっていきます。
みなさんこんにちわ
今回は、メニューやFAQなどでよく見るアコーディオンを、
コピペで ...

CSS

レスポンシブでサイトを作成していると遭遇するかと思います。
iphoneの横向きの時だけ文字サイズが拡大されてしまう場合の対処法です。

CSSbody {-webkit-text-size-adjust: 100%;} ...

CSS

レスポンシブデザインで背景画像を使用したいとき、縦横比を維持して表示領域に合わせる為にはどうするか。
サンプルはウィンドウ幅を変えてみるとわかりやすい。

background-size: cover;
表示領域を覆 ...

CSS

幅や高さを指定する場合「パーセントからpxを引きたい」といったようなことができる夢のような呪文です。(大げさ)

実際に当サイトで使用しているCSSがこちら

CSS.l-body {
  &n ...

CSS, HTML, jquery

No Image

普段仕事してて、わかってるつもりでHTML書いてるけど実は、微妙に違ったりすることがあるかもしれない。
さらっと自分の知識の基礎をもう一度固めるつもりで読んでみる。

HTML5 プロフェッショナル認定試験レベル1 対策テ ...

CSS, jquery

jQueryで要素の表示や非表示をコントロールする場合、手っ取り早い方法としては.show()、.hide()を使う方法があるけど、クラスを付与するほうが処理が速いので、今回はその方法を。

HTML<button id=& ...

CSS, HTML

No Image

table-cellを使う
テキストが1行の時
flexを使う
table-cellを使う<div class=”class”>
 テキスト
</div> ...

CSS, jquery

n番目を指定するための便利なクラスnth-○○の使い方一覧

基本

親要素からみた子要素のn番目を指定する
nth-of-typeはタグの種類を限定して数える
nth-childはすべてのタグを数える

& ...

スポンサーリンク