04 2015 档案
摘要：什么是设计模式？design pattern是一个通用的，可以被重用的关于一个常见的问题的解决方案。为什么要用设计模式？引入设计模式的理论基础非常简单。我们每天都会碰到问题。我们可能碰到决定使用何种算法的问题，什么是最合适的design，使用什么技术，什么模块等等。。。同样种类的问题很有可能已经被我...
阅读全文
摘要：fork: 通过fork操作，你将拥有了别人创建的repo的ownership，但是url却变成了/youraccount/repo，这时你将可以做git push操作clone: 该命令是直接将repo clone到本地，以方便更改及提交pull request: 对于公开的项目repo，你直接c...
阅读全文
摘要：* master remotes/origin/master 这个branch就代表了其中的一个origin/master 2.git remote set-url --add all ssh://example.com/path/to/projectname.git 这样all 这个remote就
阅读全文
摘要：Less提供了很多实用的函数专门用于定义和操作色彩。本文将介绍如何使用这些函数来帮助你控制色彩，创造合适的色彩搭配，并且保持网站的一致性和专业性 color spinningspin()函数允许我们调整一个基础色以便达到色带轮的任何一点。该函数非常有用，比如，当我们在创建一个配色方案时就会很有...
阅读全文
摘要：图片糊化在线工具 http://www.fotor.com/
阅读全文
摘要：http://jigsaw.w3.org/css-validator/
阅读全文
摘要：在web设计中，选择较强对比度的前景色和底色是非常重要的。特别对于色弱的人们，如果在彩色的底上显示对比度很低的文字，那么几乎是无法辨别的。为了规范颜色对比，使之标准化，WCAG国际组织有一套严格的算法和标准。1：1 没有对比，比如黑底黑字，白底白字21：1 最大的对比，比如黑底白字，白底黑字3：1...
阅读全文
摘要：图片处理中Photoshop用的非常多，但是该软件过于臃肿，使用起来也非常复杂，对于一般性的图片处理，有没有其他可以选择的工具呢？GIMP是GNU Image Manipulation Program的简称。该工具体态较小，但是功能不凡。有空可以用用看看
阅读全文
摘要：http://jakobloekke.github.io/tdcss.js/在前端开发中，如果能够有一个style guide对于设计来说就显得专业稳定，一致性。在上述链接中，有一个tdcss.js的工具可以帮助你生成可视化的style guide，非常方便。其原理就是使用那个js文件在html...
阅读全文
摘要：在UI开发中，判断是否正常往往需要看到UI长的模样，所以一般的Unit test无法胜任。现在有一款通过抓屏而后相素比较的方法，或许对于UI自动化测试能够起到比较好的改进效果。具体请参见：https://github.com/facebookarchive/huxley
阅读全文
摘要：Less中的variable可以在使用之后才被声明，这一特性对于希望覆盖前期声明的（比如bootstrap等第三方library的variable）变量，从而优雅地使用你希望的效果提供了便利。比如：@var: red;#page { #header { color: @var; // w...
阅读全文
摘要：在sublime的项目中，其配置文件实际上是一个json文件，如果希望将某些文件夹或者文件排除在项目有效文件外，有以下方法：在folder_exclude_patterns中输入对应的文件夹或者正则表达式（http://www.sublimetext.com/docs/2/projects.ht...
阅读全文
摘要：css中的属性大部分都可以被继承，但是也有众多不能被继承，比如display, position,,left,right,top,bottom,float,width,border-color,border-style,text-decoration等不被继承。下面列出能被继承的属性。详细见下面的列...
阅读全文
摘要：在web相关技术中，HTML代表了content,structure, CSS则负责styling，决定内容是如何展示的，javascript则主要负责interactive, behaviour。在网站开发中一般流程就是先写html初步决定page的结构和内容，然后定义css应用到网页，调整展示的...
阅读全文
摘要：Mixins:用于相类似的css属性将会被使用多次，每次调用时仅仅有小的参数改变； Function用于计算得出相关值； Extend有一批属性完全匹配时，应该使用extend
阅读全文
摘要：URL:CSS中四种引用图片asset的方式：
阅读全文
摘要：我们在日常需求中，经常会碰到视觉设计师对某个中文字体效果非常坚持的情况，因为页面是否高大上，字体选择是很重要的一个因素，选择合适的字体可以让页面更优雅。面对这种问题，我们通常以下方式来进行设计还原：使用图片背景还原设计，即使用photoshop将文本图层单独导出成网页背景图片。产生的问题1.制作与维...
阅读全文
摘要：How can I work smarter, not just harder?记住，永远要问自己这个问题。当你发现在做一件事情时，总是那么的繁琐无味，那么一定是出了什么问题。如果一味地强调更加勤奋，本身可能会犯方向性的错误。因为更加勤奋不做思考，那么你永远无法进步，永远也一直会那么地忙下去。只有经...
阅读全文
摘要：整理user storymock UI,生成满足上述user story的原型界面根据上述UI，整理出data model（适用于后端和angular的数据模型）后端CRUD开发，形成REST API，能够返回网站的Index template前端根据mock，画出app的sitemap(描述URL...
阅读全文
摘要：mysql -uroot -p --prompt="\u@\h:\d:\r:\m:\s>" 方便在console上显示现在工作在哪个数据库上show create database xxdb;use xxdb;show create table xxtable;show variables like...
阅读全文
摘要：日光（白光）是由多个不同波长的单色光组成。当这些单色光被分离时，将会对人的眼睛产生一种特定的颜色的印象。我们实际看到的颜色实际上是颜色的效应。当一个物体触碰到光线时，物体将吸收特定波长的单色光，同时反射其他的颜色，而这将决定着物体的颜色效应。比如，当我们看到一个蓝色的球时，它本身并不是蓝色，而是因为...
阅读全文
摘要：1.三原色方案： 在光谱中选择三个颜色，形成等边三角形。这种模式你可以保证每种颜色具有相同的活力值并且能够互相合适的作为补充色。2.复合选色方案：这种方案提供一定范围内的互补颜色：两种颜色都由色谱的对端来选取的，这样设计师将有更大的自由行选择同时又能继续受益于互补色的高对比度优点3.Analog...
阅读全文
摘要：RGB有规律值的简写：当R，G,B的值所有都有以下规律：个位和十位相同时，可以省略掉其中一个数字(0x334455 = 0x345 ) （0xff00bb = 0xf0b) 互补色complementary color: 互补色是一对这样的颜色组：当组合使用时将会抹去各自的色彩。这意味着当组合起来使
阅读全文
摘要：自然界的颜色用数字化来表示，可以有几种方式。一种为RGB，一种为CMYK，其中RGB为发光混合模式(加法模式)，CMYK为印刷品反光模式来表达（减法模式）。RGB共24位，那么能够表达的颜色有166万种，涵盖人眼能够辨别的所有颜色，也被称为真彩色CMYK分别代表青色，洋红色，黄色，黑色，由这四种颜料...
阅读全文
摘要：Bootstrap作为一个非常流行的前端css框架，得到了非常多的应用。一般的使用方法都是直接download bootstrap.css，作为css文件引入到html的markup中，随后直接引用其定义的class，这样的使用模式有个问题：考虑下面的场景，你需要设计一个login form,在...
阅读全文
摘要：DPI（DPR） stands for Dots Per Inch which technically means printer dots per inch。这个参数实际上量化了屏幕的物理分辨率和显示清晰度，比如iphone的DPR就是2，比一般的手机都要高。同样的图片在不同手机上显示的效果就有很...
阅读全文
摘要：在基于bootstrap css框架的前端项目开发中，如果有grunt build系统，那么工作流是：客制化less，在less中定义自己的CSS，同时可以随意引用bootstrap中预定义好的css类，一旦保存文件，grunt则开始重新构建，生成最后的生产文件。问题是：如何能够在自己的客制le...
阅读全文
