-
Less/Sass编译工具，koala使用指南
推荐一篇文章，借此向大家介绍一款less的编译利器： 如果你正在使用sass、less或coffee，而没有注意到koala，那说明你可能已经好久没有更新你的知识库了。koala这个由国人编写的，用于编译sass、less、coffee利器，在最近的短短几个月曝光率不亚于任何其他的技术。当然这跟其作者的辛勤...2013-06-09 阅读216
-
Bootstrap JS插件使用实例(10)-附加导航(affix)
bootstrap-affix.js组件，直译过来就是固定，典型的应用就是导航，即当页面内容过多出现滚动条时的浮动导航，如官网页面的左侧导航(下图)。其实这组件很简单，就是通过检测滚动位置来动态的添加或移除 affix 、 affix-top 、 affix-bottom 三个样式，来使导航仍然处在一个合适的位置。当采用标记法，页面...2013-06-09 阅读249
-
加速spring/hibernate应用调试时启动速度
在调试spring应用时，动辄几十秒，甚至有的应用上分钟的启动速度，会让整个调试速度慢下来了。等待时间让人抓狂。不知道大家是如何加速spring应用调试速度的，在此分享下我的一次加速过程。欢迎补充指正。 环境 配置： thinkpad t41...2013-06-08 阅读235
-
每日一讲：masonry响应式页面布局(5)---动态添加、删除item
动态添加砖块(item) masonry理论上支持在容器的任意位置动态添加砖块，但是根据位置的不同实现的方法也是不一样的。由上文讲到的methods中可以找到能够实现添加的method：appended和reload。这俩个方法本质上并不是专门用于添加的方法，而是布局方法，所以在调用这俩个方法前，必须先将要添加的砖块...2013-06-08 阅读234
-
每日一讲：masonry响应式页面布局(4)---动画效果(animate)
Masonry 的动画效果主要用在： 1.容器(container )大小改变，如：width或height属性改变。 2.浏览器窗口大小改变，实质也是容器的改变。 3.砖块位置的改变...2013-06-03 阅读224
-
CSS3 Transition
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。” 下面我们同样从其最语法和属性值开始一步一步来学习transition的...2013-06-03 阅读213
-
Bootstrap工具库
Twitter BootStrap是一款优秀的前端的框架，称得上是前端的一个框架利器。Web前端开发者每天都在与HTML、CSS、JavaScript打交道，然而不少人都是在周而复始的写模板、样式和交互效果，前没有想过如何将这些重复的工作整合在一起。Twitter推出的BootStrap能够帮助Web前端开发者摆脱这种重复的劳动。 ...2013-06-03 阅读215
-
每日一讲：masonry响应式页面布局(3)---options和methods
第1篇中已经演示了，可以通过$('#container').masonry() 方法启动布局，同时该方法内还可以设置参数，下面我们就将这里的参数进行下详细说明。 Options(参数) columnWidth 用于设置每个砖块的宽度(width)。如果...2013-06-02 阅读203
-
每日一讲：masonry响应式页面布局(2)---实现原理
上篇文章我们我们对masonry的基本使用做了入门介绍，本篇将会进一步对masonry布局的实现原理进行剖析，来了解上文中的有些规定到底是为啥。 masonry对于每个砖块的定位都采用绝对定位，即通过position、 top、 left ，position设为 absolute，在通过top和left的值来进行定位，因为top和left是相对...2013-06-02 阅读229
-
每日一讲：masonry响应式页面布局---入门实例
masonry 是一个布局插件，实现网格布局，也可叫栅格布局， 更为形象的也可叫砖块布局。另外、masonry还支持响应式设计，它会根据浏览器窗口(或分辨率)的大小动态调整布局，使其达到当前尺寸下的最佳浏览效果。 masonry 的布局是由大大小小的砖块组成。布局的过程实...2013-06-01 阅读201
登录
注册