最详细的 Sass 基础教程指南

前言 这几天一直都在研究 Sass/Scss,这次就把 Sass 基础使用方法整理发表出来。让想学习这方面知识的朋友可以多一份参考资料。毕竟现在这方面的资料特别的稀缺。 在这里贴出这两天研究 Sass 的小小成果: 《Sass开发 – Ruby安装出错解决办法:淘宝网镜像 RubyGems》 《Sublime Sass插件编译出错Decode error及‘sass’不是内部或外部命令的解决方法》 《Scss 与 Sass 是什么,他们的区别在哪里?...

2015
10-08

Decode error及‘sass’不是内部或外部命令的解决方法

之前有分享过一篇关于Ruby的安装及在安装过程中遇到错误的解决方法《Sass开发 – Ruby安装出错解决办法:淘宝网镜像 RubyGems》的文章。不过Ruby安装成功安装完成之后,怎么用,怎么通过Sass来进行编码,这才是我们安装Ruby的初衷。 于是我网站百度了下“Ruby使用方法”诸如此类的关键词。Ruby 使用方法出来的结果跟本不是自己民想来的,随后我就搜了下“Ruby Sass怎么用”结果才是这想要的东西。只要是标...

2015
10-06

Scss 与 Sass 是什么,他们的区别在哪里?

要想了解Scss 与 Sass 是什么以及他们的区别又在哪里,我们不过不先从他们各自的定义说起。 Sass是什么 Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言,它诞生于2007年,是最大的成熟的 CSS 预处理语言。最初...

2015
10-06

Sass开发 – Ruby安装出错解决办法:淘宝网镜像 RubyGems

前言 想学习研究sass/scss的朋友要做的第一件事就是安装开发环境,安就是安装目前比较流行的Ruby。但安装过程并不是很顺利。 下载、安装 首先我们从官方下载一个Ruby安装程序。 http://rubyinstaller.org/ 第一次安装的时候我没有选择默认的路径(C:\Ruby22),而是放在E:\Program Files (x86)目录下,安装成功后就按着cmd.exe。 输入gem install sass,可是问题就来了,出现如下错误提示: ERROR: Wh...

2015
10-05

HTML5 Canvas中 fillText() 和 strokeText() 的区别

前言 Canvas现在越来越多地被运用到我们的项目中了,所以对Canvas的研究也得跟上呀,不然就被时代抛弃了。这次要给大家分享的是 HTML5 Canvas 中的 fillText 和 strokeText 的区别,代码及效果图片演示。 效果演示 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Canvas</title> <style> canvas{border: 1px solid ...

2015
09-25

Meta标签里的 apple-mobile-web-app-capable 作用

apple-mobile-web-app-capable的存在让本来屏幕就小的移动设备来说,可谓是福音呀。他可以让用户的屏幕变得“更大”。其实他就是通过删除苹果默认的工具栏和菜单栏,来给用户腾出更多的空间从而让网页得到更好的展现,让iphone达到屏幕增大的效果。 他的用法也好简单: <meta name=”apple-mobile-web-app-capable” content=”yes” /> 其实针对iphone的meta标签属性不仅仅就只有这个,下面我们再来看别外...

2015
09-22

Meta 标签里的 format-detection 含义及作用

format-detection 翻译成中文就是格式检测的意思,他是用来检测页面里的一些格式。如果你是做移动开始的应该常常会遇到这种情况,明明就是一串数字,没添加点击拔号的,但当你用 iphone 时默认给你加上了,明明就是一个邮箱地址,没点击发送邮件的,明明是个地址,点击却跟到一个一地图中,那么 format-detection 正好是为你解决这些问题的好帮手,不信?请往下看! meta的format-detection属性主要是有以...

2015
09-22

WEB前端视频教程网站推荐

每一个人的获取知识方式都不一样,有的人喜欢通过书籍来汲取营养,而有的人就喜欢通过视频教程来提升自己。各有各的好,各有各的妙,关键还是看你自己怎么学。有好的资源不一定会得到好的成果,只要你肯下功夫,相信你不管通过那种方式都会成长。下面给大家推荐几个比较好的视频教程网站。 后盾网 后盾网论坛是后盾教育旗下的专业技术交流论坛,涵盖了以PHP培训技术为主的几乎所有的web技术交流,并会不...

2015
09-15

HTML5视频(Video)和音频(Audio)类库jplayer

jplayer是什么 jPlayer 是一个通过JavaScript编写的,完全免费的且开源的媒体库。他是一个jQuery插件,jPlayer可以让你在网页上方便快捷地运用跨平台的 audio和video。jPlayer有着全面的API,为你在创建一些有创意的新媒体解决方案提供了可能。这些API由活跃的,在慢慢成长的 jPlayer社区提供支持。 为什么选择jPlayer 1.易用,部署只是分分钟的事。 2.可以通过HTML和CSS实现完全定制和换肤。 3.轻量...

2015
09-14

网页视频播放器插件 Video.js

介绍 Videojs 插件支持 HTML5 视频和 Flash 视频,YouTube 和 Vimeo,他支持PC端和移动端的视频播放。该项目从2010年中旬出现到现在已经超过 50,000 100,000 200,000 网站在使用了。 用法 在的需要插入视频的页面的 head 标签之间像下面这样引入相关文件就可以了 <link href="//vjs.zencdn.net/5.8/video-js.min.css" rel="stylesheet"> <script src="//vjs.zencdn.net/5.8/video.min.js">...

2015
04-15

极佳的响应式框架

随着移动互联网的兴起,移动应用遍地开花。对于传统的网站而言,已经无法适应移动设置。如手机,平板等。不过随着HTML5标准的尘埃落定,响应式框架如雨后春笋般出现。下面就给大家介绍一些比较优秀的响应式框架。 Bootstrap Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 为所有开发者、所有应用场景而设计:Bootstrap 让前端开发更快速、简单。所有开发...

2015
04-08