きょうの気になった技術（6/4）

HTML

コピペ可能なUIコンポーネント集

coliss.com

HTML5入れ子チートシート

yoshikawaweb.com

CSS

スクリーンサイズが中途半端なときのデザイン実装方法

coliss.com

一般的なデザインで見かける中間の問題点

• ヘッダ アイテムが途中で改行する
  flex-wrapでアイテムが触れ合ったら段落ちするようにする

• フォントサイズ

html {
    font-size: 13px;
}

@media (min-width: 700px) {
    html {
        font-size: 16px;
    }
}

h1 {
    font-size: 2rem;
}

PCビュー：1rem=16px
SPビュー(700px以下)：1rem=13px
h1のフォントサイズが自動的に変化する。

CSSを書くときに意識している30条

note.com ※有料

JavaScript

qiita.com

このシリーズすき

wemo.tech

その他

正規表現練習サイト

regexr.com

TweetDeckで検索ワードにfilterをかけたい場合

検索窓に以下のように入力する

• 100RT以上されているスプラトゥーン2の動画

#スプラトゥーン2 (filter:videos) min_retweets:100

• Apexの日本語ツイート

#apex lang:ja