oshushichangのブログ

プログラマになるため、勉強した内容を日報として家庭用esaに記録し、旦那からFBを貰っている日々を綴っています。

0629日報

日報

やったこと

やったこと ないよう さんこう
CSSの基本を理解する CSS3で追加された要素を書いてみた [デモ付きで解説!CSS3を勉強したい人の為の初心者向け入門講座|合同会社チームサンタ] (http://teamsanta.info/web/894/)
Dash インストール Dash for macOS - API Documentation Browser, Snippet Manager - Kapeli

こまったこと・わかったこと

ベンダープレフィックスについて

#test15 {
    background: -webkit-linear-gradient(bottom left,red,blue,yellow);
    background: linear-gradient(bottom left,red,blue,yellow);
}
  • 上記の斜めにグラデーションをつけるタグだけが、ベンダープレフィックスを入力しないと Chrome で表示されなかった。
    • しかし、Can I use で確認すると対応しているように見える...(自分がCan I use の見方を間違えているかもしれない)
  • 参考にしているサイトではベンダープレフィックスは-webkit-だけになっているけどそれでいいのか...?
    • -moz- -o- -ms- は書かなくてもいいのか???
    • そもそもベンダープレフィックスが無くても動くかどうか、ではなくて常に入力しないといけないのか...??

transform:scale の大きさ

f:id:oshushichang:20180709100537p:plain

  • test16 において、自分の書いたコード(画像左)と、見本サイトの表示されたもの(画像右)の大きさに違いがあったが、自分の書いた内容の何が間違っているかが分からず、結論を導くのに時間がかかった
    • 結論 : 見本サイトにおいて、次のセクションのタイトル(アニメーション)に被っていただけで自分の間違いではなかった。ほっとした。

f:id:oshushichang:20180709100545p:plain

ひとこと

  • テディベア効果について
    • 悩んでいるときはクマのぬいぐるみに話しかけると良いなんていう話を聞いたことがあったが、CSS を書いているときに何度見返しても思い通りの結果が表示されず、夫に話だけを聞いてもらってから再度自分の書いた CSS を見ていたら typo している事に気づいた。なんでなんで??となったら一回悩み毎を声に出す事は大事だなあと思った
  • 夫より、信頼できるソースで調べ物をするのにオススメということで Dash をインストールしてみた。英語と向き合わないといけない。

旦那より

しかし、Can I use で確認すると対応しているように見える...(自分がCan I use の見方を間違えているかもしれない)

Can I use とか使って調べててえらい!

参考にしているサイトではベンダープレフィックスは-webkit-だけになっているけどそれでいいのか...?

このへんの話ハイパー入り乱れているんだよね。昔はベンダープレフィックス必要だったけど今はいらなくなったとか。なんかわりと毎回調べている気がする。とはいえ基本はベンダープレフィックスなくてもいい方向に進んでいるはず。

test16 において、自分の書いたコード(画像左)と、見本サイトの表示されたもの(画像右)の大きさに違いがあったが、自分の書いた内容の何が間違っているかが分からず、結論を導くのに時間がかかった

インスペクタ使いこなしていてエモい!(これ罠だよね)

テディベア効果について

どうも、くまさんです

夫より、信頼できるソースで調べ物をするのにオススメということで Dash をインストールしてみた。英語と向き合わないといけない。

英語〜

今日のまとめ

  • 英語〜 ってコメントちょっとひどくない!?