博客

使用自然风景做背景的网站，有效的情感设计 ：）

REI 1440 Project

新的 CSS 属性越来越被广泛的支持，设计师们可以结合一些工具创建很了不起的网站，而这些在以前只有 Flash 能做到。这篇文章里为你展示了 parallax 滚动的进级用法，用 CSS 动画和 JavaScript， 在用户滚动屏幕的时候向用户传达设计好的故事。

• Every Last Drop

  

• Ben the Bodyguard

  

• Dangers of Fracking

  

• Eclectic Pedicab Rides

  

在网页上全屏幕显示视频，在以前应该只有 Flash 可以做到，不过现在使用 HTML5 和 JavaScript 可以很好地让视频根据浏览器窗口的尺寸伸缩，下面的十几个网站很好的展示了全屏幕视频的使用技巧。

• The Build Film

  
  

  

• iuqo

  
  

  

• El Monstruo

  
  

  

• Captain Dash

  
  

  

Justin Aguilar

个人网站，用来展示自己的网站设计作品。

Alex Bender 是一名来自俄罗斯莫斯科的用户界面设计师，同时也是独立摇滚乐队 Lucky Jump 的成员。这里展示的是他的 iOS 图标设计作品，供大家欣赏与参考。

jQuery Mobile 是基于 jQuery 的一套用户界面架构，可以在很多热门的智能手机，平板电脑，桌面电脑，电子阅读器上很好的工作。设计中融入了可访问性与统一的访问体验思想，符合渐进增强和响应式设计的原则。基于 HTML5 的标签代码易于学习，强大的 API 可以很容易进行深度定制。

页面 & 对话框

jQuery Mobile 里面的页面就是带有 date-role=”page” 属性的元素。在这个页面容器里，你可以使用任何有效的 HTML 标签，不过在一般的 jQuery Mobile 页面里，页面的紧接着的子元素是带有 data-roles 是 header ，content，footer 属性的 div 标签。页面最基本的需求是用来支持导航系统的一个页面容器，其它的东西都是可选的。

这两天翻译了 Bootstrap 的文档，发现新版的 Bootstrap 照去我们做 Bootstrap 视频的时候有了一些改进。听说 Bootstrap 3.x 版本会有更大的改进。不过基础的应用都是差不多的，使用这个中文档案配合我们的视频，你可以很快掌握使用 Bootstrap 编译后的版本来创建网站项目。

对于一般用户，我们使用的只是 Bootstrap 编译后的版本，也就是现成的 CSS 样式表，JavaScript 。或者你可以使用 Bootstrap 的定制功能去修改 Bootstrap ，比如改改主要的颜色，字体，字号，网络系统等等，然后你可以把定制好的 Bootstrap 下载下来。

注：文档里介绍的是编译后的 Bootstrap 的使用。

T3 架构是用在 Joomla 系统上的模板架构，你可以创建基于 T3 架构的 Joomla 模板，好处是，模板会非常灵活，而且很容易定制，对搜索引擎和移动设备也是友好的。T3 架构是开源的，由著名的 Joomlart 开发并维护。T3 架构中文发行版演示与下载。

晚上升级，期间可能会有点问题，大家见谅哈 ：）

用 WordPress 做企业网站或者任何其它类型的网站，我们得先考虑下怎么样去组织和管理内容，内容可以是文字，图像，文件，音频，视频 ...  WordPress 允许我们创建内容类型，每个内容类型可以放不同的内容，组织这些内容的方法就是分类法，分类法可以是分类（拥有层级关系），或者标签。

网站可能会出现的内容类型

• 新闻
• 关于
• 产品

公司新闻经常更新，可以把这些内容放在 WordPress 默认的文章（post）里存储，关于是一些关于公司的内容，比如公司介绍，联系方式这些静态的不怎么更新的东西放在 WordPress 默认的页面（page）里存储。

然后我们单独为产品创建一个内容类型，因为产品可能需要用到一些自定义字段，比如产品的型号，颜色，重量等等，创建自定义内容类型和字段可以使用 WordPress 的 Pods 插件，也可以使用在主题的 functions.php 文件里添加代码来创建内容类型的方法，这种方法在 《 WordPress 自定义内容类型 》里进过。