分类目录归档：技术知识

分享技术知识

Visual Studio LightSwitch增加对HTML5和JavaScript的支持

发表于由

在本周的 TechEd 发布会上，微软宣布，他们正在为 Visual Studio LightSwitch 增加对 HTML5 的支持，该工具旨在简化自定义数据库驱动业务应用程序（custom database-driven business applications）的开发。

LightSwitch 目前生成的是 Silverlight 应用程序。加入 HTML5 和 JavaScript 代码生成意味着，LightSwitch 应用程序现在可以使用支持的浏览器在任何平台上运行，包括 Android、iOS、以及 Windows 8。

这是朝着 LightSwitch 跨平台标准化迈出的又一步。 Visual Studio 2012 beta 版包括了针对 LightSwitch 的更新，这使得加入 OData 服务成为可能，以便非 LightSwitch 应用程序可以使用数据。至于引入基于 HTML5/JavaScript 的客户端，LightSwitch 团队提到：

随着许多员工携带他们自己的设备来到工作场所，为每个设备构建本地客户端、并把每个实现部署到各个应用程序商店的做法很难行得 通。鉴于对 HTML5 和 JavaScript 的支持越来越多、以及充满活力的开发社区，符合标准的 HTML5 和 JavaScript 才是必然的技术选择。

Silverlight 客户端将继续作为 LightSwitch 应用程序的默认目标。微软表示，对于 HTML5 应用程序当前的主要焦点是移动优化和触摸功能。可能出现的情形是，功能完备的桌面客户端在 Silverlight 上运行，同时还有个 HTML5 移动伴侣（mobile companion）应用程序。LightSwitch 允许针对这些情形在同一项目中进行并行构建。

尽管 LightSwitch HTML5 客户端尚不可用，但是指日可待。到时您可以从 LightSwitch 开发者中心下载。

实用的 CSS3 参考手册和代码生成工具

发表于由

CSS3技术现在越来越成熟，通过CSS3的一些新特性（如box-sizing、边界半径、文字阴影、渐变等）创建的效果已经令前端开发者兴奋不已。使 用CSS3进行前端设计是未来的发展趋势。因此，如果你是一名前端设计师，就需要掌握这些最新的技术，否则就有可能会被淘汰。

一、参考手册

1.  Idiomatic CSS

编写统一、符合习惯的CSS的原则，有中文版本。

2.  CSS3 Click Chart

示例代码和CSS3特性支持情况表。

3.  CSS3 Selector

CSS3 Selector的官方指导手册。

4.  HTML5 & CSS3 Support

主流浏览器对HTML5和CSS3支持情况一览表。

5.  CSS3 – Information and Samples

针对CSS3的各种信息和示例。

6.  Sencha CSS3 Cheat Sheet

7.  Smashing Magazine CSS3 Cheat Sheet

二、CSS代码生成工具

1.  Gradient Editor

一个强大的CSS渐变代码可视化编辑器，类似于Photoshop的渐变设置界面。

2.  Gradient

CSS3渐变代码生成器。

3.  Border Radius

边界半径（圆角）代码生成器，通过设置四个角的半径数字，即可自动生成代码，且能够直接预览到效果。

4.  CSS3 Generator

通过可视化形式设置各种属性，包括文字阴影、轮廓、边界、渐变、过渡等，并能够自动生成代码。

5.  CSS3

针对边界半径、box阴影、背景渐变和不透明度的CSS3代码生成器。

6.  LayerStyles

如果你熟悉Adobe Photoshop，你会发现这个工具非常好用。

7.  CSSWarp

自动生成路径文本的CSS代码。

8.  Font Squirrel

生成woff、svg、eot和ttf格式的字体，并在CSS中使用。

9.  CSS3 Maker

强大的CSS3代码生成器。

10.  CSS3 Tool

各种CSS3代码生成工具集合。

英文原文：Useful CSS3 References and Online Generator Tools

6 个精彩的 jQuery 游戏开发教程

发表于由

随着HTML5和浏览器技术的发展，越来越多的应用和游戏开始使用HTML5/JavaScript或jQuery进行重写。

本文带来了6个教程，帮助你使用jQuery来开发游戏。

1. Sumon数字游戏

学习如何使用jQuery开发一个简单的sumon数字游戏。该游戏灵感来自于hyperandroid，可以很好地训练你对数学加法的敏感度。

源码 / 演示

2. 打字游戏

该游戏灵感来自于一款鲨鱼打字游戏，输入动画框中的单词即可得分。

源码 / 演示

3. gameQuery游戏引擎

gameQuery是一个易用的jQuery插件，开发者可以通过添加一些简单的游戏相关的类，来简化JavaScript游戏的开发。

源码 + 演示

4. 简易打字游戏

这是一个简单的基于jQuery的打字游戏，根据屏幕上的随机出现的字母进行打字，输入后，字母会下落消失。

源码 / 演示

5. 3d乒乓球游戏

该游戏灵感来自于流行的Flash游戏Curveball。玩家操纵一个方块，用于挡回反弹过来的小球，类似于乒乓球。

源码 / 演示

6. 贪吃蛇

学习使用HTML5 canvas和jQuery开发一个简单的贪吃蛇游戏。

源码 + 演示

英文原文：6 Awesome Game Development Tutorials with jQuery

绚丽而又实用的jQuery和CSS3导航菜单

发表于由

我们说导航菜单是网站的一扇门，然而精美便捷的导航更是能让用户方便地游走在网站的各个角落，更重要的是，能让用户牢牢地记住这扇大门，记住这个网 站。所以很多网站设计师对网站导航的设计非常重视。下面我就向大家分享几款个人觉得非常不错的jQuery和CSS3导航，每一款都挺实用的，而且都是开 源的，提供下载源码。一起来看看吧！

1、半透明效果的CSS3和jQuery导航菜单

这是一款基于jQuery和CSS3的导航菜单，该导航有一个特点，就是当你把鼠标移动到每一个菜单项时，旁边空白处就会出现半透明的菜单功能说明图标，这个图标是用CSS3绘制的，再加上漂亮的背景，整个导航显得非常大气，喜欢的朋友分享一下哦。

2、CSS3仿Windows 7的开始菜单

这是一款用纯CSS3实现的仿Win 7的开始菜单。如果我们分解这个Windows 7开始菜单，我们会得到1个div，2个ul列表，1组链接以及一些icon小图标，我们可以一起来看看具体的效果。

3、jQuery动画菜单jStackmenu

jStackmenu是一款基于jQuery的堆栈式动画菜单，当你用鼠标点击那个“爱心”按钮时，jStackmenu菜单就会以堆栈方式弹出或者收拢，并呈现出流畅的动画特效。

4、jQuery右键菜单插件jQuery ContextMenu

jQuery ContextMenu是一款功能强大的网页右键菜单插件，该插件将帮你非常方便地创建右键菜单。你可以指定右击的位置，同时菜单中还可以定单选框和多选框的复合控件，定制非常灵活。

5、银白色的CSS3导航菜单

这是一款纯CSS3制作的导航菜单，这个银白色的菜单在朦胧夜空的衬托下显得格外亮丽。当鼠标滑过导航时，每个菜单项又会呈现不同的效果，整体上，这款CSS3导航菜单非常简单而又具有立体感。

6、CSS3水平导航和垂直导航

这是一款灰色风格的导航，具有水平和垂直的形式，这个导航是由CSS3实现的，所以需要用支持CSS3的浏览器来查看。你可以通过自己修改CSS代码轻松实现漂亮的水平导航和垂直导航。

好了，今天就分享这些，其他的还在收集中，今后再献给大家，当然，我的分享非常希望得到你的支持微笑

谷歌高管称 Android 碎片化归咎于手机厂商

发表于由

北京时间6月30日上午消息，谷歌Android工程副总裁希罗什·洛克海姆(Hiroshi Lockheimer)本周表示，运行旧版本Android系统的智能手机和平板电脑数量将会下降，但由于Android生态系统固有的特性，最终结果如何将取决于手机厂商的做法。

洛克海姆表示，谷歌永远无法做到像苹果一样，即大部分iPhone和iPad用户能很快将设备升级至最新版iOS系统。他表示：“我们的统计图与苹果有些不同，因为我们生态系统的本质存在差异。”

他同时表示：“对一些设备厂商来说，当我们发布新版系统时，他们正在开发周期之中，因此时间并不总是非常合适。设备厂商将确定他们的目标是什 么。一些厂商可能会希望最先引入新版系统，他们也可能决定重新订制界面。Android是开源系统，我们希望给设备厂商更大的自由度。”

谷歌本周早些时候发布了Nexus 7平板电脑。这是谷歌推出的第一款自主品牌平板电脑，也是第一款采用Android 4.1“果冻豆”系统的设备。谷歌近期还完成了对摩托罗拉移动的收购，后者曾推出过Android平板电脑Xoom。

洛克海姆表示，较高的屏幕分辨率以及对电子书的支持是对平板电脑的最低要求。他表示，新版系统提供了名为Google Now的功能，这将是Nexus 7在面向大众市场时与iPad的主要不同之处。

谷歌还发布了开发者平台套件(PDK)，以鼓励开发者和设备商与谷歌合作。洛克海姆表示：“我们使硬件开发者与我们保持同步，这将加速更新。但我们也希望芯片厂商和设备厂商在进行升级之前针对产品做好全面的优化。”

他表示：“我主要考虑手机软件，但我妈妈使用的是手机。她可能并不知道软件版本，但对我来说这毫无疑问是一个重要问题。”