当前位置:首 页>> 百 宝 箱

Google Swiffy:转换Flash到HTML5 微信扫一扫
分享给朋友

  http://swiffy.googlelabs.com/
  Swiffy可以把Flash动画文件,也就是SWF格式转换成HTML5,可以让你把Flash动画内容从新使用在一些没有Flash Player的设备上,比如iPhone、iPads等。

  Swiiffy目前只能支持到SWF8.0和ActionScript2.0的动画,转换后的HTML5格式的文件,可以很好的在基于Webkit的浏览器上浏览和使用,比如Chrome、Mobile Safari。SWF5版本的Flash动画文件,转换后的结果会更好,所以,如果可能的话,将您的Flash动画在生成时,选择Flash5的版本导出。版本过高的话,转换后会有很多Flash的高级属性无法支持。

  看来Google还得继续努力哦,毕竟Flash已经使用了这么多年,HTML5也是新手上路,所以这种转换本身应该只是一种过渡,也或者是暂时的折中方法。HTML5随着其标准制定的完成,终将成为新一代网页的标准,到那时,估计也就不需要把Flash转换成HTML5了,普及后的HTML5是可以取代Flash的,拭目以待吧。

  看看下面转换前后的效果,左边是Flash,右边是HTML5,如果您的浏览器版本比较老,比如IE6、IE7、IE8,那就看不了的,Firefox、Opera、Chrome、Safari是没有问题的。

巧用正负空间制作特色LOGO 微信扫一扫
分享给朋友

  Logo看似虽小,但是却是非常难设计得好的,设计Logo的创意方案有很多种,利用正负空间来设计Logo为其中一种。Logo的设计给网站或者公司定下了一个整体的风格与主题。一个网站或者公司的第一印象需要在小小的Logo中体现出来,在第一时间向用户体现出来。在Logo设计的创意方面有很多种风格,运用正负空间设计的Logo则是我最为喜欢的一种Logo设计的创意。这里我选取了不少运用正负空间设技的Logo,个个都可以算得上是创意中的上乘之作。欣赏与学习国外优秀的Logo设计对于自己的设计也有莫大的帮助。

正负空间的概念
  说了这么多,一直在说运用正负空间设计的Logo,到底什么是正负空间?
  图形被认为是一种积极的元素,一种实心的东西或物体。空间被认为是消极的——但不是糟糕的意思,而是图形以外或与图形相对的地方。空间是“基底”,而空间中的图形则成为“图案”。图形与空间或图案与基底之间是相互补充,相互依赖的关系;如果其中一个发生变化,另一个必定随之改变。图案与基底之间的相对关系对视觉活动和运动的类型以及观众感知到的立体感具有定义作用。所有这些特点都能表达信息——处理图案与基底基底之间的关系,是创作简单而出色的信息设计作品的第一步,接着观看者才能理解图片或正文的内容。处理图案(正)会涉及基底(负),因此是设计最重要的一个视觉方面的工作,因为它会对其他诸多方面产生影响,从受众普遍的情绪反映到信息的主次关系等。
  图案与基底的活跃程度取决于在特定的空间中有多少图形在相互影响,图形对于空间的大小,以及正负之间的交替的复杂性。然而,一个构成的结构可能会相当简单——这意味着可能仅有一两种图形在进行非常有限的相互作用——但不管构成表面看似多么简单,图形之间关系不同寻常的话,将会呈现出比较活跃或比较复杂的特点。
在一些构成中,图案与基底的关系变得非常复杂,甚至复杂到相互间在视觉上可以同时互相转换的程度。这种在上一秒钟是正形,而在下一秒钟就变成负形的情况叫做“图案与基底相互转换”。
  以上3段理论解释摘自《设计元素——平面设计样式》一书。说了这么多枯燥的理论,还是要看看实际的运用正负空间设计的作品,这样便于理解。

运用正负空间设计的Logo

SYNC

positive negative logo sync

SYNC,为英语Synchronization的简写,意为同步。从名字上看就很有可能指的是计算机上的数据同步,因此在同步方面大多数情况下都会用到箭头的元素。而SYNC的Logo将箭头和英文字母S通过正负空间的相互转换很好的结合在了一起。在白色基底下是黑色的图案,一眼就能看出来是字母S,而把黑色图形作为基地的话,那么白色部分就成为图案,因此就能发现其中还有两个箭头。设计相当的巧妙。

Royal Theater positive negative logo royal theater

Royal Theater,意为皇家剧场。淡黄色的基底衬托红色的幕帘。很多老式的剧场在节目开始的时候是需要拉开幕帘的,就如同红色的图形那样。但若缩小基底,那么红色的图案就会和淡黄色的基底相互转换,那么此时就会注意到其中还有一个皇冠的图像,正符合Royal Theater中的Royal(皇家)之意。

Apache 自定义错误页面配置 微信扫一扫
分享给朋友

  当用户访问网站出现错误时,会返回HTTP 404,403等错误信息给浏览器,为了提高用户体验,我们需要自定义404、403等错误页面,提示用户下一步操作或自动跳转至合适的访问页面。当然不自动以的话,浏览器显示的错误信息是自带的相关提示内容。
  自定义错误页面的方法,主要通过Apache主配置文件或者.htaccess进行配置,.htaccess配置错误页面的方法适合虚拟主机用户。当然,在Apache主配置文件里,虚拟主机相关设置的地方,也可以进行错误页面自定义的设置,或者单独的虚拟主机配置文件(Apache主配置文件里调用)里设置也可以。Apache主配置文件和.htaccess设置错误页面的方法基本一样,如过使用.htaccess进行配置,注意开启.htaccess配置功能,就是需要在Apache住配置文件里对应目录设置里把AllowOverride None改成AllowOverride All,否则.htaccess的配置无法起作用。
  代码很简单,[ErrorDocument 错误页面代码 自定义页面地址],注意使用时没有方括号,我是为了阅读方便,具体使用时就是这样:
ErrorDocument 404 /error/404.htm
其中自定义页面地址也可以是http开头的地址,可以跳转到其他网站,类似这样:
ErrorDocument 404 http://www.abc.com/error/404.htm

  如果你的WEB服务只有一个网站,代码内容加到httpd.conf文件里即可,位置任意,不过最好是添加到你定义网站根目录的地方,比如<Directory "D:/wwwroot/mysite">这一行的下面。如果你不止一个网站,虚拟主机有不少站点,可以加到虚拟主机配置的地方,比如<VirtualHost *:80>这一行的下面。另外虚拟主机的也可以配置.htaccess来定义错误文件,看你自己需要吧。
  还有个小插曲说一下,俺配置好了之后,错误页面配置无效,IE浏览器里死活见不到我定义的错误页面,一直显示IE默认自己的错误页面,放Google搜索才晓得IE浏览器还真是变态,你定义的错误页面大小如果小于512字节,那就把你自定义的错误页面忽略,只显示浏览器默认,真够狠的,害我折腾好一阵百思不得其解。FireFox倒是没这个问题,Chrome、Opera、Safari没有测试是否也有这个问题。

Roundcube Webmail 安装配置篇 微信扫一扫
分享给朋友

  俺的WEB环境:Apache2.2.4+PHP5.2.4+Mysql5.0.41 / Windows Server 2003
  先去官方网站下载:[http://roundcube.net/],最新版0.5.3。下载完后解压缩,得到的目录里有INSTALL、README文件,安装前看看先,尤其是INSTALL文件里的内容,是否和你的PHP、Mysql有所不同。或者上传之后,直接安装,安装步骤中会提示你的环境是否符合安装要求,然后再一一搞定。

  好了,开始,浏览器打开,[http://www.abc.com/上传目录名/installer/index.php],回车,见下图:安装基本分三部分,1、检查安装环境,2、创建配置文件,3、测试配置是否正常。下面配置过程中的各种参数,在设置后,还可以通过编辑主配置文件main.inc.php来修改更新,后面如果你还要安装插件的话,也要从这个配置文件动手。
  点击“START INSTALLATION”按钮继续:安装程序会检测你的WEB环境是否符合要求,PHP的扩展、可用的数据库、第三方插件库、php.ini和.htaccess文件的设定。灰色文字内容有的提示说明部分参数是可选的或者是建议需要的,也就是有没有都可以,也有的是必需的,那就要符合要求,否则Roundcube最终无法正常使用。php.ini和.htaccess的部分,下面五行时必须满足的,PHP extensions下面的5个参数是必须要满足要求的,可用的databases部分起码你得有一个能用,比如Mysql和SQLite,其他的我就没有纠结了,既然是可选或者建议的,就随他去吧,俺也不折腾了。

Apache 目录访问控制的两种验证方式 微信扫一扫
分享给朋友


  WEB环境:Apache2.2.4+PHP5.2.4+Mysql5.0.41 / Windows Server 2003
  企业内部网站现有个需求,也允许在外部可以访问,不过需要验证,企业内网用户直接访问,无需验证。于是满世界Google之,经过不懈的努力和Google不断的对我说链接被Reset,总算是在摸索中搞定。
  下面是两种验证方式,基本验证方式比较直接,简单一点,需要手工用Apache的工具生成用户名和密码,如果是临时需要验证的话,这种方式不错。另一种是Mysql数据库方式,这种验证方式可以用数据库来存储用户名和密码,便于维护。当然也可以使用网站的用户系统来作为验证基础,或者其他用户系统,不过需要其他的数据库连接模块。毕竟使用Mysql数据库的网站系统不少,这对俺们来说无疑是最方便的了。虽然俺折腾好了,也得记录一下,以防人老忘性大啊,记下来才是王道。

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。