素材牛VIP会员
CSS3前端照应式构造开辟零基本入门到精通

CSS3前端照应式构造开辟零基本入门到精通

种别:WEB前端 下载:0次 评论:1次
大年夜小:1.89G 浏览:54次 时间:2020-05-20

CSS3前端照应式构造开辟零基本入门到精通实战课程视频教程下载。照应式设计是针对不合浏览设备而优化页面内容的一种办法,在桌面浏览器、平板电脑横屏、坚屏和手机上都可以或许适应最优的构造。重要内容包含:照应式设计概述、viewport视区、网格视图、媒体类型、媒体查询完成断点、图片、视频和照应式 Web设计框架等。

教程发布者信息

简单小怪兽

Web前端工程师
TA的主页
积分辩明:注册即送15牛币,逐日签到可取得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多解释»
素材牛VIP永久特权

视频课程简介

课程章节
│  Quiz(responsive).html
│  
├─01 线上资本
│      001 六角学院线上社团.html
│      
├─02 根本情况简介
│      002 什麽是照应式网页设计?(上).mp4
│      003 什麽是照应式网页设计?(下).mp4
│      004 1-viewport.zip
│      004 根本情况建立 (上).mp4
│      005 根本情况建立 (下).mp4
│      006 1-maxwidth.zip
│      006 CSS 3 Media Query 不雅念 (上).mp4
│      007 CSS 3 Media Query 不雅念 (下).mp4
│      008 1-minwidth.zip
│      008 min-width 语法教授教化.mp4
│      009 你知道浏览器内建就有模仿 Mobile 介面对象了吗?.mp4
│      010 六角学院线上问答会.html
│      
├─03 罕见版型佈局设定
│      011 禁止显示 x 轴轨则.mp4
│      012 max-width:一个小设定随便马虎将网页设定成流体式佈局.mp4
│      013 版型单位 % 数不雅念.mp4
│      014 2-maxwidth-percent.zip
│      014 三栏流体式设计.mp4
│      015 2-floatleft-rightcontent.zip
│      015 左边 Float固定、右边流体式设计.mp4
│      016 2-maxwidth-percent-none.zip
│      016 Float:none 清除浮动并排后果.mp4
│      017 2-website.zip
│      017 网站版型框架设定.mp4
│      018 images.zip
│      018 第二章作业.mp4
│      
├─04 以 UI 设计角度切入照应式设计该留意的细节
│      019 动线设计:并不是一切内容都要全部塞到网页内容.mp4
│      020 断点机会:设计多栏式佈局的须要不雅念.mp4
│      021 点击范围:设计让人好点选的元素.mp4
│      022 少等于多:防止资讯量爆炸.mp4
│      023 载具特点:应用者行动 touch、hover 傻傻分不清楚.mp4
│      024 断点元素:只要手机才会显示的功能与Layout切换.mp4
│      
├─05 断点筹划
│      025 先要有个认知,照应式没法让一切萤幕解析度都最好化.mp4
│      026 遵守 80_20 轨则,先兼容热点浏览器吧!.mp4
│      027 5-mobilefirst.zip
│      027 什麽是 Mobile First 与 Desktop First 优先?.mp4
│      028 5-whymobilefirst.zip
│      028 为何要考量 Mobile First 与 Desktop 优先的网页版型?.mp4
│      029 罕见 PC 解析度断点设计.mp4
│      030 Viewport Sizes 办事网站简介.mp4
│      031 六角讲师断点设计分享.html
│      
├─06 照应式表格与表单设计
│      032 6-table-none.zip
│      032 照应式表格设计 (上).mp4
│      033 6-table-overflow.zip
│      033 照应式表格设计 (下).mp4
│      034 pure.css:加强你对网页元素的懂得.mp4
│      035 pure.css:按钮设计道理.mp4
│      036 6-purebutton.zip
│      036 pure.css:自行新增子模组.mp4
│      037 pure.css:重新熟悉表单状况.mp4
│      038 6-formchange.zip
│      038 pure.css:若何将表单整合至网页.mp4
│      039 表单设计:文字栏位并不是只要「text」.mp4
│      
├─07 照应式图形设计
│      040 8-maxwidth.zip
│      040 基本篇:照应式图片设计.mp4
│      041 8-reset.zip
│      041 基本篇:照应式图片 reset 教授教化.mp4
│      042 8-bigimg.zip
│      042 心法篇:图片 SIZE 筹划,锐意设计较大年夜张一点的技能.mp4
│      043 心法篇:断定图片应用机会.mp4
│      044 SVG 篇:向量图片简介.mp4
│      045 logo.ai.zip
│      045 SVG 篇:画图软体汇出 svg 与 png 图片流程.mp4
│      046 8-svg-logo.zip
│      046 SVG 篇:将 LOGO 代替为 SVG 格局.mp4
│      047 big.png
│      047 small.png
│      047 技能篇:Banner 设计 - 缩放图片道理.mp4
│      048 -codepen.txt
│      048 技能篇:Banner 设计 - 背景撷取.mp4
│      049 TinyPNG.txt
│      049 对象篇: tinypng 紧缩图片办事.mp4
│      
├─08 罕见照应式设计选单
│      050 -.txt
│      050 Off-canvas-.txt
│      050 照应式选单罕见款式.mp4
│      051 menu-sample.zip
│      051 多栏多列式设计细节.mp4
│      052 menu-Hamburger.zip
│      052 汉堡选单设计.mp4
│      053 menu-fixed.zip
│      053 固定式选单 (Fixed).mp4
│      054 menu-new-offcanvas.zip
│      054 Off Canvas 选单设计.mp4
│      055 选单设计总结.mp4
│      
├─09 开端实作前的留意事项
│      056 确认你的 media query 设定.mp4
│      057 media 究竟要全部写在一路照样隔离.mp4
│      058 8-height-auto.zip
│      058 请不要习气写逝世高度.mp4
│      
├─10 最后,让你的照应式网页设计更专业
│      059 终究作业寄送 mail 变革.html
│      060 -.txt
│      060 最后一版作业演习.mp4
│      061 最后一版作业细节 (多页设计).mp4
│      062 最后一版作业评分标准.mp4
│      
├─11 PM、Sales、Art、F2E、Backend 之间若何真心协作
│      063 -Google-.txt
│      063 营业篇:若何压服客户导入照应式设计.mp4
│      064 营业篇:各部分投入人力时程比较.mp4
│      065 企划篇:为客户量身打造客製化断点设计.mp4
│      066 企划篇:开辟过程当中,你须要与客户沟通的建置与保护细节.mp4
│      067 前端篇:设计一套让客户可以或许自行上稿的 template.mp4
│      068 前端篇:留意网页载入速度与效能成绩.mp4
│      069 全部分:以电子商务网页版型为例停止商量.mp4
│      
├─12 彩蛋课程:Sass、RWD 无痛整合,晋升网页开辟效力
│      070 Sass+Sublime Text 3 插件装置.html
│      071 情况篇 - 简单编译情况,轻鬆好上手.mp4
│      072 写法篇 - 增添重工包袱.mp4
│      073 变数篇 - 整合雷同设定好副手.mp4
│      074 拆档篇 - @import_ 每隻 Sass 档专心做一件任务.mp4
│      075 对象篇 - @mixin_ 将经常使用语法化简为本身的知识库.mp4
│      076 载具篇 - @mixin+@content 设计照应式设计超便利.mp4
│      077 构造篇 - 若何墨守成规优化网页架构.mp4
│      078 作业篇 - 试著将作业改成 SASS 架构.mp4
│      
├─13 彩蛋课程:视差转动网页设计
│      079 视差转动简介.mp4
│      080 视差转动演习典范.html
│      081 视差转动根本情况简介.mp4
│      082 CSS 固定背景的手段.mp4
│      083 一页式宣传页经常使用的选单滑动后果.mp4
│      084 静态显示的进度条.mp4
│      085 转动套用 CSS 后果.mp4
│      086 转动中持续改变物件地位 (CSS transform).mp4
│      
└─14 照应式对象与办事简介
        087 Google-.txt
        087 Google-mobile-friendly.txt
        087 PageSpeed:应用 Google 线上办事不雅察 Mobile 速度与应用体验.mp4

评论辩论这个视频教程(1)答复他人成绩或分享教程心得会嘉奖牛币

零***落  
2020年05月23日

有没有更多点前真个教程

答复
 文明上彀,理性说话!   😉 阿里云荣幸券,戳我支付
我的牛币余额:0 已下载次数:0
所需牛币:100 开端下载

牛币获得:签到、评论、充值    » 在线充值(10牛币=1元)