14 个在线生成 CSS3 的工具
1) CSS Creator – Layout Design 2) CSS Menu Maker 3) CSS3 Please 4) CSS3 Generator 5) CSS Border Radius 6) CSS3 Gradient Generator 7) CSS3 Button Generator 8 ) Mike Plate’s CSS3 Playground 9) Border Image Generator 10) CSS3 WRAP 11) Button Maker 12) Font Face Generator 13) CSS3 Click Chart 14) CSS3 Menu Generator via zoomzum 转自:http://www.oschina.net/news/29929/14-highly-useful-online-css3-generators?from=20120617
View Details11 个处理触摸事件和多点触摸的 JS 库
触摸屏是现在所有智能手机的标配,还包括各种平板设备,而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的 Web 应用,我们需要借助浏览器的触摸事件来实线。 下图是各种触摸事件说明: 本文我们介绍 11 个用来处理触摸事件以及支持多点触摸的 JS 库: QUO JS Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, Drag Other features: Built-in jQuery-like methods. It uses $$ to avoid conflict. File size: 13KB minified Standlone: Yes Hammer JS Events: Tap, Double tap, hold, drag, transform (pinch) Other features: Javascript library focused only for multi-touch gestures File size: 2KB minified Standlone: Yes Touchy Events: long press, drag, pinch, rotate, swipe Other features: jQuery plugin for webkit […]
View Details6 个免费的 C++ 图形和游戏开发包
今天我们将分享一些 C++ 在图形和游戏开发方面的库,相信这些库可以帮到开发者节省开发的时间。 1) Antigrain AGG,全名:Anti-Grain Geometry,是一个开源的、高效的2D图形库。AGG的功能与GDI+的功能非常类似,但提供了比GDI+更灵活的编程接口,其产生的图形的质量也非常高,而且它是跨平台的,其宣传可以在非常多的操作系统上运行。 2) Amanith AmanithVG SRE 是 Mazatech 发布的纯软件渲染矢量图形引擎,以完善其OpenGL ES 1.X+CM引擎(现命名为AmanithVG GLE)。 3) Codehead 4) Oscilloscope Lib 5) Lib SDL SDL(Simple DirectMedia Layer)是一个跨平台的多媒体和游戏开发包,提供2D,音频,事件驱动,多线程和定时器 等服务,并有大量的扩充开发包,如TCP/IP网络,游戏角色,混音等.SDL是用C开发的,但也有Perl,PHP,Delphi等多种语言的版本. 6) Ogre 3d OGRE是一个三维(3D)图形渲染引擎。它是面向对象的,并且高效,抽象化了不同的API和平台,这样可以以场景为对象来使用物体,支持多种场景.它已经成功地被应用于诸多三维仿真领域,包括网络游戏和三维仿真项目。 via zoomzum/oschina 转自:http://www.oschina.net/news/29968/6-free-c-graphics-and-game-libraries?from=20120617
View Details前端开发的 10 个新鲜工具
每个月我们都会带来一些新鲜和有用的网络工具,帮助设计师和开发人员能够轻松地实现自己的设计任务。今天,我们积累了10个新的网络工具,以简化的网页设计师和开发人员的任务,其中包括:gzipWTF采用HTTP压缩,scrambls处理在线隐私,虚拟生成图像及内容和debeaver管理数据库。希望这个名单将是对大家有用。 1. Dummy : 图像和内容处理的 PHP 工具包 Dummy 可以让你在任何高清图像图像上插入任何长度和格式的文本,包括段落、标题等等。Download 2. DBeaver : 免费的数据库管理工具 DBeaver 是一个通用的数据库管理工具和 SQL 客户端,支持 MySQL, PostgreSQL, Oracle, DB2, MSSQL, Sybase, Mimer, HSQLDB, Derby, 以及其他兼容 JDBC 的数据库。DBeaver 提供一个图形界面用来查看数据库结构、执行SQL查询和脚本,浏览和导出数据,处理BLOB/CLOB 数据,修改数据库结构等等。Download 3. Redactor : JavaScript WYSIWYG Editor Redactor 是一个 jQuery 的插件,实现在线所见即所得的 HTML 编辑器。界面简洁,加载速度快。不过不支持 IE6 浏览器,如果你不需要考虑 IE6 不妨试试。Download 4. The Golden Grid Golden Grid 为 960 Grid System 增加了水平线。由行和列之间的交叉点形成的矩形的特点是和谐的尺寸和性质,更加均衡布局用来更快,更精确定位页面上的元素。Download 5. Scrambls Scrambls 允许对在线内容在提交之前进行加密。Download 6. QR Hacker QR Hacker 是一个 Web 服务,为文本、URL、电话号码和 […]
View Details五大主流浏览器 CSS3 和 HTML5 兼容性大比拼
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准。 当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解。本文是一份IE,Chrome,Firefox, Safari,Opera五大主流浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种特性支持情况的详细清单。 CSS3 属性 从表中可以看出,CSS Transforms 3D 还没有浏览器支持,除此之外的其它属性在 Windows 平台,Chrome 和 Safari 全部支持,其次支持比较好的是 Opera 和 Firefox,曾经一片红叉的 IE 开始迎头赶上。在 Mac 平台 Safari 仍然表现优异,其次是 Firefox 和 Opera。 CSS3 选择器 最让人高兴的就是这张表了,除了 IE 9 以下的版本,其它浏览器已全部支持 CSS3 选择器,包括 IE 9 和 将在明年发布的 IE 10。 HTML5 Web 应用程序 从表中可以看出,除了客户端数据库 IndexDB 和 触控(Touch)事件外,其它特性 Chrome 和 Safari 都全部支持,微软还得加油啊。(更新:经验证 Chrome 10 和 Firefox 4 已支持 IndexDB,Firefox 4 也已支持 WebSocket,不过由于安全原因默认是不开启的,我们可以通过 about:config 重新启用 WebSocket,只需启用 network.websocket.override-security-block […]
View Details10个让人眼花缭乱的 HTML5 和 JavaScript 效果
作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性。如今,很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果,让你体验下一代 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待。 Breathing Galaxies 动态变换颜色和直径,可通过键盘或者鼠标产生新的形状,这个效果很炫很炫! FlowerPower 灵感来自大自然的使用,使用花朵作为画刷,以贝兹曲线方式绘图。 Noise Field 移动鼠标可改变粒子的运动,点击可随机生成不同的粒子效果。 Keylight 双击生成两个以后的键即可发出声音,移动键的位置可产生不同的声音效果。 Swirling Tentacles 三维脉冲效果,沿着脉冲线有运动的颜色渐变模块。 Blob 拖动水滴有重力效果,双击可以分离,小水滴碰到大水滴会合并。 Rotating Spiral 旋转的螺旋效果,看得有点头晕,单击可以控制开始和停止旋转。 Magnetic 模拟磁性粒子流效果,非常逼真。 Trail 彩色颗粒跟随鼠标运动效果,带尾巴淡出效果。 Graph Layout 一种交互的力向图布局效果。
View Details九个让人难以置信的HTML5和JavaScript实验
Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。 Untangle拖动蓝点,让所有线都不相交,看看你多久能解开? :) Z Type一款太空射击游戏,基于ImpactJS游戏库开发。 Cube Out模仿经典的益智游戏Blockout(三维俄罗斯方块),移动和旋转方块填补空白,完成一层后会自动消隐。 Bounce 一款javascript游戏,点击和控制蓝色的盒子,让黄色的点击不要碰到红色的点。 Sketch 3D一款非常棒的素描工具,这里可看别人的作品。 ConductorConductor转换纽约地铁系统为一个互动的弦乐器,使用真实的地铁时刻表来模拟。 Bacterium模仿水族馆,您可以创建丰富多彩,充满活力的运动模式。 Ultra Neuron Pong这是模仿经典的Pong游戏开发的一款基于HTML5技术的游戏。 Tank World一款让人惊叹的三维射击游戏。
View DetailsHTML 5 标签、属性、事件及浏览器兼容性速查表
HTML 5 可以说是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走,但 HTML 5 正在改变 Web。为了方便大家学习HTML 5 ,本文与大家分享几份 HTML 5 标签、属性、事件及浏览器兼容性速查表。 HTML 5 Cheat Sheet 非常完整的一份HTML 5速查表,包括HTML 5 标签、属性、事件及其浏览器兼容性,图片格式。 HTML 5 Visual Cheat Sheet HTML 5标签速查表,PDF格式。 HTML5 Canvas Cheat Sheet HTML 5 Canvas速查表,PDF格式。 HTML 5 Cheat Sheet 另外一份HTML 5标签速查表,PDF格式。 另外推荐三个很有帮助的网站: 1、当前浏览器HTML5支持情况在线测试:http://www.html5test.com/ 2、当前浏览器对HTML5、CSS3的支持情况:http://www.findmebyip.com/ 3、各个浏览器对HTML5、CSS3支持情况大全:http://www.caniuse.com/ 转自:http://www.cnblogs.com/lhb25/archive/2011/03/16/1965681.html
View DetailsRed5不能启动,删除这两个文件却可以,不理解
Red5不能启动,删除这两个文件却可以,不理解: com.springsource.slf4j.juli-1.6.1.jarcom.springsource.slf4j.log4j-1.6.1.jar
View DetailsWCF实例
在IService1.cs定义服务契约 namespace WcfDemo{ // 注意: 如果更改此处的接口名称 "IService1",也必须更新 Web.config 中对 "IService1" 的引用。 [ServiceContract] // 服务合同 即提供服务的接口或类 public interface IService1 { [OperationContract] void AddTicket(int count); [OperationContract] int BuyTickets(int Num); [OperationContract] //服务契约 即提供服务的实现方法 int GetRemainingNum(); // 任务: 在此处添加服务操作 } // 使用下面示例中说明的数据约定将复合类型添加到服务操作。 [DataContract] //数据契约 public class Ticket { bool boolCount = true;//判断是否还有车票 int howmany = 10;//还有多少车票 [DataMember] public bool BoolCalue { get { return boolCount; } set { if (HowMany > 0) { boolCount = false; } else { boolCount = true; } } } [DataMember] public int HowMany { get { return howmany; } set { howmany = value; } } }} 在Service1.svc中实现契约服务
1 |
namespace WcfDemo { // 注意: 如果更改此处的类名“Service1”,也必须更新 Web.config 和关联的 .svc 文件中对“Service1”的引用。 public class Service1 : IService1 { Ticket T = new Ticket(); public void AddTicket(int count) { T.HowMany = T.HowMany + count; } public int GetRemainingNum() { return T.HowMany; } public int BuyTickets(int Num) { if (T.BoolCalue) { T.HowMany = T.HowMany - Num; return 1; } else { return 0; } } } } |
1 |
<wbr></wbr> |
1 |
<br />添加宿主程序用于监测服务<br />添加WinForm项目加入解决方案<br />界面如下图:<br /><img src="//www.qiandabao.com/upload/201008310021340361.jpg" real_src="//www.qiandabao.com/upload/201008310021340361.jpg" width="490" height="367" alt="WCF实例" title="WCF实例" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; list-style-type: none; list-style-position: initial; list-style-image: initial; " /><br /><br />界面上两个按钮:<br />启动服务按钮: 用于启动wcf服务<br />停止服务按钮: 用于停止wcf服务<br />Label: <wbr></wbr> <wbr></wbr> 用于显示服务相关信息<br />后台代码为:<br />应用命名空间 <wbr></wbr> using System.ServiceModel;<br />添加引用 wcf服务生成的dll文件<br /> |
1 |
public partial class Form1 : Form { public Form1() { InitializeComponent(); } ServiceHost host = null;//定义 ServiceHost private void button1_Click(object sender, EventArgs e) { host = new ServiceHost(typeof(WcfDemo.Service1));//WcfDemo.Service1 为引用的dll中的服务 host.Open();//启动服务 this.label1.Text = "服务已启动"; } private void button2_Click(object sender, EventArgs e) { if (host.State != CommunicationState.Closed)//判断服务是否关闭 { host.Close();//关闭服务 } this.label1.Text = "服务已关闭"; } } |
1 |
<br /><br />接下来配置app.config<br /> |
1 |
<?xml version="1.0" encoding="utf-8" ?> <configuration> <system.serviceModel> <services><!--添加服务--> <service name="WcfDemo.Service1" behaviorConfiguration="CalculatorServiceBehavio<wbr></wbr>r"> <!--name 必须与代码中的host实例初始化的服务一样 behaviorConfiguration 行为配置 --> <host> <baseAddresses> <!--添加调用服务地址--> <add baseAddress="http://localhost:8000/"/> </baseAddresses> </host> <!--添加契约接口 contract="WcfDemo.IService1" WcfDemo.IService1为契约接口 binding="wsHttpBinding" wsHttpBinding为通过Http调用--> <endpoint address="" binding="wsHttpBinding" contract="WcfDemo.IService1"></endpoint> </service> </services> <!--定义CalculatorServiceBehavio<wbr></wbr>r的行为--> <behaviors> <serviceBehaviors> <behavior name="CalculatorServiceBehavio<wbr></wbr>r"> <serviceMetadata httpGetEnabled="true"/> <serviceDebug includeExceptionDetailIn<wbr></wbr>Faults="false"/> </behavior> </serviceBehaviors> </behaviors> </system.serviceModel> </configuration> |
1 |
<br /><br />在服务启动后可通过appConfig中baseAddress节点中的baseAddress地址查看Wcf服务<br /> |
1 |
<wbr></wbr> |
为项目添加服务引用地址输入服务主机appconfig中baseAddress地址点击前往(添加服务引用时一点是在服务启动状态下的)
1 |
public partial class Form2 : Form { public Form2() { InitializeComponent(); } ServiceReference1.Service1Client TClient = new WinFormsClient.ServiceReference1.Service1Client(); //声明客户端调用 private void button1_Click(object sender, EventArgs e) { int i = TClient.BuyTickets(2); //调用WCF中的方法 if (i == 1) { this.label1.Text = "购买成功"; } this.label1.Text += "剩余车票还有" + TClient.GetRemainingNum().ToString(); } private void button2_Click(object sender, EventArgs e) { this.label1.Text = ""; this.label1.Text = TClient.GetRemainingNum().ToString();//调用WCF中的方法 } } |