忘れっぽいシリーズ（ジブンヨウ）

#HTML

#エスケープ文字
###半角スペース
 

#CSS

###１文字目字下げ
text-indentで字下げする。
emは1文字分といった意味です。

text_indent.css

 p {
    text-indent: -1em;
 }

###上下中央
vertial-alignやmerginなどで上下中央できない場合はこれを使う！
transformで-50%してあげることで、どんなサイズであっても真ん中になる。

test.css

 .parent {
    position: rerative;
 }

 .parent .child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
     -webkit- transform: translateY(-50%);
 }

###上下左右中央

test.css

 .parent {
    position: rerative;
 }

 .parent .child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
     -webkit- transform: translateY(-50%) translateX(-50%);
 }

###テキストを両端揃え
text-align-last: justify;

IE・Edgeは
text-justify: inter-ideograph;

Safariはどちらも非対応のため、別のスタイルにしたほうが良い。

###1文字目指定
:first-letter

###buttonタグのフォーカス時の線やら影を消す。
outline: 0;

###四角の上辺・下辺のみを角丸にする。
border-radius: 4px 4px 0 0;
border-radiusのプロパティは左上・右上・右下・左下の順番で指定していく。
上記の例は上辺のみを角丸としている。

##CSSセレクタ

###classやidが付与されているやつだけセレクタ

selectar.css

p[class]{
    padding: 0;
}
p[id]{
    padding: 0;
}

/*付与されていないもの*/
p:not([class]){
    padding: 0;
}
p:not([id]){
    padding: 0;
}

#js(jQuery)

###スマホでのクリックイベントの発火
touchstartやtouchendを使うとiosでもクリックでの発火ができる。
かつイベントハンドリングを$(document)とすることでAndroidも機能する。

###処理終了
exit(返しなし)
return

#Sublime便利シリーズ

###HTMLタグを正規表現で検索
<([^"'>]|"[^"]*"|'[^']*')*>

###コメントアウトを検索
<!([^"'>]|"[^"]*"|'[^']*')*>

###空行を検索
^\n

#PHP

###エスケープ
\

###PHPでHTMLゴニョゴニョ
スクレイピング

###HTMLタグ生成の注意
’シングクォーテーションで全体を囲む
それでないとタグの中間にあるダブルクォーテーションなどを誤認してしまい、誤作動を起こす。

###配列に変数を追加

[].php

<?php
//宣言
$hoge[];

$hoge[] = "タカ";
$hoge[] = "トラ";
$hoge[] = "バッタ";

var_dump($hoge);
//=>array(3) { [0]=> string(2) "タカ" [1]=> string(2) "トラ" [2]=> string(3) "バッタ" }
?>

###時間計算

time.php

<?php
 $time = new DateTime();
 
 //日本時刻
 $time->setTimeZone(new DateTimeZone('Asia/Tokyo'));
 $time = $dt->format('Y/m/d H:i:s');
 print "日本時刻→" . $time;

if( strtotime(date('Y-m-d H:i')) < strtotime('2019-1-1 9:00') ){
    // 2019-1-1 8:59以前の処理
    print "time日本:$time";
}
?>

###配列内検索

in_array.php

<?php
$array = ["タカ","クジャク","コンドル"];

$result = in_array("タカ", $array);
var_dump( $result );
// bool(true)

$result = in_array("トラ", $array);
var_dump( $result );
// bool(false)
?>

###日付(月末・月2桁表示)

day.php

<?php

// 月末表示 2019/1/31
echo date('Y/n/t');

// 月2桁表示 2019/01
echo date('Y/m');

?>

###SVG
preserveAspectRatio="none"
svg画像を縦横比無視で可変にする魔法のコトバ