最近更新

设计师完全自学指南,不得不推,看完超燃!

昨天推荐了一个新手学习UI的网站,但是如果你已经度过了小白期,进入菜鸟期,那么我今天推荐一个更棒的网站:优设网。这个网站是我每天必逛的设计类网站,当然微信公众号也是每天查看。可以说只要你是设计师,不管是什么设计师,都可以关注该网站,是我压箱底的推荐啦。点击网址直达:www.uisdc.com悄悄告诉...

《利用zblogCMS快速搭建独立博客》系列教程3:网站常规配置和主题模板的选择

建立独立博客的前提是你不要把它当QQ空间和微信朋友圈使,因为独立博客的目的并不是发表自己的个人心情和生活琐事,自拍、晒娃、伤春悲秋啥的就不要来了,因为独立博客的流量来源大部分是来自于别人的关键词搜索,也就是别人关心的内容,别人通过百度等搜索引擎或者在别的平台上看到你发布的对自己有价值的文章点击进来的...

《利用zblogCMS快速搭建独立博客》系列教程2: 域名和虚拟主机的购买与备案

为什么需要提前购买域名,因为域名需要备案,备案至少需要花费半个月左右,等到网站弄好了,域名也备案成功,那就可以直接上线啦。你说你不备案?好吧,香港主机,国外主机也是有的,不用备案也是可以上线的,但是作为一个合格合法的中国公民,在天朝生活还是遵纪守法比较好。你说你就是要干点别的,不能备案,那就当我的话...

推荐一个新手开始学习UI的网站:学UI网,很有条理性的学习网站!

从软件开发教研组转到了UI项目部,接触的学生们都是以学习UI为目标的,作为web前端开发的老师其实和UI还是隔了一条街的。毕竟我们是UI下游的工作。为了能够顺利和UI的同学们沟通,我也要开始UI的学习过程了,说不定在此过程中,我也转行了。OK,it's a joke!ps:说好的JavaSc...

《利用zblogCMS快速搭建独立博客》系列教程1: CMS介绍与安装

无聊的中国新年假过去了,又开始自造鸡血,积极投入到新的一年工作状态中,毕竟我们是要努力工作挣钱的银>_<.想起一个段子:回家坐摩托的时候一定要记得戴头盔,不然会被开宝马的同学认出来!2016的个人总结为自己挖的坑,哭着也要自己填完。从今天开始,博客恢复更新,不过由于脑细胞还没有彻底激活,...

2016年,我也小小的总结一下

如果你突然问我哪天领证结婚的,我估计会翻着白眼使劲回想一分钟,然后小心翼翼的给出一个错误答案。所以这也是为什么公司总是让每个员工都要写年终总结的原因,毕竟你的记性永远没有烂笔头好。趁着春节还没来,还属于2016年,我赶紧把年终总结也写一份吧。今年上的课程主要还是web前端,html、css2/css...

真当博主不在了吗?

好久没来,突然发现了好多垃圾评论,真当博主不在了吗?这个网站是我的个人教学博客,主要面向我的学生,所以请垃圾灌水的评论员绕道哈,除非你是认真看了我的文章,否则千篇一律的留下一样的不痛不痒的话加上自己网站的地址,我肯定关你黑屋子。最近在忙着装修房子的事情,工作日全天上课,周末跑装修,一直没有休息,还在...

CSS3教程:background-image之放射性渐变(radial-gradient)详解

 写完了linear-gradient线性渐变的初级教程后,看到了Lea Veron博客上那个用渐变做的图案集,我瞬间就觉得自己的想象力弱爆了。容我躺躺,再站起来继续战斗!缓过来了,开讲放射性渐变吧。一、放射性渐变原理别人都用ps解释,我却在渐变上独喜欢flash的渐变变形工具。别人都说径...

CSS3教程:background-image之线性渐变(linear-gradient)最in版!

 long long  ago,我很不喜欢用CSS3的渐变,宁愿一切纯色扁平,因为那时候的渐变TMD太复杂了,版本太多了,真的很想死!今天百度linear-gradient的关键词,翻出的文章几乎都是2011年——2013年的,版本太out了,难道不知道webkit和moz已经手...

CSS3教程:border-radius你以为就是个圆角边框吗?

很多人拿border-radius就是做点圆角效果,或者弄一个圆形的头像(说的就是以前的自己^_^),但,这些都是没有真正发掘border-radius的价值的!先看看一些别人的效果↓css3的border-radius各种参数设置下的圆角效果CSS3 border-radius圆角各个属性值作用演...

CSS3教程:box-shadow盒阴影详解

最近忙着暑期补课,在招生路线上,搞得很紧张啊,我的痘痘都多冒了好几颗。关键是一个星期补六天课,还包括三个晚上,觉得日子怎么过得那么慢呢!忙里偷闲,还是继续CSS3的学习之旅吧。讲完了text-shadow,今天我们来八一八box-shadow这个看起来很相似的属性。在之前,也写了一篇box-shad...

遵守规则还是为了挑战而挑战规则?

7月7日学生阶段性考试,我第一堂监考是15软件四班的oracle数据库。阶段性考试比统考要严格很多,因为这是校内的考试,也是检测学生这个阶段的学习效果。按照考试规则,我进入教室后,要求同学们把手机上交到手机袋里面,这时候有四个学生主动交上来了,但是还是其他二三十个学生纹丝不动,我稍微有点诧异,考试上...

上课你坐前排还是后排决定你的未来!

根据我站讲台十来年的经验,我发现越坐在前排的学生学习成绩越好,毕业后找到好工作的机会更大,越后排的学生成为学渣的几率越大。为什么小小一个座位对人的影响如此之大呢?一、学生的心理如果学生对学习或者对这门课程感兴趣,心理上是接受的,甚至是渴望的,那么在行动上就会主动的往前靠,希望离老师更近,听得更清楚,...

你是拖延症狂魔吗?

15三年软件二班的DIV+CSS课程正式结束了,7月6日结课,在六月底我就明确告知在最后一天上交结课作业,请同学们提前准备。但是鉴于班上很多同学没有笔记本,不方便完成作业,于是从7月4日星期一我就停课,把每天的四节课让给同学们完成作业。在此期间,同学们完成作业的过程很值得思考,可以从侧面反映出不同学...

CSS3教程:text-shadow文字阴影详解

在web的早期战场,要实现文字或者图片或者盒的阴影效果,必须启用图片,导致html代码和css代码量都要增加很多,而现在,利用css3新增的text-shadow和box-shadow可以轻松完成阴影的添加,而且效果自然,不逊于ps制作出的效果,唯一的问题就是多层阴影的时候可能渲染要多耗费一点性能。...

CSS第十八课:PC端和移动端下拉菜单的实现

在CSS第八课讲解了如何制作水平和纵向导航,然后拖到了第十八课才讲解下拉菜单,为什么呢?因为下拉菜单必须要在明白了相对和绝对定位后才能讲解。如果你没有搞定CSS十六课和CSS十七课,建议你出门左拐下两层楼,先看完相对定位和绝对定位再来学习下拉菜单吧。下拉菜单作为导航目录较多的网站的必备武器,的确可以...

CSS第十七课:绝对定位(position:absolute)详解

从小我们学习物理,就知道一句话:“运动是相对的”。或者有人生阅历丰富的人以一种长者的口吻告诉你,“没有什么是绝对的”。那么,绝对定位是否可以说并不是真正的绝对呢。同上,先来看看W3C官方文档怎么说。设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始...

CSS第十六课:相对定位(position:relative)详解

网页的元素默认有四种定位:static(静态文档流)、fixed(固定)、relative(相对)、absolute(绝对)。static就是文档中按照先后顺序正常出现的元素,也是默认的定位方式。比如标题、段落等等普通文档流元素。来自于W3C官方文档的引用:除非专门指定,否则所有框都在普通流中定位。...

CSS第十五课:固定定位(position:fixed)在布局上的应用

固定布局非常有辨识度,那就是无论页面有多长,滚动条怎么滚动,固定的容器都相对于浏览器是静止的,脱离了整个文档流的限制,漂浮在高空中,纹丝不动。常见的固定布局有侧边栏和头部导航固定,“返回到顶部”,“分享”、弹出层等等。比如:赵老师网站前端博客的左边侧栏就是固定不动的。比如:网易的头部导航就是固定不动...

CSS第十四课:头尾自适应+主体固定宽度居中对齐布局

完全自适应的网站很少见,估计是难度有点大吧,或者说是在国内的环境下,精确布局能有更好的视觉和用户体验。所以,很多网站就退而求其次,头尾内容少的部分自适应浏览器,而中间主体内容比较多的还是采用固定宽度居中对齐的方式布局。就好像一个“工”字一样。典型的网站有:站酷查看案例一、百分比的width和min-...
Top