CSS/SCSS CSS備忘録
【疑似クラスで３番目以降の指定方法】
:nth-child(n+3)
nは0以降の数字のため、0+3=３1+3=４2+3=５3+3=６・・・と続く。
CSS/SCSS CSS/SCSS CSS備忘録
上向き三角形の作り方(border)
widthを0
heightを0
border-bottomに色を指定
border-bottom以外の方向にtransparent(透明)を指定
3と4で、...
CSS/SCSS CSS備忘録
ボタンの大きさの指定
幅はwidth
高さはpadding
幅は、共通のボタンでは幅が一定なことが多いからwidthでOK。高さは、heightだとテキスト量が増えたら、ボタンからはみ出るため、paddingが望まし...
Javascript jQuery備忘録
slickでスライダー実装
【実装方法（CDN）】
CSSの読み込み
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/np...
CSS/SCSS CSS備忘録
「display: table;」と「margin: 0 auto;」の組み合わせで中央配置
「margin: 0 auto;」での中央配置はwidthを設定しない効かない
「display: table;」を使...
CSS/SCSS CSS備忘録
dl・dt・ddタグ
dt複数・dd1つ / dt1つ・dd複数でもOK
通常は、以下のように<dl>要素の中身は<dt>と<dd>がひとつずつである。
<dl>
<dt>テキスト<...
Photoshop 学科 CMS構築基礎②
WordPressのテーマとウィジェット
ウィジェットで「カレンダー」や「検索」を作成できる。
初心者は、テーマは「Fukasawa」が良い。
テーマの「Cocoon」は、WordPress上で...
Illustrator グラフィックデザイン基礎①
初めてのIllustrator
新規ファイル
基本はA4なのでA4を選択
右下の作成ボタンを押す
ツールバーを主に使用して作品を作る
Illustratorではオブジェクトを操作していく。
Illu...
Javascript jQuery備忘録
多階層で展開するアコーディオン
<dl>,<dt>,<dd>を使用した方がいいことを把握。
アコーディオンメニューの中にアコーディオンメニューを作成するやり方が苦手なので、メモ
<...
Javascript JavaScript備忘録
ランダムな整数値を生成
Math.random()とMath.floor()の組み合わせ
0,1,2のランダムな整数値
Math.floor(Math.random() * 3)
0,...,nのランダムな整...