2013年你必须要了解的10个Web设计趋势

这是一个值得反思过去一年和期待新的一年到来的时间,在2012年,我们已经看到了一些新的趋势出现在网页设计中,一个最显着的是响应设计的崛起。

在即将迎来新的一年期间,让我们脱离我们的束缚对未来做一些预测,2013年,怎么样?在这篇文章中,我将与大家分享10个关于网页设计的预测的发展趋势以及到2013年我们可以使他们的方式。

1. 更多的响应式设计

虽然响应式设计在 2012年被提的比较多,但是响应式设计仍然在不断变化,不断创新。比如,新的设备不断出来(iPad Mini),这让以前的设计想法土崩瓦解。而现在各种Web的响应式设计也获得了越来越多的注意,“让人们忘记设备尺寸”的理念将更快地驱动响应式设计, 所以Web设计也将迎来更多的响应式设计元素。

1

更多

Linux常用命令大全

系统信息
arch 显示机器的处理器架构(1)
uname -m 显示机器的处理器架构(2)
uname -r 显示正在使用的内核版本
dmidecode -q 显示硬件系统部件 – (SMBIOS / DMI)
hdparm -i /dev/hda 罗列一个磁盘的架构特性
hdparm -tT /dev/sda 在磁盘上执行测试性读取操作
cat /proc/cpuinfo 显示CPU info的信息
cat /proc/interrupts 显示中断
cat /proc/meminfo 校验内存使用
cat /proc/swaps 显示哪些swap被使用
cat /proc/version 显示内核的版本
cat /proc/net/dev 显示网络适配器及统计
cat /proc/mounts 显示已加载的文件系统
lspci -tv 罗列 PCI 设备
lsusb -tv 显示 USB 设备
date 显示系统日期
cal 2007 显示2007年的日历表
date 041217002007.00 设置日期和时间 – 月日时分年.秒
clock -w 将时间修改保存到 BIOS

更多

linux下用Apache一个IP多个网站多域名配置方法

如有两个域名,分别是desk.xker.com和tool.xker.com,需把这两个域名都绑定到
IP是219.13.34.32的服务器上
1.首先需在域名供应商管理页面指定域名和IP的对应关系
2.WEB服务器配置好LAMP环境
3.把对应的源码分别放到/usr/local/apache/htdocs目录下,分别命名为upload和upload2
4.配置apache
#vi httpd.conf

更多

linux怎样修改和保存httpd.conf

1,先在终端中输入,cp httpd.conf httpd.conf_bak (这一步是先做一个备份,如果你改错了,可以再恢复)
2,输入 vi httpd.conf (现在打开了文件)
3,现在按 “i” 键 (进入编辑状态,之后就可以像修改记事本的方法修改你的文件了)
4,修改完成后,先按一下 “Esc” 键 (现在退出编辑状态),然后输入 :wq (记得有冒号)
5,至此文件修改完成,你可以用 more httpd.conf 命令看看修改的是否正确。

输入httpd -k restart重启apache

更多

自适应网页设计(Responsive Web Design)

随着3G的普及,越来越多的人使用手机上网。

移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?

更多

10个完全免费的网页原型(线框图)工具

网页的线框图是非常直观、但是也没什么技术上难点的东西。只需要你大概描出页面上需要的一些元素,比如头部、导航、页脚等等,最多再就是一些交互、内容区域什么的。
但这对于任何网络应用的开发都是非常重要的。当然有很多种方法可以做这件事情,最简单的就是拿起纸和笔,但是在这篇文章中,我们要介绍的是一些非常高效好用的在线原型工具,并且他们完全免费。
Lumzy快速原型工具

Mockup Builder 杀手级的原型工具 MockupBuilder最近才发布,很值得期待。他有非常多的功能:UI模型,交互的线框图,页面布局,客户端原型甚至站点地图和屏幕导航。

当然,对于与客户和团队成员交流也是非常强大的。并且,他全部免费。

更多

触摸屏网页的几个要点

硬件的分辨率多为17寸的,故使用1024*768设计即可
1.自动打开 并全屏显示

然后把这个页复制个快捷方式到系统启动项里面,
下面是实现音乐播放的代码
程序代码

更多

宝宝头三年影响一生,不看悔掉肠子

以下是复制了一个早教工作者分享的关于现代父母早期教育中出现的问题和多数父母的误区:其中有一部分的错误我也在犯,庆幸的是自己及早的发现了这篇文章,正如作者问自己的,作为初为人母的我也更关心的是;“在孩子人生最重要的头三年,我做对了吗?在我的引导下,她能保持强烈的探索欲望吗,她的专注力有没有被破坏?她的学习能力强吗?遇到困难她是退缩不前还是自己找到解决问题的办法?她能始终保持自信、健康的心灵吗?” 我也希望把自己的孩子培养成具有坚强的意志、具有独立解决问题的能力,拥有良好的人际关系,具有良好的学习习惯,自信大方、善良勇敢、内心快乐,有爱心的人。事实上在孩子人生的头三年对他是至关重要的,无论是在免疫系统的发展完善方面、还是在人格的健全发展、智商和情商的全面发展方面,毫不夸张的说每一天对于宝宝来说都是很重要。文章有点长,有宝宝的爸爸妈妈可要耐心看文。

一、不知道孩子在0-6岁时存在各种敏感期,把孩子在敏感期的表现当成不乖的行为斥责孩子,违背了孩子的天性,造成他的痛苦,留下心理隐患。

孩子在0-6岁时存在各种各样的敏感期,所谓敏感期是指0-6岁的成长过程中,儿童受内在生命力的驱使,在某个时间段内,反复操作某一动作或反复学习某一项能力,并且学习能力特别强的时期。有依恋形成的敏感期、口腔敏感期、手腿脚等动作的敏感期、语言的敏感期、细微事物的敏感期、肌肤触摸的敏感期、执拗和完美的敏感期、秩序的敏感期、数学敏感期、绘画敏感期等等。

更多

知乎问答精选:如何运营好一个公司的官方微博

站长之家(7月16日)知乎问答精选:越来越多企业利用微博来进行市场营销,但究竟需要如何做,从哪儿入手,一直困扰着许多希望从事微博运营的网友和企业。编辑精选了知乎上业内人士对企业微博运营的经验内容,分享给网友,希望能帮助大家进一步了解企业微博运营的方法。

问:如何运营好一个公司的官方微博?

更多

关于社区的那些事:内容是核心 互动是关键

1. 内容占领市场。做社区的网站的站长都知道一个网站的核心就是内容,内容的好坏决定了用户的去与留,决定了网站的品质和形象!

2. 用户中心,吴总形容他们的用户中心就是居委会大妈。不管社区里面大大小小的事情他都在管,都在参与,主动与用户互动,交流!让用户切身感受到社区的浓浓感情味,这里吴总也提到了一些技巧,例如主动推送用户喜欢的消息,主动加用户好友等。

3. 强大的数据中心。吴总特别提到了他们的技术团队,第四城的技术团队是公司的人员最多的,第四城的技术应用都是经过第二次自我开发的。因为第四城觉得只有深度的知道用户在干什么,才能知道他需要什么。

4. 用户体验。第四城每一次技术更新都有几次测试。让用户去体验新功能。从而在引导用户去接受这个功能。因为每一次更新对于用户都是全新的一次认识。只有一步一步的测试,体验,引导才能让用户明白你在干什么。

5. 团队执行力。一个团队的强不强,就看执行能力很重要,它代表着做事的态度和做人的品质。

6. 法律顾问。人在商场难免会遇到很多纠葛,吴总这这里也提醒到公司在法律事务上,还是要有法律顾问,一旦遇到法律纠纷就有可咨询与解决的地方。

7. 在社区内容上。在内容上更多的贴切生活与民生相关的话题,这样的话题用户参与度比较高。

8. 网站安全方面。前段时间的化龙巷关闭在业界引起很大的震动,切实的与政府相关部门保持精密的联系时十分必要的。

更多

李彦宏:技术商业结合会有大影响力

  当比尔·盖茨蝉联世界首富18年,有谁会关心因Windows而广为人知的窗口化操作系统,其专利实际属于以复印机产品而出名的施乐;如果没有创建百度,谁又会知道李彦宏的搜索引擎基础专利“超链分析”甚至比Google的Page Rank还要早两年……

  作为世界上最大的技术信息源,专利包含了世界科技信息的90%至95%,而绝大多数蕴含工程师奇思妙想的发明就如同他们的主人,随着时间的推移退隐成为历史的背景:有的被永久存放于全球各地专利局的故纸堆中,与“改变世界”失之交臂;有的被发明者之外的人发掘,成就了其创造者难以企及的商业帝国与品牌神话。

  优秀的工程师不一定等于优秀的企业家,技术天才不计其数,真正实现商业成就的则屈指可数。其中的差别,正在于工程师的天分之外,胸膛里跳动的是否是一颗企业家的心。

更多

5173首页前端性能优化实践

从制定计划,到前后端的开发,最后到测试以及上线,历时4个月,5173首页前端性能优化项目终于顺利上线,并达到了预期的性能优化目标。这次的项目并不是改版,而是原来首页的设计和功能不变,只做重构和优化。虽然项目名叫前端的性能优化,但也并不仅仅是前端单方面的工作,要想彻底的把优化做好,还是需要前后端的通力配合。

历史背景

老首页应该是09年上线的,首页也是各部门争夺资源的地方,大家都想在首页有一席之地,各部门在首页都有各自的小豆腐块,如果有新项目的上线,大多是打补丁的方式,并且唯一的规范就是能保证功能正常运行,至于性能方面,那是很遥远的事。苦逼的是开发人员,每次有首页的修改都是担惊受怕的,怕改了这个那个又出问题,历史原因造成的问题越来越多。

最先看不下去的应该是前端人员,因为首页在不断的修修补补中,性能已经差到前端人员觉得很没面子的地步了。但是看不下去也仅仅是看不下去,没法采取实质性的措施来改善,因为这牵涉到各部门的利益,也如上面说的,优化不仅仅在于前端,于是前端人员也只能向上面反映问题。到了今年,终于领导也看不下去了,某领导在海外访问我司的8185173首页,对比起来前者首页很快(插播一句,818首页前端开发人员也正是我^_^),后者首页很慢,差别较大。于是在领导重视的推动下,5173首页的前端性能优化项目才经过批准,开发人员终于可以放手大胆的折腾了。

更多

图片的宽度自适应,限制图片最大宽度,css和js实现

from http://iseexn.noads.biz/archives/178.html

图片的自适应问题普遍存在,下面分别是js和css的实现方法提供参考:

第一种js方法:以前用过js来自适应,图片的onload事件加入调节图片大小的js代码,onload=”MyImage(this,870,1000)”,缺点是需要指定限定的宽、高,需要计算得到缩放后的宽高,图片会先显示原图片再变小。

第二种css方法:css方法简单方便,完全能取代上面的方法。有个现象我是后来才发现,图片在限制了宽度后,高度会等比例缩放,如原来是800*600的图片,宽度被限制成400后,高度会自动缩到300,这样的话就是只要限定图片的宽度就可以了。由于ie6不识别max-width,所以要使用expression来进行css hack。WordPress里面可以用下面的css来实现图片自适应:
.post .content img {
margin:15px 0 0 0;
max-width:590px;
_width:expression(this.width>590?’590px’:’auto’);
}

上面的css是限制图片最大宽度的,其实限制图片最大高度是同理的。

更多

压缩JS/CSS的利器–minify

minify是一款使用PHP5开发的一款用于压缩合并Javascript和CSS文件的应用程序,是前端开发人员优化页面加载速度的一款很好的工具。

本博就使用了minify对整个网站的Javascript和CSS文件进行了压缩,压缩率非常高,大大缩短了页面的加载时间。对于wordpress还有相应的插件,如果你也使用wordpress并且不喜欢自己动手修改文件,那你可以直接下载WP-Minify这款插件。如果不是wordpress,或者喜欢自动动手DIY的接着往下看。

minify的使用非常简单,先把minify下载到本地并解压,然后使用FTP工具把min目录下的文件全部上传到网站的根目录。上传完毕后,就可以访问你网站的域名加/min的地址(比如本博的访问地址就是http://stylechen.com/min/)进行操作,如下图:

minify演示
更多

问答:小米手机每部利润率达到七八百元?

周鸿祎微博

引言:近日,360董事长周鸿祎在微博上抖出小米每部手机利润七八百元人民币更是让人大跌眼镜。周鸿祎透露,小米手机40亿美金融资成功。而且融资文件透露2012年将卖300到500万部手机,每部利润七八百元,总利润在25亿人民币。

问答:周鸿祎微博表示小米手机每部利润率达到七八百元,有可能吗?

知乎用户“商力”的回答如下:

老周这条微博里,有几个问题,让我觉得老周这次很不合适。

为什么?因为老周骂人向来是滴水不漏的。自打老周和雷军打起骂仗以来,老周在微博上发出的挑战言论,都给人抓不住把柄,超级厉害。对于旁观者来说,我只能说,雷军没能管住员工的嘴,小米员工首先在微博上骂了粗口,给老周抓住,这是雷军一方的重大失误,我只能摇头,管他不着,反正我对小米也无大爱。

但是,老周这回做的,却真是有点不公平。并且有刻意误导之嫌,我作为业内一个门内靠边站的,实在忍不住想指出来。

更多

为什么李彦宏个人投资京东,百度却放弃了电商战略?

img-title

来自百度的虎嗅网友告诉我们,《关于移动互联网七论》,李彦宏的潜台词是警醒移动互联网创业者控制节奏稳扎稳打,让电商泡沫化的悲剧不再上演。

事实上百度内部已经形成一致性的观点:放弃电商战略,搜索模式并不适合做电商。

百度电商事业部总经理蔡虎在接受新浪科技采访时,给出“百度为什么放弃电商”三点理由:

1、搜索模式不适合做电商。

2、百度的优势在于入口,但在电商的这些环节上优势很少,虽然通过百度能够进来很多用户,但每个环节都会流失很多用户,而剩下用户的转换率也不高。电商需要选商品、找商家进行沟通,还要选支付工具、考虑物流、用户退款等,整个流程下来需要经过7-8个步骤。

3 、在全球任何市场上,电商都是搜索引擎最大的广告主,从战略上来说电商和搜索引擎,是客户或者合作伙伴关系。

更多