-

WEB前端

WEB前端包括HTML标签、CSS样式和JS编程等相关的知识。雷雪松的博客WEB前端栏目主要是分享作为WEB前端工程师在WEB前端开发的过程中WEB前端技巧,优秀的JS插件,有趣的JS效果,常用的CSS技巧以及HTML5最新技术。

超简单实用的回到顶部

WEB前端

简单实用的回到顶部,可以直接复制使用。
阅读原文 »

Bootstrap的辅助类讲解

WEB前端

Bootstrap提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。响应式实用工具目前只适用于块和表切换。
阅读原文 »

Bootstrap响应式布局

WEB前端

Bootstrap包含了一个响应式的、移动设备优先的、不固定的网格系统,可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。bootstrap3.x使用了四种栅格选项来形成栅格系统,其实区别只有一条就是适合不同尺寸的屏幕设备。我们看class前缀这一项,他们分别是col-xs、col-sm、col-md、col-lg.lg是large的缩写,md是mid的缩写,sm是small的缩写,xs是 Extra Small的缩写。
阅读原文 »

Bootstrap使用心得之文本

WEB前端

本文主要介绍下Bootstrap文本常用的一些class。包括标题、页面主体、强调、小号文本、着重、斜体、缩略语、地址对齐、强调、描述、水平排列的描述。
阅读原文 »

目前流行的Material Design前端框架

WEB前端 、

谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,可以试试今天为大家分享的9个目前流行的Material Design前端框架。这些前端框架的设计元素齐全,按钮、表单、布局及常用JS特效代码也有齐了,支持Responsive Design,还有的可以结合Bootstrap使用,相当不错。下面来看看介绍,并挑选一款你喜欢的Framework来制作你的新项目吧。
阅读原文 »

一行代码判断是否移动端

WEB前端

怎么用一行代码判断是否移动端?ontouchend、userAgent。
阅读原文 »

Nodejs npm常用命令

WEB前端 、

Nodejs npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。
阅读原文 »

Nodejs为何物?如何安装?

WEB前端

Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集型的实时应用。下面我们看看nodejs的安装:
阅读原文 »

每个前端开发者都该知道网页渲染的那点事

WEB前端

其实,有关网页渲染的文章很多,但是相关信息比较分散,且论述并不是很完整。如果要想对这个主题有个大致的了解,我们还得学习很多知识。因此,Web开发者Alexander Skutin 决定写一篇文章。他相信,这篇文章不仅能帮助初学者,也能对那些想要刷新知识结构的高级前端开发者有所裨益。
阅读原文 »

全屏滚动插件pagePiling.js

WEB前端

全屏滚动效果是最近非常流行的网页设计形式,带给用户良好的视觉和交互体验。pagePiling.js 这款 jQuery 插件可以帮助前端开发人员轻松实现这种效果。支持所有的主流浏览器,包括IE8+,支持移动设备。
阅读原文 »