用户投稿在练习与找工作中遇到卡关了。沈寂了一些时间，再度回来了。
一份完整的作品集，所需的元素，不外乎 UX/UI 使用者体验/介面，还包含了许多技术面 HTML5 + CSS3 + RWD + Bootstrap4 + jQuery+JavaScript....。话说，要学这些技能真的如老师所说的，需要几个多月才能够学完，需要「融会贯通+时间孕量+不断的实作。」才是真正的学会。终于理解老师在 Line 上跟我说的话。
沈寂了一些时间到底在做什么
重新的正规化的覆习(从实作中理解+Google 找资讯)。以下是我在卡关的二週时间，所找，所学，所用的。
参考资料：
[1] Responsive Web Design (简称 RWD)
[2] Bootstrap / 六角学院译 v4.2
[3] Grid Options 网格
[4] Media Query 响应式断点
[5] 大推一定要看图解：CSS Flex 属性一点也不难
[6] CSS3：Transition , Animation
HTML5
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1"> <title>Document</title></head><body> </body></html>Bootstrap:
Grid SystemMedia QueriesFlex.row>.col-.col-md-.col-lg-
<div class="row"> <div class="col-12 col-md-3 col-lg-3"></div> <div class="col-12 col-md-9 col-lg-9"></div></div> Media Queries 使用
@media (min-width: 576px) { ... }@media (min-width: 768px) { ... }@media (min-width: 992px) { ... }@media (min-width: 1200px) { ... }Flex
理解后的笔记记录，出处:卡斯伯老师的範例说明
CSS3:
Transition:
Transition 可以用来设定基础的动画效果，直接指定要产生变化的 css 属性
Animation(keyframe):
使用 animation 可以製作比较複杂的 css3 动态效果
可以搭配 frome to 的方式来设定动画
範例参考关于网路那些事
若是有哪些写得不好或不对之处，还请多给指点。
微信扫一扫打赏
支付宝扫一扫打赏
