- 博客(17)
- 资源 (4)
- 收藏
- 关注
原创 html5视频控制效果
好吧,来看一个html5的video元素的应用,实现简单控制。到这里观看效果,到这里在线研究,或者下载收藏, 视频加载可能有点慢,请耐心等等。
2014-03-31 22:24:00 5161 1
原创 SASS Mixin实现响应式布局
好的,今天我们来研读下css大牛Chris Coyier的利用SASS实现响应式布局的解决方案(Simple Technique for using Sass for Rows)。列间空隙的处理,每行的最后一列没有空隙,前面的其他列具有统一的空隙,水平和垂直方向的空隙相等。每列宽度采用百分比的形式进行计算,每列宽度=(总宽度-空隙总宽度)/列数=(总宽度-(列数-1)*空隙宽度)/列数。
2014-03-30 08:58:39 6435 1
原创 SASS实现圆形动画菜单
好的,SASS实现的圆形动画菜单,主要用到了sass中的@for、@if,compass中sin、cos的使用,hsl颜色的使用。
2014-03-21 20:47:06 4857 1
原创 SASS实现颜色卡动画
今天我们看一个Sass实现颜色卡动画,继续学习sass的使用,效果见下图所示。在线研究点这里,下载收藏点这里。同时也请大家发表高见,迎接鼓励,欢迎拍砖。
2014-03-20 13:32:14 4120
原创 Google Fonts Sass Mixin
给大家分享一个codepen上的调用谷歌Web Font的mixin,以此为例我们继续学习SASS。
2014-03-15 20:38:40 3407
原创 纯css实现回旋动画
css演武场今日继续,来看一个纯css实现的回旋动画。在线研究点这里,下载收藏点这里。重点关注1. haml简化html,实现效果架构2.sass的使用3.compass类库的使用haml文件- @n = 25.container - @n.times do .thing编译成html之后
2014-03-12 13:52:53 4334 1
原创 响应式奶油立体字效果
好的,CSS3演武场今天继续,来看一个由text-shadow实现的响应式立体字效果。前端开发whqet,关注web前端开发技术,分享网页相关资源。
2014-03-11 08:25:42 4747 1
原创 视差滚动原理及实现
作为一种优雅酷炫的页面展示的方式,视差滚动(Parallax Scrolling)正受到越来越多前端设计师的宠爱,优设的2014年网页设计趋势中依然能够看到它的影子,所以我们不得不来好好研究下视差滚动的原理和实现方式。
2014-03-04 14:48:03 7621 1
原创 博客写作计划
近段时间的博客写作计划,予以自勉。css3属性详解系列html5逐步学系列响应式布局教程sass文档翻译和实例解读系列css3案例解析系列javascript起步教程系列每日一站系列视觉设计系列
2014-03-02 14:33:02 2364 1
翻译 2014年启用响应式网页的5个理由
响应式网页是你今年的最优选择吗?如果不是,那你得看看《2014年设计趋势》这篇文章,然后启用这个流行技术。我列出了你应该尽快使用响应式网页的5个理由。
2014-03-01 21:52:35 2902 1
纯CSS3实现图像鼠标悬停效果
2014-04-13
图像多维展示效果
2014-04-13
AS3焦点图 Flash ActionScript 3.0 焦点图 经典网络应用程序
2011-01-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人