1.atom/electron github: https://github.com/atom/electron 中文文档： https://github.com/atom/electron/tree/master/docs-translations/zh-CN 2.下载 electron-v0.36.5-win32-x64 https://github.com/atom/electron/releases/download/v0.36.5/electron-v0.36.5-win32-x64.zip 3.新建一个项目-快速入门： https://github.com/atom/electron/blob/master/docs-translations/zh-CN/tutorial/quick-start.md 大体上...
简介 CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。 作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易...
以前尝试 SASS 的时候写了一篇安装方法，大部分操作还是相同，下面补充一些内容主要是填坑，实在太TMD坑爹了。 参考这篇文章： 补充内容： 安装 SASS 和 Compass 这一步经过我昨天的测试，已经不需要修改源地址了，可以直接通过 https://rubygems.org/ 地址进行下载了，反而淘宝那个地址总是出现 SSL 相关错误，貌似HTTPS证书有问题，所以直接忽略了吧。 安装目录存在空格 如：C:\Progr...
Ruby安装Scss 引言 已经许久不写HTML了,今天有点以前的东西要改.但是刚装的Windows10,已经没有以前的Web开发环境了.只好重新安装. 结果Webstorm装好后配置Scss出现错误. Ruby官网和淘宝镜像均连接不上,我用的也是https.但是试了不知道多少次才安装成一次.(万恶的墙) 尝试把原来安装后的scss相关的文本拷贝进去(当初就知道有连接不上这么一天), 还是不行. 最后只有自己去GitHub上下Scss的源码 Tip...
KISS – Keep It Simple Stupid “Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live.”– Martin Golding keep sass simple，不要写过度抽象，不要用复杂的语法实现简单的功能。实际上 css 文件不需要很复杂。有了预编译以后，稍不注意就产生过多的层级、巨复杂的选择器了。还有滥用函数，一点点重复都抽象出来。 正确的做法是有逻辑关...
我最近写了很多 Sass 代码，但是最近发现并不是每一个人都知道 Sass 具体是什么。下面是一个简短的说明： 当我们说起 Sass ，我们经常指的是两种事物：一种 css 预处理器和一种语言。我们经常这样说，“我们正在使用 Sass”，或者 “这是一个 Sass mixin”。同时，Sass （预处理器）有两种不同的语法： Sass,一种缩进语法 SCSS,一种 CSS-like 语法 历史 最开始，Sass 是 Haml的一部分，Haml 是...
Basscss 是一个轻量级的 CSS 基本元素样式、工具、颜色和布局模块，用开开发高性能 Web 页面。 项目主页：http://www.open-open.com/lib/view/home/1428909980627
CSS and Sass (SCSS) style rules ID and class naming ID和class(类)名总是使用可以反应元素目的和用途的名称，或其他通用名称。代替表象和晦涩难懂的名称。 应该首选具体和反映元素目的的名称，因为这些是最可以理解的，而且发生变化的可能性最小。 通用名称只是多个元素的备用名，他们兄弟元素之间是一样的，没有特别意义。区分他们，使他们具有特殊意义，通常需要为“帮手”。 尽管class(类)名和ID 的语义化对于计算...
tooltips 纯css工具提示 bubbles-tooltips 查看效果 演示 安装 npm install tooltips --save 使用 在 gulp 中使用 gulp var gulp = require(gulp);var gutil = require(gulp-util);var stylus = require(gulp-stylus);var tooltips = require(tooltips);var autoprefixer = require(gulp-autoprefixer);var browserslist = [Android 2.3, Android >= 4, Chrome >= 20, Firefox >= 24, Exp...
Family.scss Versionv1.0.4 Family.scss is a set of 24smart Sass mixins which will help you to manage the style of :nth-childified elements, in an easy and classy way. Website : http://lukyvj.github.io/family.scss/ Installation Regular Clone the project $ middleman( You dont use middleman ? Goto https://middlemanapp.com/) Alternative install $ ...
sass和scss是CSS预处理器Sass提供的两种不同的语法，两者相似并且都做同样的事情，但是以不同的风格书写。SCSS是最新的，被认为比Sass更好。下面我们先来了解一下CSS预处理器Sass提供的两种不同的语法sass和scss的相关知识。sass，也称为缩进语法，类似于Ruby的编程语言。它是来自另一个名为Haml的预处理器，受Haml的简洁启发，是由Ruby开发人员设计和编写的，因此，Sass样式表使用类似Ruby的语法。没sass适用于那些喜欢与CSS相似的...
下面小编就为大家带来一篇stylus css框架使用方法详细说明。小编觉得挺不错的，现在分享给大家，也给大家做个参考Stylus是一款需要编译的css语言，所以其本身文件不能被html直接调用，需要要编译为css文件后再进行日常的加载。stylus是一款优秀的css编译语言，需要node.js支持，第一步需要安装node.js问题：Windows调试时ctrl+d无效果 ctrl+c退出? 怎样直接在windows下输出调试代码备注:# 代表本行是输入回车运行行官方网站下载nod...
实例可以兼容安卓4.0.4+：设计结构如下：<header class="header"></header> <p class="wrap-page"><section class="page"></section>... </p> <footer class="footer"></footer> <p class="overlay"><section class="modal"><p class="modal-hd"></p><p class="modal-bd"></p><p class="modal-ft"></p></section> </p>这个overlay遮罩层的问题，现在这里说明下为什么这么设计。一般来说看到的overlay都与modal是兄弟元素，而不是...
这篇文章主要介绍了前端编码规范（4）—— CSS 和 Sass (SCSS) 开发规范,需要的朋友可以参考下ID and class naming ID和class(类)名总是使用可以反应元素目的和用途的名称，或其他通用名称。代替表象和晦涩难懂的名称。 应该首选具体和反映元素目的的名称，因为这些是最可以理解的，而且发生变化的可能性最小。 通用名称只是多个元素的备用名，他们兄弟元素之间是一样的，没有特别意义。 区分他们，使他们具有特殊意义，通常需要为...
sass和scss是CSS预处理器Sass提供的两种不同的语法，两者相似并且都做同样的事情，但是以不同的风格书写。SCSS是最新的，被认为比Sass更好。下面我们先来了解一下CSS预处理器Sass提供的两种不同的语法sass和scss的相关知识。sass，也称为缩进语法，类似于Ruby的编程语言。它是来自另一个名为Haml的预处理器，受Haml的简洁启发，是由Ruby开发人员设计和编写的，因此，Sass样式表使用类似Ruby的语法。没sass适用于那些喜欢与CSS相似的...