最近更新

CSS3第十五课:flex弹性布局,一维布局最好的方法(下)

过年最大的好处就是可以和孩子出门疯玩,不到天黑不回家。一晃眼,又坐在教室里,开始上课写文章了。一直写博客,但是今年想尝试一下自媒体,写写教育类的文章,算是新年的一个flag吧。进入正题……上一篇讲了作用在flex container上的6个属性,这篇文章讲解作用在flex items上面的6个属性。...

CSS3第十五课:flexbox弹性布局,一维布局最好的方法(上)

都9102年了,还使用float布局呢,是时候了解一下被IE11以及谷歌、火狐等浏览器都支持的flex弹性布局了。flexbox布局从最早的2009年开始,历经了各个不同的版本,还有各路浏览器早期的前缀时期,现在在IE11上已经没有问题了,虽然pc端因为IE9的存在还没有彻底普及,但是移动端已经是没...

CSS3第十四课:box-sizing、outline-offset、resize用户界面几个特性介绍

CSS3中,新增了如下的user interface(用户界面)特性:但是,除了box-sizing,outline-offset,resize的支持度不错之外,其他几个特性浏览器全部不支持。曾经早期的Opera还支持,自从被Chrome收编之后,也都不支持了。所以,这篇文章只谈被浏览器支持的三个特...

成都华信智原1804视觉交互第一二阶段设计总结!

成都华信智原1804视觉交互第一二阶段设计总结!
其实我一直把自己定位成一个偏设计的前端,但是,因为领导一句话,当老师就是要一专多能,我上了两个月的设计课。虽然技术不是最专业的,但是态度必须专业,每天加班加点备课,好歹把两个月的设计课撑下来了。学生项...

kalendae.js强大的可以多选日期的日历纯js插件

最近做一个小项目,需要用到多选日期,筛选了好一番,最终还是觉得kalendae.js这个不依赖jQuery的插件挺好用的。具体效果可以点开demo查看:华信智原教师签课时系统页面这个插件不仅可以多选日期,还可以选择某个范围,还可以按周来选,纯js代码,不依赖任何框架,兼容性好,值得推荐。有需要的朋友...

推荐Visual Studio Code(vscode)编辑器,集大成于一身

上完了设计课,又进入前端第一阶段课程,以前用的DW,想着更新成最新版的CC 2018,毕竟新版的flex布局,ES6支持,bootstrap支持还是挺诱人的。可惜下载了破解版始终安装不上,烦人的很,又想起了上次没有安装成功的vscode,听说很好用,微软的良心之作,想着都要折腾,还不如折腾这个vsc...

从阿里云虚拟主机搬家到VPS(AMH面板)的过程

从今年中旬开始,阿里云虚拟主机的每个月10G流量就开始不够用了。买了一次50G的流量,撑到了10月份,然后网站就开始进入了月初自动开通,月底流量用完自己关闭的循环中。因为一直上着视觉交互专业的界面设计基础课程,分不开身来弄网站,还一直纠结到底升级成流量更大的虚拟主机还是直接上VPS。后来发现阿里云已...

ps调色的混合匹配法,俗称红外线调色法,色感不好的童鞋有救了!

李涛老师的混合匹配法,俗称叫红外线调色法,对于色调感觉不太好的人来说,可以快速发现图片合成的过程中,物体之间色调的协调性是否和谐。图片合成的过程中,因为素材的光源不同,导致色温色调不一样,用色彩平衡可以改变色调,但是到底调的合不合适,有没有调过分,靠肉眼感觉不出来,就可以利用红外线的原理来帮我们判断...

超前学习到底好不好?

“超前学习到底好不好?”问很多人这个问题,估计得到的答案都是“好吧”。但是根据我对很多超前学习后的学生的观察,这个问题的答案不能一概而论。今天就讲两个例子。前端班上有两个学生,一个女生,一个男生,在刚进班级的时候,他们就已经有了css的基础,还会bootstrap,js也会用一些插件,比起那些从其他...

JavaScript案例10:仿百度风云排行榜

JavaScript案例10:仿百度风云排行榜
这个仿百度风云排行榜案例的原理和选项卡套选项卡的案例原理是一样的。做JavaScript案例的基本步骤都是这样:1、先完成一个模块的效果。2、再封装成函数。3、再通过调用函数传参的方式改变数据。4、所...

JavaScript案例9:选项卡套选项卡切换

JavaScript案例9:选项卡套选项卡切换
选项卡的效果主要是自定义索引值的对应关系,只不过嵌套类的选项卡还要注意索引值的传递。原生JavaScript完成。1、先完成一个左右选项卡的切换。2、封装成函数。3、完成右边选项卡的切换,并把对应的索...

JavaScript案例8:两组幻灯分别切换和统一切换

JavaScript案例8:两组幻灯分别切换和统一切换
这个案例主要练习幻灯片的左右切换,同时增加了一组统一控制上下切换的按钮。原生JavaScript,主要是练习变量的增减和条件的判断。效果如图:案例源代码下载地址:...
Top