让Windows,Linux或OSX上的Chrome像ChromeOS一样运行Android Apps

让Windows,Linux或OSX上的Chrome像ChromeOS一样运行Android Apps

Google在今年6 月 Google I/O 大会上宣布 Chromebook 将能够运行 Android 应用。近期已经公布了首批为Chrome OS进行了适配的四个第三方应用:Evernote、 Duolingo、Sight Words和Vine。
这个项目的名称是App Runtime for Chrome(目前还在Beta阶段),以后也必然会支持越来越多的应用。但是如果你暂时没有Chromebook,或者还想体验更多的手机/平板的App,这个项目也许可以帮到你:chromeos-apk!
Yes!没错,如果你已经拥有一个Chromebook,使用它可以立即体验更多的Android App(APK).可以参看这里:https://github.com/vladikoff/chromeos-apk.
如果是PC,MAC上的chrome,就需要稍微多一点步骤:当然可以直接参看这里
chrome_app

  1. ARChon runtime 可以让你在Chrome OS 或者其他平台的桌面版Chrome上使用chromeos-apk创建无无数量限制的 Android APKs。runtime 下载地址在这里:https://bitbucket.org/vladikoff/archon/get/v1.0.zip
  2. 注意:这个自定义的运行时将替换原有官方的运行时组件。当然这个ARChon runtime在桌面版的chrome还不稳定。
  3. 安装方法:和安装未打包的chrome扩展应用一致,启用开发者模式->载入未打包的扩展
  4.  安装Node.js (via http://nodejs.org/)
  5. 使用chromeos-apk 安装apk..
    chromeos-apk [path to apk file]
    手机版app :
    chromeos-apk com.soundcloud.android.apk
    平板版app :
    chromeos-apk com.soundcloud.android.apk --tablet
  6. 调整分辨率:https://bitbucket.org/vladikoff/archon/src/master/gen_main.min.js andhttps://bitbucket.org/vladikoff/archon/src/master/gen_index.min.js
    Find tablet: {"long": 1280, "short": 800}, tweak it, fit your resolution, reload the run time.
  7. 如果有问题,可以尝试更新chrome或者使用chrome candary.

qqapk慢慢折腾,尽情享受...

 

Mac OSX配置部署Apache+php+mysql

Mac OSX配置部署Apache+php+mysql

Mac OSX 系统本身已经集成apache,php,perl,因此只要更改一些配置,另外mysql需要安装。

PHP-Mysql

1.启动Apache

    sudo apachectl start

配置文件的位置:/private/etc/apache2/httpd.conf
关注这里。访问http://localhost网站根目录:index.html.en首页文件。

DocumentRoot "/Library/WebServer/Documents"

我的MAC原来10.6,一步一步(10.7-10.8)现已经升级至10.9.2用户目录下本身已经存在Sites目录(用户文件目录)和网页文件。为了可以直接访问用户目录下得网站目录Sites:

建立软链接:

  sudo ln –sf  /Users/wangzhe/Sites /Library/WebServer/Documents/Sites

在httpd.conf  添加:

<Directory "/Users/wangzhe/Sites">
Options Indexes FollowSymLinks
AllowOverride None
Order allow,deny
Allow from all
</Directory>

或者在/private/etc/apache2/httpd.conf 加上

Include /private/etc/apache2/users/*.conf

访问出现:403 Forbidden. You don't have permission to access /Sites on this server.

配置多次修改错误一直存在。怀疑权限问题。User/wangzhe /Sites  权限为:drw-r--r--+  需要修改为755。

chmod 755 User/wangzhe /Sites

问题解决!

2.配置php

php配置文件在/etc/php.ini  ,可将原有php.default.ini 重命名为php.ini
将/etc/apache2/httpd.conf 中php支持注释去掉。浏览器中测试PHP。

3.安装配置 mysql 和phpmyadmin

(1)下载MySQL Community Server  选择Mac OS X 10.7 (x86, 64-bit), DMG Archive 下载

(2)安装mysql-5.6.17-osx10.7-x86_64.pkg ,MySQLStartupItem.pkg以及MySQL.prefPane. 安装的目录在 /usr/local/mysql-5.6.17-osx10.7-x86_64

(3)建立软链接

ln –s /usr/local/mysql-5.6.17-osx10.7-x86_64/bin/mysql /usr/local/bin/mysql
ln –s /usr/local/mysql-5.6.17-osx10.7-x86_64/bin/mysqladmin /usr/local/bin/mysqladmin

(4)启动mysql,使用系统偏好设置中的可视化面板或者在终端输入:

sudo /usr/local/mysql/support-files/mysql.server start

(5) 修改mysql 用户root密码

mysqladmin -u root password ‘passwd’

(6)安装phpMyAdmin,将下载phpMyAdmin-4.1.12-english.tar.gz解压到:

/Library/WebServer/Documents下,重命名为phpMyAdmin。

(7) 修改配置:将phpMyAdmin下的config.sample.inc.php文件重命名为config.inc.php,修改

$cfg['Servers'][$i]['host'] = 'localhost'; 将localhost修改为 127.0.0.1

浏览器中输入http://localhost/phpMyAdmin/

至此,环境部署完毕。

网页弹出广告,难道又被黑了--问题排查

网页弹出广告,难道又被黑了--问题排查

最讨厌网页上的弹出广告神马的,可今天打开我的网站居然右下角弹出一个大大的弹窗广告!

tanchuang
尼玛!DNS被劫持了?这是公司网络,DNS服务器我使用的是GoogleDNS,打开其它网页,正常!换firefox,IE正常,
唯独我的网站www.gigiwangs.com有弹窗,该不是又被黑了吧!为什么“又”呢?
着手排查吧:
1.检查一下首页代码,发现多了一个弹出flash广告代码。

code_1
2.登录网站后台,没有异常登录信息,关键文件最近没有被更改。
3.考虑这个代码,远端的js代码。检查index.php,head.php,footer.php都正常。
4.初步排除被黑。
5.肯定是那个插件搞鬼了,会是哪一个呢?最近没有更新或安装新的插件。
6.分析一下代码详情,发现***tianqi.php**;

code_cc
7.一下子联想到网页添加了天气预报,来自中国天气网的天气widget代码;以文本方式添加在网页的右边栏,用来显示实时天气预报,
登录中国天气,果然发现使用插件是被添加广告的^

8.至此,问题算是找到了,使用前没有仔细阅读协议,果断换用其它的服务……

度娘,贞操又掉一地.

度娘,贞操又掉一地.

度娘,这又何必呢?
技术可以学习,可以进步,脸面就算了吧:人家换配色,我跟;人家调按钮,我跟;人家调尺寸,我继续跟。
难道还没明白?
现在度娘已不是多年前的度娘了,你是中国现在的No.1。
N年前,你说过要让Google在中国消失,你做到了!
但是,我觉得可以考虑再招聘一些前端吧?

google_homebaidu_home



google_home_drawer

baidu_home_drawer

 

 

 

来再对你的网站做一些优化吧

来再对你的网站做一些优化吧

我不是做前端的,所以对于Web设计和优化我只是通过搜索学习一点点,根据一些经验片面的记录一下我自己网站的一些优化工作,这里也分享一下。鄙视一下那些用脚趾头写代码的XX公司网页,永远使用IE6+XP老古董的古董...
我的网站使用了Wordpress+terrifico主题,之所以选用这款主题,是因为他使用了自适应的设计方式..其实不全是,需要修改一定的代码.下面将我做的工作大体描述一下,主要包括.htaccess文件优化方面,自适应网页方面。
Web_optimisation
通过Google的网页分析工具pagespeed insights,发现一些我的wordpress 网站问题:
1.图片等文件没有设置过期时间;
2.部分图片没有使用进一步的压缩;
3.首页一些非必须的css加载(移动版+PC版,进行自适应网页设计)

开工,处理!
首先,通过.htaccess设置图片的过期时间,利用浏览器缓存,节约了网站加载耗时。

......
ExpiresActive On
# RSS feed
ExpiresByType application/rss+xml "access plus 1 hour"
# Favicon (cannot be renamed)
ExpiresByType image/x-icon "access plus 1 week"
# Media: images, video, audio
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"

接下来,压缩图片吧,使用Wordpress的插件 Bulk WP Smush.it,安装后启用可以自动压缩图片。却为一款优化图片的利器。
还有,该有自适应网页设计方式,更改原有的使用插件加载移动网页的方式,之前选用了WPtouch pro插件,这款插件确实在移动设备上表现不错,可在性能上只能做出取舍了,选用自适应网页设计。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">

这是少不了的第一步;
其次不要使用绝对的宽度,在布局上使用float,相对的定义,百分比代之。
使用相对大小的字体,图片;
还有大量的优化要做,请继续搜索……

几款优秀RSS阅读器-个人推荐

几款优秀RSS阅读器-个人推荐

Google Reader究竟还是死了,但是阅读还要继续的。但好的消息是,Google Reader关闭后同类Rss阅读器市场一片繁荣。现在推荐几款个人喜欢的Rss/杂志阅读器,希望对大家有所帮助,--会更新...

rss

1.Feedly

feedly

   Feedly用户体验还不错,无论Web还是App,支持各种网页浏览器和运行iOS或Android的移动设备,也是一个基于云端的服务。其从各种在线资源聚合用户自定的新闻订阅源,并可与他人分享。使用Google帐号登录,无需注册。(存在被墙的问题)

  • 开发者: DevHD
  • 初始版本:2008年
  • 平台: Web,iOS,Android
  • 类型 :新闻聚合器
  • 网站:http://cloud.feedly.com

2.AOL Reader

AOLReader

 AOL Reader 目前还没有Android或者ios平台的APP,web页面也是beta测试版,但体验不错,方便快捷。

 

 3.Digg Reader

digg

Digg Reader也是不负期望的一个产品,可以使用Facebook,twitter以及Google帐号登录。

  • 开发者: Digg
  • 初始版本:2013年
  • 平台: Web,iOS,Android
  • 类型 :新闻聚合器
  • 网站:http://digg.com

 

4.Filpboard 

Flipboard

   Filpboard 几乎没什么可说的,移动杂志界的绝对佼佼者,针对中国大陆推出有中国本地化的APP,最近国际版的更新似乎已经无法在中国大陆区捕捉Facebook,Twitter,Google+的信息流.

  • 开发者: Filpboard
  • 初始版本:2011年
  • 平台: iOS,Android,Chrome 插件
  • 类型 :新闻杂志
  • 网站:https://flipboard.com/

5.Google Currents/Google Play Newsstand

Google Play Newsstand

 

Google Currents 和Google Play Magazines合并成为 Google Play Newsstand,已于2013年11年21日在Google play发布,看了下原来的Google Reader还保留在Currents中,现在可以直接同步订阅到Google Play Newsstand,何必呢,Google?Reader被谋杀之后,还有人会钟情于Google Play Newsstand吗?看看最近表现吧..

  • 开发者: Google
  • 初始版本:2013年(Play Newsstand)
  • 平台: Android
  • 类型 :新闻杂志
  • 网站: https://play.google.com
移动网站优化-来自GoMo的建议

移动网站优化-来自GoMo的建议

你的网站适合移动访问吗?这个问题已不是新鲜的了,突然想起来网站SEO,把去年的参加Google Adsense合作伙伴活动的资料翻出来看了看,把有用的信息再整理出来,详细内容可以参阅:GoMo by Google Ready To Go Mo?

gejo.in on Hadset

针对你网站的建议

处理图片

制作你的移动网站时,为了避免内容显示不正常或缺失,请确认移动设备支持你用于制作网站的所有技术。例如某些手机不支持Flash和JavaScript等程序,会导致网页无法加载或丢失内容。图片尺寸大,需要的加载时间可能就会较长,有时会引起移动浏览器反应停滞甚至发生崩溃。不过,你也不必因噎废食,不敢在网站上使用图片,只要你使用较小的图片,并进行适当压缩,保证网页能快速加载,图片就能为你的网站锦上添花。

关注文字

使你移动网站上的文字便于阅读至关重要。请注意,用移动设备有时并不适合阅读篇幅较大的文字内容。请使用合适的字体大小,并适当布局,使用户无需进行缩放或鼠标滚动操作。如果滚动鼠标无法避免,请保证其只需纵向滚动。移动设备屏幕小,因此使用项目符号并将内容划分为小块,使你网站上的信息便于阅读和浏览,这一点非常重要。仔细思考你的移动客户最需要哪些信息和功能。

设计时要考虑到便于手指操作

请你浏览一下自己的移动网站;如果你自己都无法顺畅地用手指移动和切换页面,你就该考虑改进网站设计了。你也知道,人的手指动作有时不够精准,如果按钮和链接太小,要点击它们就不太容易了。设计时一定要考虑到便于手指操作:请使用较宽的按钮并留出一定间距,这样用户就不会点错按钮。

提供直观的导航选项

让用户轻松找到所需的内容对您的业务非常重要,因此,请务必在网站上提供直观的导航选项,方便用户与您的网站进行互动。请注意,由于移动设备的屏幕较小,可能无法像台式机屏幕那样显示相同的信息量。为解决这一问题,您不应将所有重要的内容都堆放在一个屏幕中,而应提供直观的导航选项。请考虑采用移动网站最佳做法,例如缩短内容、按比例缩小图片或使用富媒体格式显示内容,这样应该可以使用户更轻松地与您的网站进行互动。

确保用户可以方便地使用搜索功能

如果您是拥有丰富内容的发布商,就应该提供搜索功能,让用户迅速找到所需内容。用户希望您的移动网站所提供的搜索结果与您的桌面版网站提供的一样丰富。对客户而言,搜索是直接找到特定内容的最快捷方式,分秒必争的移动用户定会欣赏这一功能。参考以下几条额外提示:

 

●由于手机较小,在上面输入信息更困难,所以简化搜索查询的输入方式尤其重要。

●减少操作步骤,简化可让用户快速提炼搜索结果的高级搜索功能。

●考虑提供精简的结果,只显示最重要的信息。提供可供用户深入查看搜索结果的选项。

通过出色的功能吸引用户

作为一家注重内容的公司,吸引用户参与是重中之重。您的营销策略中也许就有对视频、休闲游戏和动画的运用,但是移动设备未必支持制作这些内容的技术。我们前面也提到过,Flash?和?JavaScript?就无法在部分手机上运行。您可以与您的移动网络开发人员合作找出替代方案:HTML?5?就提供了许多新的选项。您还应当考虑利用手机的摄像头、加速度计和地理位置功能,以移动设备所特有的方式来吸引消费者。

 

 

十大移动网站最佳做法

1.简单快捷

移动用户的时间经常不够用,因此只能在忙碌之余抽空上网。为方便他们进行访问,您所设计的移动网站内容应该能快速加载且易于浏览。

●优先提供移动用户最需要的内容和功能。使用桌面版网站分析数据了解移动用户的行为。
●避免堆砌大量文字,按段落小节组织内容更便于用户阅读。
●压缩图片以提升网站的加载速度。

2.简化导航

复杂难懂的导航方式会让用户望而生畏。请确保向客户提供一目了然的导航界面,对于大型或复杂的网站,可以考虑加入搜索功能,以便于客户轻松找到所需的内容。

●减少用户浏览过程中滚动页面的需要,并将页面滚动局限于垂直方向。
●菜单的层次结构应清晰明确,同时应避免在光标移入时激活菜单的设计。
●提供清晰醒目的“后退”按钮和“首页”按钮,方便用户在各级内容之间切换跳转。
●确保每个网页上的导航链接不超过?7?个。
●如果网站比较复杂,请在显眼的位置加入搜索框。

3.拇指操作

用户会使用手指(特别是拇指)来操作移动设备。合理设计移动网站,确保手型较大的用户也能轻松地与网站互动。

●使用较大的按钮,将其居中放置并留出一定的间距,以避免产生意外点击。
●将较小按钮的边距加宽,以扩大可点击的范围。
●将文字设为可以点击,使复选框的点选范围更大。

4.一目了然

适合移动设备浏览的网站可有效传达信息,却不会让人眼花缭乱。要确保即使在光线不足的情况下,客户也能轻松浏览网站的内容。

●背景和文字的颜色要有鲜明反差。
●确保内容与屏幕大小一致,用户无需缩放即可轻松阅读。
●大量使用负空间。
●使用大小和颜色标识链接/按钮的优先等级。
●为按钮设置3D效果和阴影。

5.广泛适应

您的移动网站最好能在所有移动设备上正常运作,并且适合所有手持设备的屏幕方向。部分设备不支持Flash,因此请使用其他替代技术。

●使用HTML5来添加互动内容和动画。
●设计能视屏幕方向调整显示的网站。
●确保当用户所用设备的屏幕方向改变时,用户可以保持在当前的网页内容位置。

6.轻松转化

无论您的移动网站的目标是什么,都要确保用户能够使用虚拟键盘和触摸(而非通过鼠标)完成您所期望的操作。让他们能够轻松购物或与您联络!

●着重提供有助于实现转化的信息,如产品详情。
●减少完成交易所需的步骤。
●设计简短的表单,尽量减少字段数量。
●使用复选框、列表和滚动菜单,方便用户输入数据。
●所有电话号码都采用点击通话功能。

7.立足本地

消费者习惯使用手机查找本地信息,例如寻找最近的加油站或快餐店等。通过在网站中加入相应功能,可帮助用户轻松找到您的店铺。

●在目标网页上列出您的商家地址,或提供店铺定位工具。
●加入地图和路线,并在可能的情况下使用GPS来提供个性化服务。
●使用户可以查询附近分店的库存量。

8.流畅体验

如今,用户每天可能会使用多种设备上网。请尽可能多地在移动网站上加入桌面版网站所具备的功能,以向用户提供流畅一致的浏览体验。

●允许用户保存热门搜索和购物车中的内容。
●尽可能在所有渠道上都提供网站的重要功能。
●针对相同的产品/服务显示相同的信息。

9.重新定向

移动网站重定向是一段代码,它可以自动判断访问者是否在使用移动设备,然后将其重定向到您的适合移动设备浏览的网站。您可以请网站开发人员帮助安装这段重定向代码,以向用户显示最符合其需求的网站版本。

●使用户能够选择切换到桌面版网站,同时可以随时转回移动网站。
●让用户选择下次访问时希望看到的版本。
●在重定向网页上列出地址等重要信息,或提供店铺定位工具。

10.听取意见,了解原因并反复测试

好的移动网站以用户为中心,也就是说,以满足客户的需求为设计目标。通过测试了解用户希望在移动网站中看到哪些功能,并持续进行优化。

●使用分析工具了解用户如何使用您的网站。
●在发布网站之前,最好先针对网站(尤其是复杂的网站)进行用户测试,并在发布之后收集用户的反馈。
●反复测试,并根据研究结果不断改善网站的效果。

-----------------------------------------------------------------------------------------------------------------------

Are you ready?
---by gejo.in

为什么选择Airdroid而不是豌豆荚?

为什么选择Airdroid而不是豌豆荚?

为什么选择Airdroid而不是豌豆荚?

(IN CHINA MAINLAND)Android操作系统的用户好多选择了豌豆荚,特点呢,按照其官方的说明是这样的:

1.最丰富的应用、音乐、视频、图片,免费下载到手机(电子市场Google play Strore..各种野市场,这么说也就是一种野市场了)

2. 应用推送(Android 用Google账号登录,电脑上登录Google play ,在最丰富的市场中直接搜索,点击下载到手机,这才是push...)
说白了,就是一种野市场了。
中国特色吧…当然如果你使用的一款行货设备,那么很有可能你已经不能真正体验android了,电子市场不见了,GOOGLE 地图,Google music,Google 日历…都不见了,Google 搜索也被无耻百度搜索替代…

显然,要使用豌豆荚, Read more

静默升级--趋势?QQ你是怎么想的?

静默升级--趋势?QQ你是怎么想的?

静默升级,什么是静默升级呢?

静默更新:为了避免更新疲劳,软件新版本的下载和安装都将在后台静默进行。这就意味着,无论软件是开启还是关闭状态,都不影响新版本的更新进程。另外,在版本更新完成后,What"s New页面的显示与否是根据该版本是否有重大信息需要提醒用户而决定的。Google Chrome浏览器早已开始采用静默更新的方式;Firefox也从version13开始正式采用静默更新。

使用Google Chrome我们看到的现象,或者我们根本什么都没看到--软件已经升级更新了,我们没有得到然后的更新提醒和
wizard,但是确实他已经升级了。而且插件和扩展也可以更新,如果开启了同步(或者漫游,就是把设置和配置保存到了服务器上), Read more

[转载]Code Rush-奔腾的代码

[转载]Code Rush-奔腾的代码

文章来自:HiWebGL--http://www.hiwebgl.com/?p=906
http://red.uc.cn/?p=60

Code Rush是一部1998年拍摄的纪录片 – 拍摄线索是当年硅谷的浏览器先锋Netscape的工程师的故事。当时Netscape正要换身成为开源的Mozilla,而公司则入旗AOL。
纪录片表现了98年大多数网景工程师的普通生活,当年的Geek味丝毫不比现在减淡,有的工程师常年不出现在办公室,有的工程师喜欢日夜奋战。工作之余, 网景半家半办公的办公室里面,员工还借助Playstation来娱乐减压。而10多年前的硅谷工程师形象很出位,不知道和你心目中的是否一样。

----------------------------------------------------------------------------------

Read more