《图解CSS3:核心技术与案例实战》

作者:大漠 日期:2014-07-03 点击:259

本书是国内著名的Web前端专家历时2载的心血之作,根据最新的CSS3撰写,融入了作者在CSS领域多年的使用经验,旨在将本书打造成为CSS3领域最权威和实用的专业著作,供没有经验的读者系统学习,供有经验的读者参考备查。

本书理论知识系统全面,详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性,所有这些都巧妙地融入到案例中,而不是枯燥的理论讲解;讲解方式直观易懂,以图解的方式巧妙地展示了这些新特性;实战性强,既为每个知识点精心设计了小案例,也有综合性的大案例,所有案例都非常详尽,有功能需求分析、设计思路和完整代码,还有最终的效果展示。

Kindle电子书互动出版网京东网当当网亚马逊

前端课程

今天在W3cplus上开辟了一个区域:前端课程。这个栏目的所有教程都是由慕课网推荐来的,主要目的是让来W3cplus站上学习的同学,能获取更多的学习资源,从而帮助大家更好的学习与进步。在此也要非常感谢慕课网对W3cplus的支持,为我们提供这些优秀教程的入口,方便大家学习。

移动端重构系列13——页面切换

作者:结一 日期:2014-07-09 点击:69

在前面几篇教程当中,说到切入切出的动画,一般用在panel、popup、modal等组件上的效果。但在移动端上常常会要处理页面之间的切换效果。简单的理解,类似PC端上Web页面中的Slidershow效果,也就是大家说的图片轮播效果。只不过这种效果在移动端上略做处理。接下的主要向大家介绍这方面的实现方法。

移动端重构系列12——popup

作者:结一 日期:2014-07-06 点击:56

上一节介绍了移动端中Modal的制作,那么在实际开发当中,除了有Modal这样的弹出窗之外还有另一种弹出效果。这种效果常常被称为“Popup”。俗称“气泡”。那么在这一节中将向大家介绍移动端中的Popup实现方法。

提高Sass水平的小技巧

作者:大漠 日期:2014-07-06 点击:61

在写CSS的时候有一些小技巧,这些小技巧可以帮助你写出更好的CSS,也能让你的代码更简单、更整洁和更好的维护。那么在Sass编写的时候有没有这样的小技巧呢?回答是肯定的。在Sass编写过程同样有很多小技巧,这些小技巧同样能帮助你更好的编写Sass代码,同样能让你的代码变得更整洁,更好维护。今天这篇译文就介绍了编写Sass的一些小技巧,在你编写Sass过程中可以使用这些技巧,让你的Sass水平更往上提高一层。

移动端重构系列11——弹窗modal

作者:结一 日期:2014-07-05 点击:72

弹出窗是页面与用户沟通的一种有效方式,我们常把这种效果称为Modal效果。在移动端这样的弹窗效果也是常见的效果之一。如果你将功能划分成每个组件,那么Modal将是你这些组件中的核心组件之一,因为任何网站都有可能离不开这样的弹窗效果。那么我们今天就一起来学习如何在移动端实现Modal的效果。

移动端重构系列8——滚动

作者:结一 日期:2014-07-04 点击:65

原生滚动的属性为:-webkit-overflow-scrolling:touch;,如果是走高富帅的苹果路线,是没问题的,谁让这是人家亲生的呢;如果是安卓的话,我真不知道是支持还是不支持,说不支持吧好像有点缓动效果,说支持吧好像把这条属性砍掉也一样,感兴趣的可以自己测试下(添加或删除这个属性对比下)

移动端重构系列7——图标

作者:结一 日期:2014-07-02 点击:68

每个网站都离不开小icon的运用,因此这些icon可以让你的网站起到画龙点睛的效果。在移动端的页面上使用icon更能显出这样的功效。那移动端上运用icon又要怎么使用呢?还PC页面上使用方法一样吗?如果不是,又将怎么使用?请继续往下阅读...

页面