マガジンのカバー画像

WEB Design Memo

6
本
過去にWebデザイン関連でメモった基礎的なデータまとめてみました_最終更新日.3/13
運営しているクリエイター
Haneda
Haneda

Haneda

WEB Design . other memo

【cssプロパティ】
・@keyframes
・animation

・transform
・transition

・border-image
・border-radius

・box-shadow
・box-sizing
・text-shadow

【CSS Flexbox】
・flexboxの適応
display: flex;

・flex-direction アイテムの並び順
row 水平

もっとみる
Haneda

Haneda

PHP

memo__________

【PHPの始め方】
<?php 処理; ?>

【html側での設定】
<タグ action=“url” method=“post”></タグ>
・アクションでリンク
・メソッドで受け渡し

<タグ name=“要素の所得”></タグ>
※親でアクションとメソッドの設定を行っておく。
$_POST[‘name’]
↑で受け取り

【論理演算子】
・〜かつ
条件1 &

もっとみる
Haneda

Haneda

jQuery

Memo__________

【jQueryの始め方】
$(function(){この中にコードを記述していく}):

【jQueryの使い方】
$(‘セレクタ’).処理(引数);

$(‘セレクタ’).イベント(function(){});
$(‘セレクタ’).イベント(function, (function(){});{});

var 変数名 = $(セレクタ).メソッド(引数);
変数名

もっとみる
Haneda

Haneda

Javascript

Memo__________
【コンスタンス内でインスタンス情報を追加する】
class クラス名 {
contructor(){
this.プロパティ名1 = 値;
this.プロパティ名2 = 値;
}
}

【コンスタンスで引数を利用する】
class クラス名1 {
contructor(プロパティ名1. プロパティ名2){
this.プロパティ名1 = プロパティ名1;

もっとみる
Haneda

Haneda

CSS

Memo__________

【複数セレクタ】
・複数セレクタは,でつなぐ
.class1, class2 {property: value}

【displayについて】
・block（図形要素）divなど
・inline（文字要素）
サイズや余白の設定ができない
・inline-block（文字+図形）
・none（消す）

【スペースで複数classを作る】
class =“class1

もっとみる
Haneda

Haneda

HTML

Memo__________

【レスポンシブデザインの際はviewportを設定する】
<head>
<meta name=“viewport” content="width=device-width, initial-scale=1.0”>
</head>
※レスポンシブのcssファイルは別ファイルとしても良い、その際はviewportよりも下にリンクを行う

【ページ内リンク】
<a hre

もっとみる