学習記録 CSS設計

今日の積み上げ Animate.css・吉本式BEM

19,20と少しダウンしていました。睡眠と運動は削ってはいけないですね、、(この記事も少し遅くなってしまいましたが、、)

今日はオンライン講座に参加したり、イラストの方でもイベント参加したりと慌ただしかったですが、息抜き感もありリフレッシュ出来ました。

動くwebデザインオンライン講座に参加

動くWebデザインアイデア帳 | 動くWebデザインアイディア帳
Animate.css | A cross-browser library of CSS animations.
Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guidi...

Animate.css知らなかったです。講座で一気に機能を確認できてよかったです。

jQueryには色々ライブラリというものがあるんですね。頼りすぎは危ない気もしますが、ポイントで時短できるように押さえておきたいです。

吉本式BEMの閲覧

吉本式BEM設計(BEM設計ベース)
吉本式BEM設計(BEM設計ベース)とは、より美しいソースコードにするためのマークアップエンジニア向けの技術コンテンツです。

とりあえず全部読んだんですが、ファイル設計の部分が自分にはちょっと難しかったので、読み返しながら整理します。

インデント無しは多数派では無さそうなのでここは通常通り付けておこうかなと思います。

SCSSの練習

たにぐちまことさんの動画を少しだけ進められました。

Snow Monkeyでサイトを生配信でつくってく会

所要で途中参加になってしまいましたが、 Snow Monkeyの使用感はある程度把握できました。

かなりカスタマイズ性が高く、コードをあまり使わずにWordPressのメニュー画面でどんどん作っていくのがびっくりでした。テキストエディタ使わないんだ、、!って感じでしたね。

WordPressを深堀りするのはもう少し後になると思うんですけど、SnowMonkey覚えておこうとお思いました。

コメント