05 2016 档案

Material Design
摘要：4、适应性设计 底层设计系统包括了交互和空间两部分。每一个设备都能反映出同一底层系统的不同侧面。每一设备的界面都会按照大小和交互进行调整。只有颜色，图标，层次结构和空间关系保持不变。 它不仅仅为了好看而已，它要让不同设备的屏幕上表现出一致、美观的视觉体验以及交互,多彩又不俗套 阅读全文
posted @ 2016-05-31 16:25 nohuman 阅读(140) 评论(0) 推荐(0)
Retina屏幕
摘要：所谓“Retina”是一种显示技术，可以将把更多的像素点压缩至一块屏幕里，从而达到更高的分辨率并提高屏幕显示的细腻程度。由摩托罗拉公司研发。最初该技术是用于Moto Aura上。这种分辨率在正常观看距离下足以使人肉眼无法分辨其中的单独像素。也被称为视网膜显示屏。 苹果电脑的Retina显示器像素密度 阅读全文
posted @ 2016-05-31 16:19 nohuman
扁平化
摘要：正如2015与2016年的网页设计趋势一书所描述的，扁平化设计正在进化： “最初的扁平化设计是严格的扁平，极少有强调，注重极简设计。近来我们则看到了更多吸引眼球的元素，例如阴影与着色的暗示。尽管纯粹的扁平主义者会反对，但设计圈接纳了它，它与其他流行的设计模式能够有效结合。” 一、长投影 更重要的是， 阅读全文
posted @ 2016-05-31 14:27 nohuman
为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件
摘要：为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件。样式文件命名格式如：forms[_屏幕宽度].css，样式文件中只需重新定义文本框和下拉框的宽度即可。 在包含的头文件headr.inc中加入js代码： if(screen.width > 1024){ documen 阅读全文
posted @ 2016-05-27 16:56 nohuman 阅读(1002) 评论(0) 推荐(0)
根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码
摘要：1.媒体查询方法在 css 里面这样写 @media screen and (min-width: 320px) and (max-width: 480px){在这里写小屏幕设备的样式} @media only screen and (min-width: 321px) and (max-width 阅读全文
posted @ 2016-05-27 16:50 nohuman
ps,ai
摘要：http://www.sj33.cn/jc/pmjc/ps/201501/42386_2.html 花瓣飞溅 http://www.sj33.cn/jc/pmjc/ps/201506/44127.html Photoshop制作水墨风格二次曝光头像 阅读全文
posted @ 2016-05-17 17:27 nohuman
css书写规范
摘要：前面也写了一篇属性顺序 一、CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spaci 阅读全文
posted @ 2016-05-12 14:29 nohuman
css命名
摘要：F1：面向属性的命名 如：http://www.zhangxinxu.com/wordpress/2010/09/精简高效的css命名准则方法/ 适合：属性重用度高的 精简高效的CSS命名准则之一：对于网站非通用元素，如果样式简单(1~2个属性)，对其分离并使用面向属性的命名方法。 精简高效CSS命 阅读全文
posted @ 2016-05-12 10:47 nohuman
css3命名规范
摘要：注意事项: 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写，除非一看就明白的单词. 主要的 master.css 模块 module.css 基本共用 base.css 布局，版面 layout.css 主题 themes.css 专栏 columns.css 文字 fon 阅读全文
posted @ 2016-05-11 17:30 nohuman