移动布局方案(转载)

by Liu Yue/2017-03-22

layout viewport和visual viewport移动端浏览器和PC最大的不同在于大小（废话= =），那么怎样让网页友好的展示在移动端呢。很显然的，如果不做任何处理，很多页面的展示必然会乱掉。Apple也发现了这个问题，并定义了一个viewport meta标签，用来创建一个虚拟的**layout viewport**（布局视图），这个视图的分辨率接近pc，Apple将其定义为**980px**，其他厂商可能不同，感兴趣的可以自己写页面测试下。这就很好的解决了早期的页面在手机上显示的......
了解更多

响应式设计笔记

by Liu Yue/2017-02-21

HTML 4和CSS 2目前支持为不同的媒体类型设定专有的样式表。比如，一个页面在屏幕上显示时使用无衬线字体，而在打印时则使用衬线字体。screen和print是两种已定义的媒体类型。媒体查询让样式表有更强的针对性，扩展了媒体类型的功能。下面的css是应用在宽度小于等于960px的屏幕上：@media screen and (max-width: 960px) {     body { background-color: red; } } 此外，......
了解更多

自适应与响应式的异同

by Liu Yue/2017-01-27

      目前非常流行自适应设计与响应式设计，而且经常让人混淆，自适应设计不应与自适应布局混为一谈，它们是完全不一样的概念。在这先说明下这两者的异同：自从移动终端飞速发展以来，各种各样的机型突飞猛进，很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone/iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。于是，很早就有人设想，......
了解更多

git版本控制图形化界面推荐

by Liu Yue/2016-09-13

　　其实呢，有点不太理解为什么有很多人喜欢在命令行下敲命令，尤其是日常工作中使用频率蛮高的git,拉取，合并，切换分支什么的要打很多命令，手速很快的情况下还容易敲错命令导致误操作，推荐一个我日常使用的git图形化界面工具：SourceTree ，非常的轻量化，有非常简单，合并拉取提交什么的只要轻触两下触摸板就搞定了，效率上比敲命令行不知道高到哪里去了，自动化流程就是好啊。......
git版本控制图形化界面推荐
了解更多

如何在Mac OS上安装pytest、setuptools、wget

by Liu Yue/2015-05-01

本文主要介绍如何在Mac OS上安装pytest，以自己实际安装为例。同时补充介绍了Mac OS上安装setuptools和Mac OS上安装wget的方法Mac OS上安装pytest由于Mac OS上自带python2.7，已是目标版本，不需要更新了，在此基础上介绍安装pytest的主要步骤：安装pip，在终端中输入:sudo easy_install pip接着安装pytest：sudo pip install -U pytest测试是否安装成功:py.test --version在安装过......
了解更多

15个在github上最受欢迎的py框架,记录一下

by Liu Yue/2014-09-13

1. Django: Python Web应用开发框架　　Django 应该是最出名的Python框架，GAE甚至Erlang都有框架受它影响。Django是走大而全的方向，它最出名的是其全自动化的管理后台：只需要使用起ORM，做简单的对象定义，它就能自动生成数据库结构、以及全功能的管理后台。　　2. Diesel：基于Greenlet的事件I/O框架　　Diesel提供一个整洁的API来编写网络客户端和服务器。支持TCP和UDP。　　3. Flask：一个用Python编写的轻量级Web应用框......
了解更多