1. 响应式网页设计 RWD, Responsive Web Design

响应式网页设计(Responsive web design, RWD)，又称为自适应网页设计。
是一种最新的网站设计技术，用该技术设计的网站，可以自动识别台式机、笔记本电脑、平板电脑、手机，并根据屏幕不同大小，自动调整显示内容。该技术是专为手机、平板等移动设备而生的，以适应互联网向移动端不断转移的趋势。Google并专门为此修改了排名算法，该算法规定，凡是没有响应式设计的网站在移动端搜索中没有排名。
特别注意的是，有些老的网站软件本来没有响应式功能，为了迎合客户对于响应式网站的需求，特地做一个单独的手机版，这种网站我们称之为伪响应式，因为它的两个版本内容是不同的。

2. 大背景图片及视频 Full-width Background
随着宽带速度的不断提升以及WIFI的越来越普及，网站显示一幅大尺寸图片变得轻而易举，大图片对于视觉的冲击肯定比小图片来的猛烈一些，而全屏幕视频短片，更有不可多得的优势。
可以想见，未来的网站的首页将是大图片和视频的天下，摄影师将越来越吃香。

3. 扁平化设计 Flat Design
减少层次，一键进入主题，将成为网站设计师的首要追求，客户没有耐心点击你的4层菜单及跳来跳去的链接，你不能把网站结构变成捉迷藏的拐来拐去的胡同。
微软从Windows 8开始就在推进扁平化工作，后来Apple iOS 7也开始采用扁平化设计，原因只有一个，移动上网时代开始啦！

4. 微动画 Micro Animation
网站今天的动画迥异于过去的Flash动画，因为Flash的收费及封闭性，乔布斯曾对Flash深恶痛绝。新的HTML5网站标准已经摒弃了Flash。我们今天看到的网站动画，大部分是基于HTML 5 技术的。
微动画更能增加网站的观赏性，提高客户的体验。

5. 图片墙设计 Wall
图片墙设计经常用在新闻资讯、艺术类网站，该类设计尤其方便手机展示。
人类的阅读能力随着手机互联网时代的推进而不断下降，幼儿时期的看图是为了开发智力，成年时期的看图是为了保持这个智力不至于下降的太快。

6. 大页脚区块 Big Footer
大页脚区块，可以放置尽量多的内容标题或菜单，这当然包括了更多的关键字以利于搜索引擎排名，当大图片越来越多的占据了页面，所剩不多的文字只好蜷身在页脚。从美术设计的角度来讲，一定比例的文字图片搭配才更好看，不是吗？

版权所有，转贴请注明出处http://canadatony.com

Written by Steve Burge
We're all in a constant state of motion.
Website technologies used to come and go in years. Now it feels as if they rise and fall in months or even weeks.
Our careers, and yours, heavily depend on correctly predicting what's going to change. So, I chatted with our team and got their thoughts about the year ahead.
Some of these predictions are fun, but we'll be betting parts of business on some of the other forecasts.
Here are our CMS predictions for 2014 ...

1) Drupal 8 launches at DrupalCon Amsterdam
If this prediction is correct, Drupal 8 will arrive in September.
The arrival of Drupal 8 will also signal the end of the "blockbuster" era in CMS development. Drupal 8 is like a blockbuster movie: years of planning, a cast of thousands and a huge party when it finally arrives.
The web is moving towards iterative releases. It used to be common to wait several years for one mammoth release which rebuilt the whole code-base. Not any longer. Drupal 9 will likely be a far smaller and quicker release.

2) There will not be a new version of Joomla
When people use Joomla 3, they seem to love it. The interface and features are far more user-friendly than previous versions. So there's really no rush to move on to version 4. The community is still absorbing Joomla 4 and there's a lot sites that still need to upgrade to Joomla 3. Most people just aren't ready for version 4 yet.
We predict the Joomla team will keep developing and improving version 3. Development will begin on a Joomla 4 branch, but there won't be a release in the foreseeable future.

3) WordPress always updates automatically
Automatic updates are in WordPress in a small way. However, Matt Mullenweg has made it absolutely clear that automatic updates should be possible at any time. Read Matt's full comments on auto-updates here.
Our guess that automatic updates for major versions will arrive with version 4. From there, the WordPress team will work to push code to WordPress installs on a far more regular basis.

4) CMS become far more reliant on Javascript
This was an unanimous decision amongst our team. For many years we've lived in a PHP world. 2014 may well be the year when we rely on Javascript as much as PHP.
Part of the rise of Javascript is related to the rise of high profile JS projects, such as Backbone.js, AngularJS, node.js, and Ember.js. For example, lately we've seen a lot of "Drupal sites" with no Drupal frontend - everything is displayed with Angular. A Reddit commenter on this article named ""EnderMB" pointed out that Umbraco have just rebuilt their UI using Angular.

5) Ghost starts slow, steady growth
We have sung the praises of Ghost as the most likely new platform to suceed. Ghost has a great brand name and a strong developer following. However, Ghost is still hipster software in several important ways. For example, I don't see ordinary people preferring markdown to a WYSIWYG editor any time soon. And Node.js still remains too difficult to install and use, even for the average professional webdesigner.
Plus, it's still a very young project. Almost everyone I know who's tested the early version of Ghost says, "It's very promising, but not ready for prime time yet. Give it time to grow."

6) Flat file sites do not take off
If Ghost is somewhat hipster, static sites are still 100% hipster. We've explained this prediction in more detail, but this is the short version:
Fragmentation. There are dozens of options and none have really caught the eye of the marketplace.
Static sites are still solving developer problems rather than user problems. Sorry, the mass market does not care how your database is stored.
Many of them remain pay-for-download even for their core code.
There's room for static sites to become huge, but my guess is that we may be a couple of years away from a breakout success.

7) Acquia has an IPO and Automattic follows
Acquia have been very open and honest about the fact that their path leads to an IPO eventually. It will probably happen in 2014. What that means for Drupal isn't easy to predict because not many open source communities have been through such a move. Acquia have broken new ground in many areas and they'll do so again here.
Here's my outside prediction: once Acquia goes public, there will be some pressure on Automattic to follow. Automattic is a late-stage private company with some heavy-duty investors. At some point, those investors want their money back. It's worth noting that Toni Schnider, a key V.C. figure linked to Automattic, just stepped down as CEO and into a new role.

8) Freelancing becomes less attractive
There's been a strong trend in the last couple of years for freelancers to quit and join larger companies. There's several reasons behind this:
The economy. Enough said. It not getting much better any time soon.
Burn-out. A lot of webdesigners have been doing this for 10 to 15 years now. Often they've been working alone and bearing the burden of sales, accounting, project management and more. A lot of freelancers I've spoken to are burned out and looking to become part of a team.
Remote work. Freelancing used to be one of very few ways to get a good job and still work at home. Now many more companies have the tools and the willingness to allow remote work.
We only expect those trends to strengthen in 2014.

9) CMS technologies become more fragmented
Our final prediction is that our use of technologies will continue to fragment. The web is getitng more complex and increasingly it's hard for one platform to meet many needs. Rather than a handful of popular technologies and frameworks, web developers will split off to work with in niches. We're seeing that even large platforms such as Drupal or WordPress are used in increasingly fragmented and uncoupled ways. The future looks more like Android than iOS.

10) Over to you ...
Are we likely to be wrong with any of these predictions?
Do you have any predictions on where the CMS world is headed in 2014?

如何让网页设计更具现代感？2014年网站设计又会有怎样的变化趋势？
　　2012年我们同样预测了2013年互联网设计出现的10大趋势，比如交互设计、个性化排版、全屏大图吸引浏览者注意力等。其中很多预计的趋势在2013年确实成为设计的主流，并且估计在2014年仍将延续。

1.个性化排版

我个人是个性化排版的支持者，自然也希望看到越来越多的网络设计尝试个性化的风格，其中比较突出的一点是个性化字体的增多：用自己独特设计的字体代替标准印刷体，让设计更加独特。比如“Stuff and Nonsense”这个网站提供设计字体服务，让字体在体现个性的同时保留专业印刷风格。我们期待着在2014年设计出的网站能够更多地从细节体现个性。

2.扁平化设计

去年的10大趋势中，我们提到了“借壳”设计(skeuomorphism)，指模仿现实事物尽可能把手机元素(如图表、背壳等)设计得更加具体、拟物。而 “扁平化”的极简主义则是和“拟物性”相背行，在iOS7中明显感到更加简化的图表替代了原本精致的描绘，更加突出应用的实际效果，反应使用应用的感受，而不是局限在某个应用的外在形象上。苹果公司在今年竭力推进扁平化设计，几乎所有可以修改的设计都加入了扁平化的元素。
　　苹果公司向来是电子产品设计的导向标，推动其他产品设计纷纷追随iOS7的设计风格，同时网络设计也开始大批量地采用扁平化思路。预计这种风潮在2014年仍将持续。

3.大背景图打败幻灯片动态显示

大型背景图片(large hero areas，是从印刷设计借用到网络设计中的专业名词，通常是铺满整个屏幕的图片，配上几句简介的文字)，常出现在网站首页上。大图片背景的清晰度不一，有的配以模糊的背景，有的(如realtii)则采用清晰的图片。大型背景图片迅速取代了曾一度热门的幻灯片图片显示插件，成为网页设计元素中吸引浏览者注意力的主要途径，而幻灯片滚动显示的使用价值已经被否定。预计这种大图片设计的流行趋势在2014年仍将持续。

4.移植手机阅读体验

交互网页设计越来越普遍，网页设计顺应人们对手机的依赖，变得越来越像手机的交互界面。设计师们更注重网站在手机屏幕上显示的实际效果，手机将成为网络浏览的主要方式，因此屏幕尺寸的差异对用户体验的影响也将被纳入网页设计的考虑范围。
　　此外，融合社交媒体功能，提供订阅邮件，借助滚动条设计浏览的“长”网站，快速加载网页等都将让网站设计的互动性增加，用户界面更加友好。

5.视频取代文本

如果在一段视频介绍和文本介绍中选择，估计大部分浏览者都会选择前者。此外视频和网络(尤其是大背景图片)匹配性强。
　　网络视频的制作的成本不断降低，网络传播性强，与社交媒体网站的兼容性好。网络硬件的发展让此前因为网速和流量限制的视频插件越来越普及，显然在同样的时间和篇幅里，视频传递的信息量要远超过文本。

　　此外，视频能追踪观看人数，相比文本能获得更好的宣传反馈。

6.长滚动网页

手机让人们习惯用“滚动条”控制的方式阅读网页、寻找资讯，这样的阅读习惯也影响了网络设计，页面出现更多两侧留白与更多的交互设计。几年前这种不见底的下拉式网站并不受好评，但手机浏览器让人们逐渐接受了这种长条形网站布局。此外内容的编排上也更适合阅读理解。此外国内很多购物网站或贴吧都加上了“点击返回页面最上端”的功能，更加方便了浏览长网页。而事实很有可能是，浏览者只顾往下滚动，根本不会在意网页到底有多长……

7.更简单的颜色主题

网页设计的配色改变反应了人们审美需求的改变。2014年预计同色系网站设计将成为主流，而“简化配色”的概念，则是把参与网站设计的颜色局限到1到2个。

　　如上面的网站图例，只用了一个颜色(艺术设计中黑/白被不被纳入颜色计算中)。配色简单的趋势似乎和平面化同步，但也不绝对。有些网站甚至摈弃色彩，采用纯黑白(以及两者之间的渐变色)设计，有时在其中加入一点色彩吸引注意力或渲染效果，比如加入醒目的红色。

8.简化的内容

2013 年似乎是“King Content”流行的一年。所谓“King Content”，是指适应社交互动媒体网站(如Facebook，Twitter等)出现的简洁高度概括的提示信息内容。信息内容的简化以为着篇幅的缩短，文章采用Twitter风格来适应人们注意力的缩短。注意到现在网络上很少再出现长于250字的介绍，太长的内容已经不再适应人们快速浏览的阅读习惯。

9.放弃分栏模式

单栏模式常见于博客或杂志样式的网站，但采用这种模式的网站正在增加，放弃分栏，重新整合内容已经成为当下网络设计的发展趋势之一。这种设计给人的视觉效果更好，内容也显得更加整齐，同时网络设计本身也更为简单。

　　这种单栏设计提供读者更好的浏览体验，摈弃了复杂的内容堆积分散阅读注意力，主体内容能在整个页面流畅地一字排开。我个人希望这种阅读模式能在2014年保持下去。

10.处理过的图片

网站放什么图也是个关键的问题，怎样才能让网站上的一幅图看起来与众不同？Instagram等类似工具来帮您~颜色叠加、滤镜效果、模糊图像等，借助PS专业工具，能让一幅图锦上添花，起到不一样的效果。

　　如上图，Seattle Cider公司就为大背景图像选择了一张显然经过修图的风景图片，给浏览者仿古、乡村的风格。

美国媒体消息称，美国一家公司预计在2015年6月前向近地轨道发射数百颗迷你卫星，这些卫星面向地球持续释放无线网络信号，覆盖世界各地，使用任何电子终端都能连接上无线网。
上述消息称，这家公司是美国的媒体发展投资基金公司，他们的项目叫“Outernet”；这家公司正在与美国航空航天局联系，希望获得帮助，在国际空间站进行信号释放测试，后期还需要美国航空航天局帮忙把数百颗cubesats迷你卫星送入指定轨道。
　　该消息称，按照设想，进入预定轨道后的卫星能够接收来自地面基站释放的网络数据，卫星需要对这些数据进行解析，并转换成无线网络释放到地球上。
　　不过，这项计划遭到了许多人的反对，来自社交网站Reddit和其他网站的一些评论家对此项目都持怀疑态度，而且列出了许多悬而未决的问题。
　　有分析指出，先不考虑这个“Outernet”项目能否在技术层面实现，应该弄明白的是，打造这么一个庞大工程所需的资金将由谁来提供呢？
来源： 深圳晚报

snap.do流氓软件真的是超级流氓，竟然骗过AVG, 小红伞, 360等众多杀毒软件，原因就是，它伪装成一个被客户授权使用的插件。
snap.do绑架浏览器的方式及表现不一而足，这里只介绍绑架 “新建标签页” 的情况。

一、snap.do绑架浏览器火狐Firfox 及谷歌Chrome的 “新建标签页”

1、绑架表现：
打开浏览器主页时，一切正常，当打开新标签页时，跳出“snap.do” 的搜索search页。

2、可恨之处：

2.1 骗过很多主流的杀毒杀木马软件。
可气的是，知名杀毒软件AVG, 小红伞, 360竟然对snap.do 视而不见。
我的电脑本来是安装的小红伞的，几年来一直相安无事，可是，3天前snap.do突然冒了出来，我吓出了一身的冷汗，因为我的电脑中保存着近期部分客户的网站设计底稿，尽管我有随时备份的良好习惯，但还是惊得下巴都掉下来了，在桌子上磕了一下方才合上。难道可爱的小红伞过气了吗？急忙忙查了一下杀毒软件排行榜，发现AVG已经领先小红伞了。于是，卸掉小红伞装上AVG，结果还是大失所望，AVG对snap.do照样一无所知。

2.2 其他杀木马软件又如何呢？
为此折腾了3天3夜，在网上查找中文资料遍寻不见，转而在google中搜索英文帖子，结果发现很多排名靠前的帖子分别介绍3种软件，这三种软件分别是：SpyHunter; Advanced System Care 6; SpywareFighter. 以下简要介绍一下这3种软件。

• SpyHunter, 有免费试用版，查杀速度很快，能够查出snap.do病毒。当我满怀期待的装上这个软件后，望眼欲穿的费时两个多钟头查完整个硬盘，咬牙切齿的准备杀掉snap.do时，这个该死的软件却告诉我，试用版只是查一查玩玩，要想杀掉病毒，需要破费咯，购买正式版吧，价格$65 美元。我倒！
• Advanced System Care 6, 情况跟SpyHunter差不多，免费版很卖力的查出了我想要的病毒，然后提示要注册，注册完了便蹦出了价格表。
• SpywareFighter 比较垃圾，我也记不得是哪个烂人推荐的了，估计是厂家一伙的，该软件装上后查了半天，啥也没有发现，价格还不菲。

2.3 经过以上折腾，我分析得出一个颇为惶恐的结论：
这个病毒是一些不良杀毒软件厂家制造的，其并没有平常意义上的病毒木马的传播、复制、盗窃、破坏等特征，所以才造成一些知名杀毒软件的视而不见。
在这个思路的指引下，终于很简单的找到了解决的办法：

3、火狐Firfox 21.0的清除恢复：
3.1 打开“工具”--“选项”--“标签式浏览”
3.2 点击打开“Tab Mix Plus 选项”，该选项是一个插件，如果您的浏览器没有预装，请看下一步3.3，如果已经安装有“Tab Mix Plus” 组件，则跳过3.3步骤，直接进入3.4步骤。
3.3 点击打开Firfox 主菜单“工具”--“附加组件(A)”

•      在 "获取附加组件" 页面右上角的搜索栏里，输入“Tab Mix Plus” 然后点击右边的放大镜搜索。
•      搜索结果会显示出 “Tab Mix Plus” 组件，点击组件右边的 “安装” 按钮，安装组件。
•      安装完毕后，进行下一步骤3.4。

3.4 打开“Tab Mix Plus” ，你会发现 “snap.do” 赫然就在“新标签页” 的地址栏里。
3.5 删除这个可恨的“snap.do”, 随便输入一个“google.com” 或者是你觉得本文对你有帮助, 大笔一挥输入我的网址"canadatony.com" 那当然是反而要感谢您啦！

4、谷歌Chrome 的清除恢复：
因为我的Chrome是英文版，所以，下面的描述用中英文。中文名词可能不准确。
4.1 打开设置(setings)--扩展(Extensions), 删除一切不需要的扩展。
4.2 打开设置(setings)--设置(Setings), 选择 “首页” (On startup), 点击“设置页面”(Set pages),
4.3 删掉“snap.do”
4.4 加上“canadatony.com” 哈哈，这一条是开玩笑。

二、如果是被snap.do修改了浏览器主页

网上有很多帖子，大部分都是使用regedit.exe修改注册表，删除注册表中的snap.do项。

(转载请注明出处canadatony.com)