WEB前端
WEB前端包括HTML标签、CSS样式和JS编程等相关的知识。雷雪松的博客WEB前端栏目主要是分享作为WEB前端工程师在WEB前端开发的过程中WEB前端技巧,优秀的JS插件,有趣的JS效果,常用的CSS技巧以及HTML5最新技术。Bootstrap的辅助类讲解
Bootstrap提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。响应式实用工具目前只适用于块和表切换。
阅读原文 »
Bootstrap响应式布局
Bootstrap包含了一个响应式的、移动设备优先的、不固定的网格系统,可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。bootstrap3.x使用了四种栅格选项来形成栅格系统,其实区别只有一条就是适合不同尺寸的屏幕设备。我们看class前缀这一项,他们分别是col-xs、col-sm、col-md、col-lg.lg是large的缩写,md是mid的缩写,sm是small的缩写,xs是 Extra Small的缩写。
阅读原文 »
Bootstrap使用心得之文本
本文主要介绍下Bootstrap文本常用的一些class。包括标题、页面主体、强调、小号文本、着重、斜体、缩略语、地址对齐、强调、描述、水平排列的描述。
阅读原文 »
Nodejs为何物?如何安装?
Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集型的实时应用。下面我们看看nodejs的安装:
阅读原文 »
每个前端开发者都该知道网页渲染的那点事
其实,有关网页渲染的文章很多,但是相关信息比较分散,且论述并不是很完整。如果要想对这个主题有个大致的了解,我们还得学习很多知识。因此,Web开发者Alexander Skutin 决定写一篇文章。他相信,这篇文章不仅能帮助初学者,也能对那些想要刷新知识结构的高级前端开发者有所裨益。
阅读原文 »
全屏滚动插件pagePiling.js
全屏滚动效果是最近非常流行的网页设计形式,带给用户良好的视觉和交互体验。pagePiling.js 这款 jQuery 插件可以帮助前端开发人员轻松实现这种效果。支持所有的主流浏览器,包括IE8+,支持移动设备。
阅读原文 »