すなぎつ

スポンサーリンク
IT

photoshopで画像の色を違う色に変更する方法/色の置き換えの使い方

photoshopでは、特定の色を違う色に置き換えることが可能です。近似色も選択されてしまうため、必要に応じて範囲の選択と合わせて行います。
2019.05.25
IT
IT

CSSでul・ol・liの箇条書きの点を消す、編集する、別のものに変更する方法/list-style-typeプロパティ（他）の使い方

htmlでulタグを使えば自動的に頭に「・」が付き、olを使えば自動的に数字が振られます。この点とナンバリングをどうにかしよう、というコーナーです。
2019.05.23
IT
IT

CSSで文字や画像横中央に文字や画像を合わせる方法/vertical-alignの使い方

CSSで要素の縦位置を決定する方法はいくつかあります。横方向に比べて意外と難易度が高く、実際にやるとうまくいかなかったりもしますが、そんな中でももっとも厄介なvertical-alignを使った文字と画像の位置調整について解説します。テーブ...
2019.05.22
IT
IT

CSSでレスポンシブのマルチカラムレイアウトを作る方法/Flexboxの使い方

CSS Flexboxはその名のとおりfrexibleにレイアウトを組むことを目的とした、比較的新しいCSSのプロパティです。本来floatは画像の横に文字を回り込ませるような目的のプロパティであり、現在ではマルチカラムレイアウトを作る際に...
2019.05.21
IT
IT

jQueryでボタンを押すと目的の場所までスライドするリンクナビ（目次）を作る方法/offsetメソッドの使い方

目的の場所にリンクさせたいだけなら、要素にIDを付けておき、リンク先にID名を指定するだけで事足ります。しかしアニメーションしながらとなると、jQueryで「要素の高さ」を取得する必要が出てきます。
2019.05.20
IT
IT

CSSで要素を斜体にする、傾斜させる方法/transform:skewプロパティの使い方

文字の斜体をイメージしてもらえるとわかりやすいかと思いますが、あのようにx軸、y軸で要素を斜めに歪めるためのプロパティがtransform:skewです。
2019.05.19
IT
IT

CSSで要素を上下左右にアニメーション付きで動かす方法/transform:translateの使い方

CSSで要素を「ズラす」には、paddingやmarginで要素との距離を取るという方法がまずあります。しかしこれだと他の要素に対しても影響を及ぼしますし、レイアウト崩れを起こす可能性もあります。そういう心配がないのがtransform:t...
2019.05.18
IT
IT

CSSで要素を傾ける、回転させる方法/transform:rotateの使い方

transform:rotateはtransformプロパティの一種で、値の「角度」を指定することが可能です。
2019.05.17
IT
IT

CSSで要素の縮尺を変更する方法/transform:scaleプロパティの使い方

transformプロパティはCSS3から追加された新しいプロパティで、transform:scaleはその中でも要素の「伸縮」を担当しています。width・heightと似てますが、ちょっと使い方がちがいます。
2019.05.16
IT
IT

Sass(SCSS)でCSSを入れ子（ネスト）にする方法/SCSSの基本記述、&の使い方

SASSには二種類の記述方法があり、それぞれSASSとSCSSと呼ばれます。どっちもそれぞれのメリットがあるようなんですが、とりあえずScssについて書いてみたいと思います。
2019.05.15
IT
次のページ