12 2011 档案
摘要:你还在为找不到一套好看的按钮而发愁吗?看看下面这些按钮,总能找到一款你满意的。12 App Store Download Buttons (PSD)Simple ButtonsCTA Buttons3D ButtonsTwitter and Facebook Connect ButtonsSocial Sign In ButtonsDownload the Source Files ButtonCall to Action ButtonsBlue Download ButtonsBig Download ButtonAdd to Cart Buttons (PSD)Buy ButtonLear
阅读全文
摘要:jQuery Masonry 是一 个用来布局的jQuery插件,本文介绍 15 个使用 jQuery Masonry 制作的网站例子,很不错。1.Cutest Paw2.All Blues3.Do Whatever It Takes4.Pattern Tap5.We And The Color6.All in My Head7.Dazed Digital8.Photography by Koa Metter9.All Women Stalk10.Cla-ude11.Chromeography12.Fab.com13.Inspire Well14.Interview Magazine15.Ve
阅读全文
摘要:1. MASHA (Mark & Share)MASHA (Mark & Share 的缩写) 是一个可以让你分享网页部分内容的 JavaScript 库。2. JScraft scroller通过点击某个图片,该图将移到网页中央,其他相应的图片进行位置滑动。在线演示:here.3. Windows-like Interface在这个教程中你可以学习如何创建一个类似 Windows 界面的网页,在线演示here.4. Flow SliderFlow Slider 是一个轻量级的 jQuery 插件用于通过鼠标的交互进行页面内容的滑动。5. jQuery Transit超级平滑的
阅读全文
摘要:2011年涌现出诸多优秀设计,随着操作系统的更新和硬件性能的提升,交互设计又被提升到一个新的高度。不再是将内容从互联网搬至移动设备,而是解决设备本身的问题,根据用户需求从操作方式、信息架构和内容呈现等各个方面挖掘设计的可能性,为用户带来新颖的交互体验。本文汇总今年热门产品的界面案例,希望能从中总结出未来一年需要重点关注的设计趋势。突出主要功能对于信息架构的不同,主界面也会有很大区分,以某一功能吸引用户,如拍照分享。专注是从众多相似产品中脱颖而出的产品策略。有数据表明,如果界面某项功能在视觉上最明显,那也将提高用户使用的机率,而从主界面点击超过三次才能操作的功能被使用机率则非常低。integra
阅读全文
摘要:微软最新的移动操作平台为Windows Phone提供了全新的内容组织方式和不同的用户体验,在此基础上,Windows 8 也将采用同样的Metro设计原则。与以往的侧重点不同,Windows Phone更注重于用户的社交生活,尤其是针对那些生活中离不开社交网络的用户们。那么,作为设计师要关注些什么呢?首先,这是一个全新的平台和用户界面,因此,我们有更多的空间为之提供更好的创意。Windows Phone目前正处在一个上升通道内,对设计师来说,也是一个全新的挑战。我们需要更多的探索来学习如何为用户提供更好的体验。其次,Metro是一个我们不可忽视的新兴设计领域。作为Windows 8的界面基础
阅读全文
摘要:导航在网站设计中起着举足轻重的作用。一个设计简易的导航相对于复杂的导航将能够很好的帮助用户探索网站内容。无论从网站设计功能的任何角度来看,导航都是首先我们需要设计和实现的。实现一个无与伦比并且能成功满足导航需要的导航设计就好像是登上珠穆朗玛峰。设计一个具体有特别的功能的导航会使得网站导航对于用户非常有趣,并且能够提高用户的使用体验。这次我们选择了一些使用超棒并且不寻常的导航元素实现的网站,希望大家喜欢!1.Tvrdek初上这个网站,你可以感觉这个网站没有任何内容,但是一旦你使用导航栏后,你会发现浏览这个网站是一件多少有趣的事情。2.Racket这里你将看到导航悬浮于空中。导航菜单看起来有点即兴
阅读全文
摘要:jQuery Mobile 1.0 已经发布了, 做为jQuery的移动设备类库, 并且依靠着jQuery这个及其受欢迎的类库,必将带给大家不一样的使用体验,基于jQuery Mobile的插件开发必定也会非常受欢迎,今天我们GBin1这里推荐给大家16款最新的jQuery Mobile上使用的jQuery插件,希望大家喜欢!1. jQuery Mobile Pagination Plugin这 个插件是由大名鼎鼎的filamentgroup开发的插件,主要为了在移动设备上实现分页显示效果,我们可以使用它来显示不同页面或者是展示图片库,它 使用HTML anchor来连接不同页面,并且提供预加
阅读全文
摘要:这是一份历尽千辛万苦,迟来却依旧让人无比激动的圣诞礼物。就在大约1个小时之前,Pod 2g的博客终于迎来了更新,标题更是醒目的“A4 release”,等待终于结束了。 Pod 2g在博客中称,基于他的研发成果,Chronic Dev Team(带头大哥p0sixninja,代表作绿毒)和iPhone Dev Team(带头大哥肌肉男,代表作红雪)经过测试后,于今天正式发布A4设备的iOS 5.0.1完美越狱。 无论是已经不完美越狱的用户,还是从未使用RedSn0w越狱的用户,均可使用本次越狱方案进行完美越狱。支持设备:iPhone 3GS/4,iPad1代,iPod touch 3/...
阅读全文
摘要:imgAreaSelectimgAreaSelectis ajQueryplugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those onFlickr).Plugin features:Highly configurableCustomizable with
阅读全文
摘要:crop» the jQuery Image Cropping Pluginhttp://deepliquid.com/content/Jcrop.htmlCropZoomhttp://www.gastonrobledo.com.ar/cropzoom/index.html这个可以旋转图片imgAreaSelecthttp://odyniec.net/projects/imgareaselect/
阅读全文
摘要:Web2.0很重要的一个特征就是交互性的强化,而拖放的引入,可以起到很好的交互效果,JQuery UI包已经包含了拖放,但拖放的应用不只应用于层的拖拉,接下来明河推荐几个独到的应用拖放的JQuery插件。明河是推荐直接使用jqueryUI包中的拖放,当你的需求jquery拖放UI无法满足时,不妨看下以下插件。1、Superfun查看示例点此下载示例中演示了对倾斜容器的拖放,当然这个demo不兼容IE。2、CropZoom查看示例点此下载拖放在图片剪切中的应用,这个朋友么应该不陌生,这个jquery插件的强大之处在于,你不只可以改变剪切区域,还可以控制图片大小,以及图片的旋 转。3、Jquery
阅读全文
摘要:1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我以前一直以为这是chrome的特性,没法去掉,原来是css的效果,outline这个属性。你可以用下面的css代码去掉所有元素的边框:*:focus {outline: none;}用下面的代码去掉你要去掉的元素的边框:.nohighlight:focus{outline:none;}你也可以给元素增加你希望的边框:.changeborder:focus{outline:Blue Solid 4px;}2、用chrome登录了一次并记录了COOKIES之后,再次打开,
阅读全文
摘要:ChaptersLibrariesDojo ( http://dojotoolkit.org)ExtJS/Sencha ( http://extjs.com)GooglejQuery ( http://jquery.org)3.0.1+3.0.5+OpenLayers ( http://openlayers.org/)YUI ( http://developer.yahoo.com/yui/)Not currently supported with API DocsLibrariesStudio ships with the ability for users to extend suppor
阅读全文
摘要:互联网倡导开放、平等、协作和分享的精神。开源软件(英语:Open source software,英文缩写:OSS)是一种源代码可以任意获取的计算机软件,这种软件的版权持有人在软件协议的规定之下保留一部分权利并允许用户学习、修改、增进提高这款软件的质量。开放源代码的定义由Bruce Perens(Debian的创始人之一)于1997年提出。但其基本概念在几十年前就已经开始形成,最早可追溯到1955年,当时IBM为了交换编程材料、深入研究IBM操作系统而开发的“IBM用户组分享”。今天我们就通过SourceNinja的这幅信息图一起了解一下开源软件的发展史。
阅读全文
摘要:浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能,开发者现在能够开发出 更精细、更复杂、更有想象力的用户界面了。这为网站开发扫清了障碍,网站能够拥有让人惊喜的用户界面了。那些喜欢冒险体验前沿技术的开发者现在应该会非常 开心。有时候,这种技术的运用是非常精妙的,它无声无息地改变了应用的用户体验。有时结果就像是加入樱桃可乐中的跳跳糖,悄悄地给人们带来惊喜。Web开发者Phil Hawksworth在这篇文章中总结了Web上经典的JavaScript用法。这里有20个特别突出的网站,他们在定位、技巧或者是JavaScript的
阅读全文
摘要:大家知道,苹果App Store的应用审查十分严格,可以说近乎吹毛求疵。如何才能确保自己的应用通过苹果的审查,顺利在App Store上架?以下是BI为广大开发者总结出来的10条设计原则:1)操控便捷iOS应用的控制设计应该具有圆润的轮廓和程式化的梯度,操作便捷。2)结构清晰、导航方便充分利用iOS导航栏。尽量将所有的导航都安排在一个分层格式中,方便显示应用内的当前位置。3)微妙清晰的用户反馈使用动画显示用户的操作结果。一个经典的例子是:当用户长按进入“重新排列模式”时,应用会抖动。4)确保外观和功能协调如果是生产力类型的应用,可在背景中加入与之协调的装饰,注重最大限度地发挥功能效益;如果是游
阅读全文
摘要:gMap – Google Maps Plugin For jQuerybMap – jQuery Plugin$.goMap – google maps jQuery pluginqmap3 – A jQuery plugin to use google maps version 3Google maps v3 plugin for jQuery, jQuery UI and jQuery MobilejQuery Mobile Plugin for Google Maps: Route Finder AppjQuery and Google Maps Tutorial: #1 Basics
阅读全文
摘要:Nrelate Related Content 真的是一款很棒的插件,用于从网站和博客中显示相关内容,它可分析文章的内容并显示跟该文章有关的其他文章,这为你带来更多的 PV 以及良好的用户体验,相关文章的显示使用缩略图和标题的方式。Nrelate Flyout使用浮动框显示文章相关的其他文章Yet Another Related Posts Plugin相关文章显示插件,还可统计访问者对这些相关文章的感兴趣程度。SimpleReach Slide该插件在用户阅读完文章后会自动滑出,并显示相关的其他文章。IGIT Related Posts With Thumb Image After Post
阅读全文
摘要:本文仅记载供后期使用而已,图片较多,网速慢请勿查阅!一直以来,使用SVN习惯了,这次的AMP需要一个内部项目,所以就自己搭建一个SVN,虽然现在只有我一个人使用,但为了方便整理代码及其往后的维护,所以就在本机搭建了一个版本库。首先需要去SVN官网下载服务器端、客户端和SVN for VS三个包就可以了。安装完成,就有如下管理界面:然后即可通过这个管理界面进行代码库的管理,用户管理等操作。创建代码库可以通过这两个方式:或即可打开创建版本库的界面,如下:完成后,则是一个空库,需要引入相应的项目,同时我们还需要为此库创建用户及其维护用户权限等,如下图所示:设置版本的用户及其相应权限:进入后,则进行具
阅读全文
摘要:作为处于发展阶段的新一代Web开发标准,HTML5正以其简洁的书写规范、良好的兼容性以及务实的原则为越来越多的网站所接受,这是WHATWG与W3C共同努力的结果,作为标准的参与制订者,各浏览器厂商也在积极地为其提供支持。豆瓣一向热衷于新技术的探索和创新,前端团队在HTML5与CSS3方面也有过很多尝试,从视觉效果到富媒体内容再到本地存储等等,其中一部分已经应用于线上产品,还有一部分以浏览器扩展、客户端、手持设备应用等形式服务于不同需求的用户。下面我就来简单介绍下:在线上产品中的应用豆瓣目前主要的流量来源依然是PC端的IE6,这是个颇具中国特色的无奈事实,但我们同时发现,豆瓣的Chrome和Fi
阅读全文
摘要:其实这个文章叫大型网站用户定位技术,其实今天要讲的不是智能DNS ,今天是要讲的智能DNS 的问题,和一些网站对这个的处理,下面要讲的这个技术主要是针对比较大的文件,比如下载和视频之类。为什么要讲这个,主要是我的群中一些朋友吵着想了解一下。我答应了非常非常久了。直到现在才有时间给大家分享一下。我们知道,现在很多网站的 GLSB都是基于DNS来做。DNS的解析流程如下。我们来看。比如,我是北京的用户,我的 DNS 为 202.106.0.20.当我要打开 www.php-oa.com 时,先会给请求发给 ISP 告诉我的 DNS.这个叫 Local DNS 。然后其它的向根域和二级域的查询,都是
阅读全文
摘要:当今从纯网站技术上来说,因为开源模式的发展,现在建一个小网站已经很简单也很便宜,所以很多人都把创业方向定位在互联网应用。这些人里大多数不是很懂技术,或者不是那么精通,而网站开发维护方面的知识又很分散,学习成本太高,所以这篇文章将这些知识点结合起来,系统的来说,一个从日几千访问的小小网站,到日访问一两百万的小网站,中间可能会产生什么问题,以及怎么才能在一开始做足工作尽量避免这些问题。对于不同的初期投资成本,技术路线的选择是不同的。这里假设网站刚刚只是一个构想,计划第一年服务器硬件带宽投入5万左右。对于这个资金额度,有很多种方案可选择,例如租用虚拟主机、租用单独服务器,或者流行的私有云,或者托管服
阅读全文
摘要:1.时区设置有些时候,当你在PHP里使用date或mktime函数时,由于时区的不同,它会显示出一些很奇怪的信息。下面是解决这个问题的方法之一。就是设置你的服务器的时区。你可以在这里找到所有支持的时区的清单。1.SetEnv TZ Australia/Melbourne2. 搜索引擎友好的301永久转向方法为什么这是搜索引擎友好的呢?因为现在很多现代的搜索引擎都有能根据检查301永久转向来更新它现有的记录的功能。1.Redirect 301 http://www.aqee.net/home http://www.aqee.net/3. 屏蔽下载对话框通常,当你下载东西的时候,你会看到一个对话框
阅读全文
摘要:Web开发很简单,Web应用的UI开发却很复杂,如果能够利用一些成熟的UI框架可以大大的减少开发的复杂度。本文向你介绍5款界面效果很不错的JS框架。1.ExtJSExtJS主要用来开发RIA富客户端的AJAX应用,主要用于创建前端用户界面,与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。授权协议:
阅读全文
摘要:Firefox浏览器能成为Web开发者和设计者最喜欢的浏览器,一个重要原因就是它有着丰富的插件可以用来辅助我们完成Web开发工作。下面给大家分享十款在Web开发工作中经常会用到的插件,利用好它们可以大大提高工作效率。1. FireBug在众多插件中Firebug无疑是大家最熟悉用的最多的了。Firebug集成在Firefox中,提供了一套开发辅助工具,诸如页面HTML、CSS、Javascript的浏览、编辑、调试、网络监控等等……2. FireShotFireShot是一款具有完备功能的屏幕截图插件。除了传统的截取可见区域和截取整个页面外,fireshot还支持截取浏览器窗口。此外fires
阅读全文
摘要:对于Facebook这样超大规模的网站,很多传统的解决方案根本不适用。Facebook工程师们面临的巨大挑战是保证一个近5亿活跃用户的网站一直稳定可靠地运行。他们是如何做到的呢,这篇文章将介绍一下他们所使用的软件和技术。 Facebook飞速发展面临的挑战 在进入讨论细节之前,先看下面的一些数据,也许让你对Facebook所面临的巨大挑战有一些直观的认识:Facebook每月有5700亿页面浏览量(据Google Ad Planner)。Facebook的照片量比其他所有图片网站加起来的还要多(包括Flickr等网站)。每个月超过30亿张照片被上传。Facebook的系统每秒要处理120万..
阅读全文
摘要:即使 您在设计中只采用了一对,又或者整个页面都是,在Web设计中也将是很好的选择。您可以使用不同的蓝色色调梯度,蓝色背景纹理,蓝色字体排版或蓝色图标。 您有足够可以采用的非常酷的组合,使得您建立一个可以触摸的时尚类型的网站。对于我来说,蓝色使我想到自由、新鲜、高雅和时尚。因此,看看我们精心挑选的这55个激发您设计灵感的蓝色风格Web设计吧。Eighty Two DesignBounty BevVisual NotionCritical ZeroEric Campbell / Est.86FeedStitchBlackwave Creativeyoodaz-index.itthepixel.co
阅读全文
摘要:无论您下载和解剖预建模板是为了学习最新的CSS布局技术,或者下载的目的是为了易于编辑制作现成的独立网站,您都不应该仅限于免费且可用的一个拥有众多克隆版本、陈旧的且往往是枯燥的模板。网页设计的流行趋势和技术总是在千变万化,因此,您所挑选的模板选择应该是能够反映出这一点的。这一轮的CSS和XHTML模板,我们正是基于这一原则(符合最新的设计趋势、采用最新的技术)而筛选的。他们创建的都是相当专业的,且一切都是符合标准的,以他们独特的方式,组成为一个现代化独立的Web站点。Corporate LayoutsLawyer&Attorney立即下载Darkness立即下载在线预览DesignHQ立
阅读全文
摘要:CSS3 技术不确定你可以利用CSS3吗?再想想。网络先锋如Andy Clarke 和 Jeremy Keith一直提倡网页设计要“逐步加强”。逐步增强是指在网站设计师时要兼顾到旧版浏览器的可用性,而“增强”则是针对喜欢最新技术的用户。在这样的设计阵营,你利用可以尽情利用CSS3属性的优势,如圆角,边框背景和文本框阴影。新版浏览器用户会看到一个很好的版本,并且对旧版本用户( IE6同学,我就不每次都点名了)将看到较为基本的版本。CSS3 动画在网络上动画经历了很多阶段。起初,我们只能用GIF动画图片。然后,我们又几乎限于Flash。现在,我们可以选择的有Flash,Silverlight,以及
阅读全文
摘要:纯粹主义者会说,伟大的设计是永恒的。是的,在一个理想世界中,我们可以忽视趋势与流行。但是实事求是地讲,跟踪和融入设计的趋势是很有价值的,尤其是网站方面。让我们面对现实:网络时刻在迅速变化,而不像其他媒体,网站设计的趋势不再仅仅受美学驱动。技术是不断变化的,媒介的能力和手段都在随之而发生巨大变化。2010年,我们看到设计师在网页设计方面不断推陈出新,形成了以下明显的趋势...印刷式设计印刷设计一直都是网页设计的灵感来源。网页设计已经有了一段的历史,足够形成一个强劲的没有印刷设计经验的设计师核心。而结果我们看到更多的灵感是来自于印刷,似乎这些设计师不仅仅是网站设计。 衬线字体印刷的最重要问题之一是
阅读全文
摘要:就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuery, Ajax 还有其它。尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效,但这些都能用jQuery轻松实现!下面有21 个在线的演示来显示jQuery在制作高级特效和交互方面的强大能力,可以媲美Flash!1. Flip! 一个 jQuery 插件这个演示 模仿流行的卡片翻转的效果,可以360度旋转自身,x或y维度!2. jQuery Qui
阅读全文
摘要:使用Eclipse调试Android程序,源代码没有错,但总是提示:Error generating final archive: Debug certificate expired on ****从字面了解,是由于Debug证书过期所致。Android的应用程序必须经过开发者自己的自签名证书进行数字签名之后,才能安装到Android系统上。在开发调试阶段,默认情况下,ADT辅助工具帮我们对apk文件进行了签名,采用的是默认的Debug版本的签名文件。安装之后,Android SDK会生成一个Debug签名证书,保存在debug.keystore文件中。ADT使用这个证书对每个生成的应用(Ap
阅读全文
摘要:在这篇文章中,我们将介绍10个超棒的在线表单生成器,帮助你整合web表单到你的网站中,希望大家喜欢!1. Form Assembly这是个web表单的CSS样式集合2. JotForm第一款基于可见即可用的表单生成器。使用你的浏览器创建和发布web表单。一个拖拽的用户界面使得表单创建对于任何人都是轻而易举的事件3. pForm (Free HTML Form Builder – Create Web Form Template Online)一个在线的帮助你生成漂亮HTML表单的工具。4. FormLogix一个免费的在线表单生成器。可以整合到web页面或者博客中5. Wufoo一个HTML的
阅读全文
摘要:程序开发人员和网页设计人员掐架的事情常有听说,程序员们总是为自己设计不出来漂亮的网页而纠结。不再郁闷,因为开源帮了你,下面为你介绍11款相当不错的CSS框架,专心做程序吧,网页设计交给开源帮你。CSS网页布局框架ElasticElastic 是一个简单的 CSS 框架用来对网页进行布局。Elastic 可实现各种各样常见的网页布局,如下图所示:(X)HTML/CSS 框架ThinkCSSTC (”ThinkCSS”) 是一个 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网
阅读全文
摘要:jquery UI(官方的UI插件,功能很多,但我只用少数几个) jQuery EasyUI jQuery LigerUI 对话框: artDialog(很欣赏这个插件,又强大又美观) AsyncBox(制作者小吴同学也是博客园的人呢) jBox(继续国人的插件,就是皮肤稍微做的弱了点,功能上一点不输前两者) lhgDialog(作者似乎和我同龄,挺不错的) 表单验证: jquery-validate(这个就不用介绍了吧) jQuery formValidator(作者也是园子里的人哦) 放大镜: cloud zoom(这个效果炫) 图片查看: jquery.fa...
阅读全文
摘要:近期随着Adobe弃Flash转投HTML5开始,HTML5又开始吸引着大众的目光。在几大巨头的推动之下,HTML5将成为下一代Web的标准。与现在使用的HTML标记语言相比,HTML5有更多的标签和属性,使用也更为灵活功能也更强大。现在已经有很多前沿的网站开始使用上了HTML5,Techrepublic收集整理出了10个使用HTML5非常优秀的下一代Web网站。什么才是优秀的HTML5网站?因为HTML5还没有成为国际标准,旧的浏览器还无法支持HTML5,所以优秀的能当例子的HTML5网站第一个要求就是要能够兼容旧的浏览器。并且在网页代码中应该声明<!doctype html>,
阅读全文
摘要:鼠标悬停效果是网页制作的常用特效之一,早期使用Flash可以制作非常炫的效果,现在我们同样也可以使用CSS和JavaScript来实现。本文中,我们将推荐一些非常不错的鼠标悬停特效教程,希望对大家有所帮助!1.Hover and Click Trigger for Circular Elements with jQuery这个教程介绍如何使用jQuery处理一个真正的圆形元素的悬停效果,使用:hover实现悬停。2.Original Hover Effects with CSS3使用jQuery实现的10个不同的悬停效果展示,帮助你构建超酷的悬停效果。3.Fancy Image Hover U
阅读全文
摘要:jQuery 是最流行也是使用最广泛的 JavaScript 框架,它简化了 HTML 文档操作,事件处理,动画效果和 Ajax 交互。下面向大家分享8个优秀的jQuery倒计时插件和教程。jQuery CountdownspriteTimerphp ajax/jquery countdownAdd a Countdown Timer on Your WebsitejQuery FlipclockFancy CountdownCool jQuery Countdown JoomlajQuery Countdown
阅读全文
摘要:在现代网页设计中,字体也常会被当做重要的设计元素融入网页设计之中,以一种新颖的方式传达信息。设计师们发现了不依赖于图片、阴影和背景等元素去设计漂亮网站的新方法,那就是以字体为核心的网页设计,而且效果令人惊讶。今天这篇文字就收集了35佳以字体为核心的网页设计作品,一起欣赏。01. Games We Played02. Hello Studios03. Kccreepfest04. The Kettle05. English Workshop06. What the Fox07. Chillipear08. Creative Hut09. Joel Reed10. Cesarcabral11. B
阅读全文
摘要:在过去的两年里,触屏设备飞速增长。iOS和Android设备让开发者和设计师开始重新思考他们的网页应用,以提供更好的触屏体验。 移动Web应用相对于本地的App有很多优势,虽然也有很多在过去的两年里,触屏设备飞速增长。iOS和Android设备让开发者和设计师开始重新思考他们的网页应用,以提供更好的触屏体验。移动Web应用相对于本地的App有很多优势,虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于HTML的webapp开发。他们支持大部分流行的智能手机和平板。1.Lungo.js:HTML5移动开发框架Lungo.js是第一个应用HTML5和CSS3特性的移动开发框架。它
阅读全文
摘要:引子由于这些日子一直都在研究底层的技术,从 Windows 驱动程序,到 Windows 内核等等技术的学习,让我对底层的技术越发有兴趣了,而刚好,在研究 WRK 时,对内存管理,寄存器,地址总线,数据总线,控制总线等的理解不够透彻,所以越发的想学习汇编程序设计来提升功力,而由于近来在公司里一直都有项目压着,所以在公司里也实在不好拿本汇编程序设计看,所以只好晚上回来学习了, 汇编看了几个晚上,也算是蛮有感觉的。今天就先来搭个开发环境再说吧。开发环境搭配我介绍四种开发汇编程序的方式:第一种:直接在 Dos 环境下使用 Edit 命令调出源码编辑框, 生成源码后,可以使用由微软提供的 masm 汇
阅读全文
摘要:今天在修整博客侧栏信息时,利用到了Tab选项卡方式,因为ZBlog封装的是JQuery库,所以很自然地就想到了IdTabs。顺便也找来了不少优秀的Tab选项卡实例,在这里与大家分享一下。当然,最终我没有用到IdTabs以及如下任何一个实例,我只是很不服气的自己写了个小插件,尚不完善,就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧:NEW. KandyTabs 基于标准模式的万能选项卡有了这个选项卡插件,以下的6个基本可以另作考虑了。如果你只需要简单的应用,可以直接看第7个。毫不夸张!KandyTabs选项卡以HTML标准及用户体验为指导思想,顺便美其名曰有利于SEO,
阅读全文
摘要:介绍最近想研究下LoadRunner测试Oracle性能,然后自己就开始尝试着Linux上安装Oracle.本来感觉这件事情不怎么容易,听朋友说他安装的时候大费周折,重新安装多次,问了好多人才解决的,但完成安装后就感觉还是比较轻松的。现在和大家分享下我的经验,我本身也是Linux菜鸟。材料来源:Fedora8下安装ORACLE10G数据库图文详解说明:红字标明处是我的安装体会。环境介绍VMWare7.1,Fedora 8(Rad hat下的一个比较老的版本),Oracle 10g安装准备在WINDOWS上下载了10201_database_linux_x86_64.cpio.gz然后用WINR
阅读全文
摘要:CSS框架通常指的是一些CSS文件的集合,这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。虽然对于小的WEB开发项目来说,CSS框架并不一定适用,但是对于规模较大的团队开发项目而言,CSS框架不仅能加快设计开发速度,而且还能有效解决网站改版中带来的诸多麻烦和问题。这里推荐的15款CSS框架是现在国外最流行的CSS框架,希望能对你的开发有所帮助!例如:typography.css基本排版规则grid.css基于网格的布局layout.css通常的布局form.cssfor 表单样式general.css更多通用规则1 .Elements CSS FrameworksCSS F
阅读全文
摘要:日期:2011/12/15 来源:GBin1.comHTML5 和jQuery组合目前对于web开发人员来说是强大的工具之一,使用这个组合能够帮助你扩展你设计的局限,实现一些非常绚丽及其强大的web应用或者网 站。尤其是最近jQuery 1.0的发布,更助力了移动设备的开发。现在已经有很多的开发人员和设计人员开始使用HTML5和jQuery配合开发来显示各种特效。今天我们将给大家 推荐8个精心选择的HTML5和jQuery组合开发的教程,希望对大家有帮助,如果你喜欢这些教程,请给我们留言,谢谢!精选之英文教程1. HTML5和jQuery的灰度图片悬浮效果在这个教程中,作者使用HTML5的ca
阅读全文
摘要:最近Web圈子里最让人激动地莫过于HTML5了,特别是HTML5视频,使用HTML5视频标签可以帮助我们解决困扰我们很长时间的网站视频插入问题。 HTML5可以在没有flash的情况下播放视频。现在有很多的漂亮HTML5视频播放界面,包括控制元素,所以你不需要其它的东西来播放视频。这里我们 给大家介绍10款最好的免费HTML5播放器,希望大家能喜欢,支持我们,请给我们留言!The Free HTML5 Video Player一个免费的开源的使用javascript开发的HTML5播放器。解决了浏览器兼容性问题并且添加了很多非标准的强大功能。VideoJSvideoJS是一个HTML5视频播放
阅读全文
摘要:日期:2011/12/19 来源:GBin1.com2011即将过去我们将在几周后迎来新的一年。 这里我们将介绍10多个js和jQuery的MVC教程希望大家喜欢!jQuery MVC1. AJAX - Spring MVC 3和jQuery的整合这个教程中我们将使用jQuery的AJAX机制开发一个简单的Spring MVC3应用。我们将介绍如何使用jQuery.post()方法来处理post数据2. Progressive Enhancement Techniques如果你开发大量的javascript代码,你就应该考虑使用progressive enhancement模式来工作。基本流程
阅读全文
摘要:本文可以任意转载,转载时请务必以超链接形式标明文章原始出处在这里向一些付出工作的同志们和网站站长抱歉,有些资源是我直接保存的,现在有些网站打不开让我不能够贴上链接了,如果发现有损你们的利益,给我来信说明,我会及时改正IME输入法编程,关于函数,接口等等等等,偶入门时读的,后来还一直在查http://forum.mywuzhen.com/thread.jsp?forum=7&thread=1835&tstart=0&trange=15输入法编程指南(貌似论文):http://files.cnblogs.com/realfun/输入法编程指南.rar汉字输入法软件设计技术辅
阅读全文
摘要:由于其他工作,好多天又没有对MetaModelEngine进行思考了,这两天又腾出时间可以思考一下了,本篇介绍一下在图形编辑器中对操作如何实现Undo操作。 在图形设计器操作中,每个操作按钮都对应到一个命令,很多情况下我们都应该允许用户执行操作后回滚这些操作,或者回滚后又再次执行。在我做的报表引擎中,我是在每次操作后把设计文件都保留下来,这个在报表设计中是没有问题,但是在毕竟不是很好的设计。接下来要考虑对OpenExpressApp提供建模支持了,所以也需要考虑一下如何让图形设计器更好的支持这种Undo操作。 在公司的一个项目组中内部是使用命令模式,只是在传统命令模式中增加了一个UnExe..
阅读全文
摘要:英文原文:http://niniane.org/resume_howto.html这几年,我在Google工作,是一名软件工程师(之前是在微软做一个开发团队的队长),我曾浏览过成百上千的简历,从中挑选出可以进行下一步面试过程的 应聘者。 有些人的简历给我留下了很深的印象,而另一些则没有感觉。慢慢的,有越来越多的朋友和亲人向我咨询如何优化他们的简历,所以我就收集了一些我见过的简历中出现的最常见的问题,并给出了如何避免这些问题的建议:1.简历里要有你工作的技术细节:编程语言,你的个人成就和水平。我有时会看到一些简历,里面的工作描述就只有一行话,像这样: * 在一个3人组成的团队里开发一个 e...
阅读全文
摘要:这里是25个jQuery的小抄(有一些在墙外),有的还可以设置成你的电脑桌面。这些东西可以让你很快速地记得一些常用的东西,就好像软件的快捷键一样。希望它们对你会有帮助。1. jQuery 1.2 Cheat-sheet[PNG]2. jQuery 1.2 Cheat Sheet v1.0[PDF]3. jQuery 1.3 Cheatsheet[PDF]4. jQuery API Browser[Adobe AIR, HTML]5.jQuery1.1 Cheat Sheet[HTML]6.jTouch – jQuery Cheat Sheet for iPhone[HTML]7.jQuery
阅读全文
摘要:从可查询的分布式解决方案,如MongoDB,到简单的分布式Key/Value存储解决方案,如Cassandra。此外,还有Riak,Tokyo Cabinet,Voldemort,CouchDB和Redis。但目前仅有少量的NoSQL项目支持在Windows平台上运行,如果要说到生产应用那就更少了。MemcachedMemcached传统上认为它不属于NoSQL的范畴,而是一个分布式Key/Value内存缓存解决方案,它可以用来存储各种各样的临时数据集,存储方式和其它NoSQL数据库解决方案没有什么差别。NorthScale提供了适合于32位和64位Windows平台的Memcached程序包
阅读全文
摘要:国内站点:http://www.gameres.com/中国游戏开发技术资源网(国内知名游戏技术站)http://bbs.gamedev.csdn.net/web/default.aspx中国游戏开发者CGD(论坛)http://www.chaosstars.com/北京混沌星辰科技有限公司-ChaosStars(之前的开发GBA程序的小组)http://www.cgfront.com/ 中国游戏@图形前线(ver6.0) by inova-Techhttp://www.chinaai.org/index.asp人工智能|模式识别|数字图像处理—中国人工智能网http://www.cad.zj
阅读全文
摘要:韦诺之战是一款主要基于 C++ 的回合制SLG游戏, 使用SDL作为图形引擎, 目前已经一直到了Windows、Linux、FreeBSD和Mac OS X等多种操作系统上, 有16种不同部族, 可以进行单机战役、多人游戏.下载 Wesnoth 1.8.4 (stable):Source(286.6MB)LinuxWindows(267.1MB)MacOSX(290.5MB)and more.下载 Wesnoth 1.9.0 (development):Source(304.0MB)LinuxWindows(282.3MB)MacOSX(306.8MB)and more.
阅读全文
摘要:本文为你介绍 6 套设计精美的适合在多点触摸屏上使用的应用图标集。这些图标集是经过深思熟虑的,并且是高品质的,提供不同的格式。如果你需要创建自己的手势图标,这里可能为你节省大量时间。你可以在创建用户指南、以及其他一些交互设计文档中使用它们。CueGestureconsMulti-touch Gestures Icons开源手势图标库 - GestureMLGesturconsTouchscreen Stencils
阅读全文
摘要:抽时间把所有的LIST都看了一下,根据自己看的结果排了一下,或许这样好一些--------------------个人比较推荐的几个(大部分都是经典,应该大家都知道了)--------------------Allegro.cc - Mainhttp://www.allegro.cc/老牌子了,和SDL同时是很经典两个EG开发组件,最近貌似在和PY进行联合?ClanLib - ClanLib Game SDKhttp://www.clanlib.org/CLANLIB是以前听过最复杂最丰富的SDK,看看链接http://www.clanlib.org/docs/clanlib-0.8.0/Re
阅读全文
摘要:1. 集中式缓存系统 memcachedmemcached是一套分布式的快取系统,当初是Danga Interactive为了LiveJournal所发展的,但目前被许多软件(如MediaWiki)所使用。这是一套开放源代码软件,以BSD license授权释出。memcached缺乏认证以及安全管制,这代表应该将memcached服务器放置在防火墙后。memcached的API使用三十二位元的循环冗余校验(CRC-32)计算键值后,将资料分散在不同的机器上。当表格满了以后,接下来新增的资料会以LRU机制替换掉。由于memcached通常只是当作快取系统使用,所以使用memcached的应用程
阅读全文
摘要:除了直观的界面效果外,炫酷的网站导航菜单或右键菜单也能为访问者带来眼前一亮的感觉。本文为你带来10个非常酷的基于jQuery的菜单效果插件。1. 右击菜单一个创建右击菜单的插件,简洁且易用。源码/演示2. jQuery多级菜单——FX CSS菜单与子菜单使用CSS创建菜单,使用JavaScript展示效果。特点如下:跨浏览器,兼容所有浏览器(包括IE6)。效果:在鼠标经过和子菜单展开时,具有平滑的淡入淡出效果。易于设置:简单的、用于无限级别菜单项目的嵌套无序列表。源码/演示3. jQuery菜单效果插件另一个jQuery插件,通过它设计人员无需编写代码,即可创建动态的菜单效果。该插件为设计师提
阅读全文
摘要:Icon ArchiveIcon stickIcon FactoryIcon FinderFind iconsIcon ShockIcons PediaIcon PotIcon DockBest Free icons
阅读全文
摘要:1)A Jquery Inline Form Validation2)Jquery Contact Form validation3)Form Validation Using Jquery4)Using Jquery and Ajax to validate Form5)How to Validate Forms in both sides using PHP and jQuery6 )Simple Jquery Form Validation7)Advanced Form Validation functionality8 )Adding Form Validation to WordPr
阅读全文
摘要:@font-face 允许用户从网上下载字体并直接在电脑上自动完成安装,因此开发者不用担心某个字体在用户的电脑中是否存在的问题。本文推荐 40 个免费的可通过 @font-face 使用的字体:AaarghAfta SansAmaranthLacuna RegularNobileArtifikaDroid SerifEB GaramondGalatia SILDejaVu Sans MonoHattori HanzoCicleQuicksandBebasChunkRalewayJunctionProcionoLeague GothicOstrich SanFanwooLinden HilSor
阅读全文
摘要:简介本系列着重介绍 PHP V5.3 中的新特性,例如名称空间、闭包、对象管理、面向对象编程和 Phar。虽然这些动人的新特性作为该语言的增补广受欢迎,但 PHP V5.3 同时也是为进一步优化 PHP 而设计的。它构建在流行、稳定的 PHP V5.2 的基础上,并对该语言作了增强,使之更加强大。在本文中,了解 PHP V5.3 中的变化,以及从 PHP V5.2 升级到 PHP V5.3 时需要考虑的一些事情。回页首语法变化该语言新增了名称空间和闭包(在第 2 部分和第 3 部分中有讨论到),增加了更多的保留字。从 PHP V5.3 开始,namespace不再用作标识符。closure类现
阅读全文
摘要:Phar 归档的概念来自 Java™ 技术的 JAR 归档,它允许使用单个文件打包应用程序,这个文件中包含运行应用程序所需的所有东西。该文件不同于单个可执行文件,后者通常由编程语言生成,比如 C,因为该文件实际上是一个归档文件而非编译过的应用程序。因此 JAR 文件实际上包含组成应用程序的文件,但是考虑到安全性,不对这些文件进行仔细区分。Phar 扩展正是基于类似的理念,但是在设计时主要针对 PHP 的 Web 环境。同样,与 JAR 归档不同的是,Phar 归档可由 PHP 本身处理,因此不需要使用额外的工具来创建或使用。Phar 扩展对 PHP 来说并不是一个新鲜的概念。它最初使用 PHP
阅读全文
摘要:闭包函数和 lambda 函数绝对不是新出现的概念;它们均来自函数编程领域。函数编程是一种编程风格,它将关注点从执行命令转移到表达式计算。这些表达式是使用函数构成的,结合这些函数可以得到我们要查找的结果。这种编程风格最常用于学术目的,但是也可以在人工智能与数学领域中见到,并且可以在用 Erlang、Haskell 及 Scheme 等语言编写的商业应用程序中找到。闭包最初是在 20 世纪 60 年代作为 Scheme 的一部分开发的,Scheme 是最著名的函数编程语言之一。Lambda 函数和闭包通常出现在允许将函数处理为第一类值(First-class value)的语言中,这意味着函数可
阅读全文
摘要:很多语言都提供了名称空间特性,包括 C++ 和 Java™ 编程语言。引入名称空间是为了帮助组织大型的代码库,因为在大型代码库中,应用程序经常会出现函数名或类名重叠问题,这会引起其他问题。使用名称空间可以帮助识别代码提供的函数或实用程序,甚至可以帮助指定其来源。一个例子就是 C# 中的 System 名称空间,它包含有 .NET 框架提供的所有函数和类。在其他未提供正式名称空间的语言中(比如 PHP V5.2 以及更早版本),人们常常通过在类或函数名中使用特定的命名约定来发挥名称空间的作用。比如 Zend Framework,其中每个类名以Zend开头,并且每个子名称空间使用下划线分隔开。比如
阅读全文
摘要:PHP V5 和面向对象编程与 PHP V4 提供的特性相比,2004 年发布的 PHP V5 在面向对象编程(OOP)和设计方面向前迈出了很大的一步。它提供了一些必要的改进,例如类可见性、合适的构造函数和解构函数、输入提示和类反射(class-reflection)API。它为在 PHP 中进行高级的面向对象编程敞开了大门,并允许实现更加简单的设计模式,以及更好的设计类和 API。PHP V5.3 在 OOP 方面提供了大量渐进式补充。这些改进一直集中在语法补充和性能改进方面。首先,我们将查看静态方法和成员方面的新特性。回页首改进静态方法和成员处理PHP V5 中的一个有用补充就是能够将一个
阅读全文
摘要:我们使用XAMPP作为本地开发环境,主要的原因还是非常方便地安装了我们所需要的开发环境,几乎是不需要什么设置,目前支持windows,linux,macOS和solaris,几乎涵盖了绝大多数主流开发者使用的操作系统。下面介绍windowsXP下的设置,vista的设置类似。首先在XAMPP官方网站下载XAMPP,下载后在D盘根目录创建XAMPP目录,将解压缩后的xampp拷贝进去,执行setup-xampp.bat即可。要启动apache,可以运行xampp目录喜爱的xampp-control.exe,也可以执行xampp-start.exe,启动apache和mysql。配置为系统服务,使
阅读全文
摘要:所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分。 看看最新的实用HTML5和CSS3框架吧!希望你们喜欢!1. HTML5boilerplateH5BP 带给你非常漂亮的文档,一个网站优化的编译脚本,还有一个自定义的boilerplate编译器。除此之外,我们还支持lighttd,Google App Engine和NodeJS以及优化的服务器配置(包括Apache, Nginx,和IIS),并且已经把boilerplate的大小减少了50%。源码演示2.T
阅读全文
摘要:1.创建一个漂亮的图标这个教程将教你如何用纯CSS3创建一个图中的图标2.CSS3 图片样式这个教程将教你如何使用 box-shadow, border-radius和transition。3.CSS3 Transition 的模糊效果4.实用的CSS3圆角表格5.创建纯CSS3的票式标签6.原始的鼠标浮动效果这个教程将创建缩略图的鼠标浮动效果。当鼠标移动到一个缩略图上的时候,我们将显示一些描述并使用不同的样式。7.用CSS3来创建旋转的光束动画效果哦!8.用CSS3来创建具有动画效果的按钮9.用CSS3创建旋转的报纸效果类似于老式电影中的那种特效,报纸旋转并固定在屏幕上。10.CSS3创建动
阅读全文
摘要:本文收集了2011年最热门的50个CSS3教程,读者可根据这些教程轻松实现网页的设计。1.Original Hover Effects with CSS3本教程讲述应用CSS3实现风格迥异的鼠标悬停效果。2.CSS3 Transitions Without Using :hover本教程讲述应用CSS3实现动态变换效果。3.How to Create a Beautiful Icon with CSS3本教程讲述应用CSS3创建文档图标。4.Creative CSS3 Animation Menus本教程讲述应用CSS3巧妙地将图标、主标题和二级标题整合成动态导航菜单。5.Background
阅读全文
摘要:日期:2011/11/16 来源:GBin1.com记 得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验? 是不是立刻就想到了flash实现?这彷佛年代久远的事了。使用现在最流行的web技术 HTML5,CSS3和jQuery,同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开 发移动版flash的消息,虽然在桌面中我们还拥有大量的flash的应用,但是随着HTML标准的完善,可能flash也要退出历史舞台了。在今天这篇 文章中,我们 将介绍一些非常实用的教程,技巧和资源来帮助大家构建一个更加丰富的用户界面。请大家给积极我
阅读全文
摘要:本文介绍47个令人咋舌的CSS3动画演示汇编。他们展示了CSS3的转换和过渡性的处理。有些是非常有用的,可以作为浏览器的替代品使用。这些效果大多是简单的,看起来很酷。为了尝试这些效果,你需要的WebKit浏览器,如Safari和Chrome。CSS3 Clock With jQueryAnalogue Clock3D Cube That Rotates Using Arrow KeysMultiple 3D Cubes (Slide In/Out)CSS3 AccordionAuto-Scrolling ParallaxIsocubeImage GalleryMatrix7 Javascrip
阅读全文
摘要:本文标题的这副图片,是用Phosotshop制作的。但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字。并且由 于图片的体积不算太小,可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那么,有没有一种新的方法可以避免这些缺点呢?有的,HTML5和CSS3就可以满足你的需求。甚至,它可以做的更多,更好。作为一名设计师,我们应当了解它们是什么东西,有什么特性,从而进一步思考通过HTML5和CSS3我们能做些什么。什么是HTML5和CSS3HTML和CSS并不难理解。HTML为构成网页的主要语言。通过这种语言,我们可以向计算机说明网页格式、内容、显示效果等等。而CS
阅读全文
摘要:本文所介绍的编程技术,可以有效地改善用户体验和设计师的工作流程,替代原先在IE6上使用的旧的解决办法。需要注意的是,下面列出的大部分技术还在实验阶段,而且有些不是纯CSS技术(一些使用jQuery或其它JavaScript库)。但本文还是非常值得一看。1. 告别overflow:hidden让我告别overflow:hidden的决定性因素是CSS3,具体而言是box-shadow。因为使用overflow:hidden首先 会对box-shadow造成负面影响。当父元素使用overflow:hidden 属性时,box-shadow会被裁剪。另外,text-shadow和transform也
阅读全文
摘要:CSS Sliding DoorCSS trickCSS3 buttonsBonBon Sweet CSS3 ButtonsCSS3 ButtonsCSS3 Animated Bubble ButtonsButtons with CSS3 and RGBAPretty CSS3 buttonsCool SpritesBetter Button and Nav InteractionsGoogle+ Buttons in CSSCSS3 Gradient ButtonsRediscovering the Button Element
阅读全文
摘要:如果你刚开始学习CSS,这意味着你的很多代码或结构可能需要优化,比如你可能过多使用了类、添加了多余的间隔或空行等等,这将导致代码臃肿、混乱,可读性和执行效率将大大降低。本文为你整理了几款CSS工具,借助它们,你可以轻松写出漂亮的CSS代码。1. CSS Lint这是一个在线工具,可以帮助你检测CSS代码中的问题。该工具可以对一些基本的语法进行评估,并使用一套规则,以寻找有问题或效率低的代码。2. CSS Compressor这是一个有用的工具,可以帮助你压缩CSS,以提高加载速度和优化网站。该工具提供了三个压缩级别,主要依据可读性与压缩的关系进行分级。当然,你也可以切换到高级模式以设置更多的参
阅读全文
摘要:下面是为你准备的超过 25 款 CSS 的工具,其中有一些可用来生成 CSS 代码。CSS3 GeneratorPrimerCSSCSSFlyWordOffCSS EvolveThe Box Officeie6fixerCSS DriveSlickMap CSSCSS Frame GeneratorAccessifyJotForm – Easiest Form BuilderCSS Menu GeneratorVariable Grid SystemThe W3C CSS Validation ServiceClean CSSColor Scheme Designer 3Ultimate CS
阅读全文
摘要:Cool Text Effects Using CSS3 Text-ShadowAlfonse Surigao shows cool CSS3 is to use and how many effects can one generate using it. Text shadow effect has been used.Inset Text With CSS3If you wish to create an inset text effect using CSS3, then you should definitely check this tutorial by Stylizedweb.
阅读全文
摘要:(1)imgAreaSelectimgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。imgAreaSelect(2)Easy SlideEasySlide 是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示,并加上鼠标指向时的暂停效果(Pause),可以当作图库展示或是动画及广告Banner使用。Easy Slide热点图书:www.hotbook.cn(3)Easy NewsEasy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件,可设定Fade In-Out
阅读全文
摘要:(1)Horizontal accordion: jQuery基于jQuery开发,非常简单的水平方向折叠控件。(2)jQuery-Horizontal Accordion具有XBOX360 blade界面风格的水平方向Accordion。(3)jQuery plugin: Accordion用于创建 折叠菜单的jQuery插件。(4)Accordion Menu script基于jQuery开发的可折叠菜单。(5)模仿ext的tab选项卡TabPanel(选项卡组件)参数说明renderTo<渲染到某容器string | jQuery object | NULL>将选项卡组件渲染
阅读全文
摘要:(1)AutoComplete-JQueryjQuery插件易于集成到现在的表单中(Form)。(2)Facebook like Autocomplete基于jQuery开发,类似于FaceBoox提供的AutoCompleter。二手图书二手书特价书旧书网(3)jQuery Autocomplete Mod热点图书:www.hotbook.cnjQuery Autcomplete插件。能够限制下拉菜单显示的结果数。(4)jqac热点图书:www.hotbook.cn基于Jquery开发的Autocomplete插件。具有易于使用,配置简单,既可以利用Ajax读取数据也可以直接从本地获取数据。
阅读全文
摘要:(1)jwysiwygWYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。(2)Damn Small Rich Text Editor基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。Damn Small Rich Text Editor(3)xhEditorxhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari
阅读全文
摘要:(1)jQuery PaginationjQuery分页插件jQuery Pagination热点图书:www.hotbook.cn(2)pager jQuery plug-injQuery分页插件。pager jQuery plug-in(3)JQuery Pager一个利用jQuery开发的分页UI控件,可用于数据驱动的web应用程序中。JQuery Pager
阅读全文
摘要:1.jQuery plugin: ValidationjQuery校验插件。jQuery plugin: Validation2.Masked Input Plugin热点图书:www.hotbook.cnMasked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。Masked Input Plugin热点图书:www.hotbook.cnjQuery password strength meter用于检测密码强度的jQuery插件。jQuery password strength meter热点图书:www.hotbook.cn3jValjQ
阅读全文
摘要:(1)FarbtasticFarbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。Farbtastic热点图书:www.hotbook.cn(2)jQuery Color Picker一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。jQuery Color Picker热点图书:www.hotbook.cn(3)iColorPickeriColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorP
阅读全文
摘要:(1)FlexigridFlexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。Flexigrid (2)Ingrid这个jQuery DataGrid提供的功能有:可以拖动调整列宽,分页,排序,设置行/列样式等。Ingrid (3)jQuery GridjqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择.
阅读全文
摘要:(1)FaceboxFacebox 是一个基于jQuery,Facebook-style的lightbox。能够展示示images,divs或者整个远程页面。Facebox(2)SimpleModalSimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。SimpleModal(3)jTip热点图书:www.hotbook.cnjTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。jTip(4)BetterTip一个可以自定义Tool
阅读全文
摘要:)Scrollable可以按自己的需求在一个简单,可配置的导航条中指定像1, 2, 3, 15…这样的展播分页框。2)Vertical Sliderjquery.mb.verticalSlider能够让将一个很长的列表进行分页管理,它能够管理已经存在你页面DOM中的任何元素集合,也可以通过Ajax按需加载。此外它还支持鼠标滚轮操作。3) Ajax ZoomAJAX-ZOOM是一个基于jQuery+PHP开发,强大的图片缩放和平移控件。它具有大约300个选项,可以很容易地集成到任何网站,CMS或网上商店。4)Explr_jQuery_Tree一个简单并且轻巧的小于3KB jQuery tree插
阅读全文
摘要:砌体(Masonry)是一种网页排布形式,类似于砖砌体、石砌体建造的结构,如下图,左侧是传统的使用CSS浮动实现的布局效果,右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用,能够充分利用网页空间,很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于jQuery实现的砌体网页设计作品,一起欣赏。Photography by Koa MetterChromeographyPattern Tap – AlphaPuma RunningDazed DigitalRather SplendidThe Inspiration Theme – Veerle PetersUntit
阅读全文
摘要:Horizontal accordion: jQuery基于jQuery开发,非常简单的水平方向折叠控件。主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html (无法找到)下载:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html示例:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-h
阅读全文
摘要:这篇文章与大家分享的是10款新鲜出炉的基于 jQuery 开发的 Ajax 插件,有幻灯片、图片画廊、菜单等很多有用的插件。这些作者的想法特别新颖,希望你能从中找到自己需要的插件。1. Chrome Style jQuery Image Gallery一款用于实现漂亮的Chrome风格图片画廊的 jQuery 插件,在线演示2. Awkward Showcase使用这款插件可以实现各种内容的幻灯片展示效果,例如文本、图片、视频等等,在线演示3. Waypoints这款插件可以让你实现当滚动到某个目标元素的时候执行特定的动作,例如回到顶部,在线演示4. bxSlider这是一个内容滑块和图片幻.
阅读全文
摘要:Coda Popup Bubbles采用jQuery开发,类似“冒泡”效果的提醒弹出框。主页:http://jqueryfordesigners.com/coda-popup-bubbles/下载:http://jqueryfordesigners.com/coda-popup-bubbles/ (没找到)示例:http://jqueryfordesigners.com/demo/coda-bubble.htmlSimple Effects PluginsjQuery特效插件,可以实现收缩,隐藏,显示,淡入/淡出和上下滑动效果等.主页:http://www.learningjquery.com
阅读全文
摘要:jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片,一起欣赏。Cloud Carousel(演示|下载)ShineTime(演示|下载)Nivo Slider(演示|下载)Interactive Photo Desk(演示|下载)Beautiful Photo Stack Gallery with jQuery and CSS3(演示|下载)Micro Image Gall
阅读全文
摘要:jQuery是一个优秀JavaScript库,它简化了HTML文档遍历,事件处理,动画和Ajax交互。 jQuery的确改变了很多人写JavaScript的方式。如今,有很多现成的jQuery插件可供选择,帮助你在网站中加入惊人的功能和效果。看看这些非常棒的jQuery插件吧,我相信你会发现一些很有用的东西。lsotopeIsotope 是一款精致的 jQuery插件,用于创建单纯用 CSS 无法实现的智能的、动态的布局,非常强大。letteringLettering 是一款用于实现激进的网页排版的 jQuery 插件,可以帮助你在网站中加入丰富多彩的文字效果。jQuery.spritelyj
阅读全文
摘要:jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件,可创造出极具个性的网页排版,是2010年最佳jQuery插件之一。演示|下载New FancyMoves Jquery Product SliderJquery Product Slider是一款效果很不错的产品幻灯片插.
阅读全文
摘要:Lightbox 应该是最流行的图片浏览效果了,常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件,有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的。今天,本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件。1.jQuery LightBox在线示例2.Lightbox2在线示例3.FancyBox在线示例4.LightWindow v2.0在线示例5.Colorbox Lightbox Plugin在线示例6.F
阅读全文
摘要:本文列举了10款最流行的 jQuery 插件,有验证用户输入的,有以真正用户友好的方式显示多媒体和图像的,有使数据以可视化的图形和图表的形式展示的等等。相信这十大流行的 jQuery 插件将有助于你的开发项目。1.Validate这个 jQuery 插件让琐碎的客户端验证变得简单,提供了大量的定制选项,捆绑了很多有用的验证方法。2.EasySlider一款滑动插件,包含自动滑动,连续滑动,首页和末页按钮,垂直互动等,支持在一个页面放置多个滑动。3.FancyBoxFancyBox 是一个以Mac风格的“lightbox"效果显示图片和其它HTML内容的插件,可自定义Ajax请求和导航
阅读全文
摘要:jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。本文收集了非常棒的jQuery表单插件与大家分享,欢迎大家推荐更多更好的插件。1- jQuery inline form validation2- Uniform3- Autotab4- jquery Niceforms5- jquery Form Validator6- Toggle FormText plug-in7- jQuery Field Plug-in8- In-Field Labels jQuery Plugin9- jQu
阅读全文
摘要:1. CoolClock in jQueryCoolClock 是一个可定制的 jQuery 模拟时钟,使用 SVG 绘制,提供多种外观选择,同时支持数字时钟。Read MoreDemo2.Analog JQuery clock在该教程中,通过使用 jQuery 和一个名为 jQueryRotata 插件绘制一个模拟时钟。Read MoreDemo3. jDigiClockjDigiClock 是一个jQuery插件,主要灵感来自于 HTC 手机的时钟小程序Read MoreDemo4. Old School Clock with CSS3 and jQuery旋转是 CSS3 新增的特性,看
阅读全文
摘要:1.John Resig - http://ejohn.org毫无疑问,jQuery 的缔造者的博客是你首先必须关注的。2.Filmament Group Lab这个也是必看之一,因为 jQuery UI 类库就出自这个网站3.Learning jQuery老牌的学习 jQuery 的网站之一,这个网站是由几个作者联合建立4.Soh Tnaka Blog非常酷的一个 jQuery 设计和分享网站,风格非常酷,里面的教程和插件实现非常有艺术感,本人这里强烈推荐。5.nettuts老牌的网页设计网站,里面包含了非常多的 jQuery 教程和技巧。同时这个网站也有大量的设计相关的文章,大家可以学习。
阅读全文
摘要:1.导航类(1)Horizontal accordion: jQuery基于jQuery开发,非常简单的水平方向折叠控件。二手图书二手书特价书旧书网(2)jQuery-Horizontal Accordion具有XBOX360 blade界面风格的水平方向Accordion。二手图书二手书特价书旧书网(3)jQuery plugin: Accordion用于创建 折叠菜单的jQuery插件。二手图书二手书特价书旧书网(4)Accordion Menu script基于jQuery开发的可折叠菜单。二手图书二手书特价书旧书网(5)模仿ext的tab选项卡TabPanel(选项卡组件)参数说明re
阅读全文
摘要:下面是我们为你准备了5款基于 html5/WebGL 的游戏以及游戏演示:1. Coppercube Backyard本演示展示现场与许多纹理(> 80),人物动画和摄像机飞行。2. 3D Social game (WebGL)这是一个WebGL的演示,是一个下一代3D社交游戏。令人惊叹的3D品质,社会游戏机制。3. X-Wing游戏中的飞行和闪躲方式4. Canvas Rider有趣的自行车模拟器。需要保持平衡,不会脱落。5. Barfight!老式的西方电影,目标是争取酒吧Source:http://www.script-tutorials.com/html5-and-games/
阅读全文
摘要:以下10个基于jQuery的脚本和插件可以有效地提高表单的可访问性和功能性,本文中的一些源码和演示也许能帮助你优化当前的表单,使访问者获得良好的用户体验。1. Form Hints 1.0使用这个插件,你可以为网站中的的任何一个表单控件添加描述文字,可以通过title属性来添加。用户可以点击控件来显示或隐藏描述文字。源码+演示2. jQuery 表单选择器jQuery的许多表单选择器可以更加方便和高效地访问表单元素。下面是一个简单的jQuery表单选择器相关介绍。源码/演示3. Web SpinButton这是一个关于文本框数值微调按钮控件的示例。源码+演示4. 页面跳转警告添加该脚本后,在你
阅读全文
摘要:设计干净并且结构清晰的网站导航是一个高效的UI界面的关键之一。在这篇文章中,你讲看到一组设计精良,创意十足的导航菜单UI设计。肯定能够帮助你带来更多的设计灵感。Athletic Sport Sunglasses & TechnologySmall StudioTimberland® for WomenBlancremeSparksonlineAcumenfundTom, Dick & HarryDavid HellmannRodaniaChitwoodandhobbs10outoftennTypejockeysChris JenningsMoods of Norway
阅读全文
摘要:近日,国外著名博客WDL发布了2011年度最佳 jQuery 插件。jQuery自2006年发布以来,经过五年的迅速发展,目前已是最流行和使用最广泛的 JavaScript 框架。jQuery的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件,jQuery 插件不仅能够增强网站的可用性,有效的改善用户体验,还可以大大减少开发时间。IsotopeIsotype 是一款非常优秀的jQuery插件,用于创建动态的,智能的布局。使用这款插件能够对一组页面项目进行过滤、排序等很多操作,而且带有非常酷的动画效果。FitTextFitText 是一款文本大小自动调整插件 ,使用这款插件能够让你的
阅读全文
摘要:对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择。如今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画。今天这篇文章向大家推荐24款非常优秀的CSS3工具,为了获得更佳的效果,请在Chrome 4+, Safari 4+, Firefox 3.6+, IE9+, Opera 10.5+版本浏览器中浏览如下在线工具。1.CSS3 Pie使用CSS3 Pie可以让IE6至IE8版本实现大多数的CSS3修饰特性,如圆角、阴影、渐变等等。2.CSS3 Click Chart非常好的CSS3效果演示,提供了示例代码
阅读全文
摘要:今天这篇文章收集了34个漂亮的应用程序后台管理界面分享给大家。这些界面都是来自themeforest网站,虽然直接下载需要付费的,不过大部分都提供了在线预览,所以完全能够复制下来,有的提供了预览图,设计师可以根据预览图自己设计。希望这些漂亮的后台管理界面设计案例能帮助到你。(有登录界面的,点击登录即可进入后台界面)Flexy AdminBroom Cupboard Admin SkinFresh CMSUltimate Admin Panel SolutionTitaniumWide AdminAP Admin PanelNinja AdminSleek Admin SkinPro Admin
阅读全文
摘要:jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片,一起欣赏。Cloud Carousel(演示|下载)ShineTime(演示|下载)Nivo Slider(演示|下载)Interactive Photo Desk(演示|下载)Beautiful Photo Stack Gallery with jQuery and CSS3(演示|下载)Micro Image Gall
阅读全文
摘要:本期的 HTML5 网站大观与大家分享15个精美的 HTML5 清爽简约风格网站。HTML5 是现在Web开发领域的热点,越来越多的开发人员开始使用 HTML5 来开发交互性强、效果出众的Web应用和游戏。希望这些制作精美的 HTML5 网站实例能帮助大家更好的学习 HTML5 网站制作。Naomi Atkinson DesignNeve InspiredCreative JarCrane BrothersTouch TechEvil StudioSimplebitsAssemblyFood SenseImage The Music2011 BuildconfMethod Design Lab
阅读全文
摘要:当你需要在短时间内设计出一个网站的时候,网站模板就非常有用了。这也就是为什么这些设计模板已成为设计领域的最新趋势的原因。在这篇文章中,收集了各式各样的网站模板,您可以免费下载使用,希望这些设计模板不仅带给您灵感,也让您回到创作轨迹。Green Planet(演示|下载)CreativeStudio(演示|下载)Restaurant Website(演示|下载)Coffee Maker(演示|下载)Free Flowers Website Template(演示|下载)CSS Heaven 1(演示|下载)Photomatic(演示|下载)2 Breed(演示|下载)Retro Car(演示|下
阅读全文
摘要:这篇文章收集了12款精美的免费CSS网页模板分享给大家,您可以免费下载使用。相信这些漂亮的免费CSS网页模板既能够帮助您节省大量的时间和精力,又能有很满意的效果。希望这些免费的CSS网页模板能帮助到您。Coffee(演示|下载)CleanBusiness(演示|下载)WesternShop(演示|下载)Light House(演示|下载)Blue Motion(演示|下载)Ancient(演示|下载)梦想天空博客关注前端开发,展示最新HTML5和CSS3应用,分享jQuery插件,推荐优秀网页设计案例。Mini Social(演示|下载)Lawyer & Attorney(演示|下载)
阅读全文
摘要:这篇文章收集了12款高质量的免费HTML网页模板分享给大家,您可以免费下载使用。相信这些漂亮的HTML网页模板既能够帮助您节省大量的时间和精力,又能有很满意的效果。希望这些精美的免费HTML网页模板能帮助到您。Magicbox(演示|下载)BusinessTemplate(演示|下载)Prestigious(演示|下载)Gallerised(演示|下载)Symisun(演示|下载)Five Star(演示|下载)Wooden Strip(演示|下载)Christmas Red(演示|下载)Speed Racing(演示|下载)Grunge Template(演示|下载)Free Flowers
阅读全文
摘要:HTML5 作为下一代网页语言,加入中众多更具语义的标签,例如video、audio、section、article、header 和 footer 等。而 CSS3 作为 CSS 的下一代版本,同样引入了很多很酷的属性,以前很多需要JavaScript才能实现的复杂效果,现在使用CSS3就能非常简单的实现。CSS3 和 HTML5 都是现在Web开发领域的技术热点,它们给 Web 开发带来了革命性的影响。 相信你和我一样很好奇结合HTML5和CSS3来制作网站会有什么样的效果,下面向大家分享的免费网站模板会告诉你,看到喜欢的就赶紧下载吧。记得分享和推荐一下哦 :)21.VividPhoto.
阅读全文
摘要:2011 年即将过去,是该对这即将过去的这一年做一个总结,这么一个标题如何去确定其实是很难的,而且也可能会比较片面。那么什么叫做“重要”呢,什么样的开源软件算是“重要”呢?首先,并不是使用的人多就算是“重要”,否则每一年选出来的项目估计都差不多。所以要判断一个开源软件是否重要,首先要有影响力,以及或者在某个新领域的佼佼者。换句话说,重要的项目必须引起大家更多的关注。依据这么一个判别条件,我们挑出了2011年最重要的开源软件,你或许不认可但请别喷,你可以整理你自己的2011 Top 10 :)Hadoop首先出场的是Hadoop,毫无疑问这个来自 Apache 基金会的分布式计算平台当得起“重要
阅读全文
摘要:移动设备上的游戏现在势头很猛,本文盘点了5款优秀的开源智能手机游戏,开发者可以拿来学习参考哦!1.九宫格数独游戏OpenSudoku是一个简单的九宫格数独游戏。从代码中可以学习到如何在视图中显示表格数据,以及如何和一个网站交互等技术。授权协议:GPLv3开发语言:Java操作系统:Android2.2D横幅过关游戏 FrogattoFrogatto 一款复古风格的 2D 横过关游戏,由Battle for Wesnoth团队开发。主角是一只小青蛙,用户将操作这只小青蛙与各种怪物战斗。方向键上下左右、A 键跳跃、S 键吐舌。方向键与 A 键和 S 键组合具有不同效果。双击方向键可以快速奔跑,桥可
阅读全文
摘要:本文整理了 10 款非常好用的jQuery切换效果插件,包括平滑切换和重叠动画等,这些插件可以实现不同元素之间的动态切换。1. InnerFade这是一个基于jQuery的小插件,可以实现页面内的元素淡入淡出效果。源码/演示2. HighlightFade该插件可以实现高亮、缩放等效果。源码/演示3. Dynamic Page / Replacing Content使用按钮实现网页内容的动态切换。源码/演示4. jqFancyTransitions这是一个易于使用的插件,有多种切换效果来显示图片。源码/演示5. jQuery Cycle Plugin——浏览器效果该插件应用于缩略图,是jQue
阅读全文
摘要:vSlider – WordPress Image Slider PluginEasing SliderNivo SliderSlidepostWordPress Slider Plugin, WordPress Slideshow Plugin WP – SlideDeckPremium WordPress SlidersWordPress 360º Image SliderPixwall slideshow for WordPressSublime Slider for WordPressjQuery Carousel Evolution for WordPressRoyalSl
阅读全文
摘要:2011 年即将过去,是该对这即将过去的这一年做一个总结,这么一个标题如何去确定其实是很难的,而且也可能会比较片面。那么什么叫做“重要”呢,什么样的开源软件算是“重要”呢?首先,并不是使用的人多就算是“重要”,否则每一年选出来的项目估计都差不多。所以要判断一个开源软件是否重要,首先要有影响力,以及或者在某个新领域的佼佼者。换句话说,重要的项目必须引起大家更多的关注。依据这么一个判别条件,我们挑出了2011年最重要的开源软件,你或许不认可但请别喷,你可以整理你自己的2011 Top 10 :)Hadoop首先出场的是Hadoop,毫无疑问这个来自 Apache 基金会的分布式计算平台当得起“重要
阅读全文
摘要:如果你刚开始学习CSS,这意味着你的很多代码或结构可能需要优化,比如你可能过多使用了类、添加了多余的间隔或空行等等,这将导致代码臃肿、混乱,可读性和执行效率将大大降低。本文为你整理了几款CSS工具,借助它们,你可以轻松写出漂亮的CSS代码。1. CSS Lint这是一个在线工具,可以帮助你检测CSS代码中的问题。该工具可以对一些基本的语法进行评估,并使用一套规则,以寻找有问题或效率低的代码。2. CSS Compressor这是一个有用的工具,可以帮助你压缩CSS,以提高加载速度和优化网站。该工具提供了三个压缩级别,主要依据可读性与压缩的关系进行分级。当然,你也可以切换到高级模式以设置更多的参
阅读全文
摘要:微软称要通过 Windows 8 再造操作系统,嗯,今天的主角是 Windows 8 Windows 8 你一定接触过,无论是看过,还是安装过,无论你喜欢,还是不屑,都阻挡不了她的缓缓袭来。 今天,我们来介绍一下 Windows 8 的精髓。 关键词“兼容 PC 与平板”“引入 Metro UI” Windows 8 增加了对平板电脑的支持,同时引入 Windows Phone 中的 Metro UI,在使用中我们发现,很多的交互是为了平板而设计。 设计灵感来源 三个重要影响 (1)现代设计 — 包豪斯(减少元素,以显现本质) (2)国际主义平面设计风格 — 瑞士平面设计风...
阅读全文
摘要:日期:2011/12/12 来源:GBin1.com鼠标悬浮特效是网页制作的常用特效之一,最早使用flash可以创新的制作非常炫的效果,现在我们同样也可以使用CSS和Javascript来实现。今天的这个文章中,我们将推荐一些非常不错的特效教程,希望对大家有些帮助!Hover and Click Trigger for Circular Elements with jQuery这个教程将介绍如何使用jQuery来处理一个真正的圆形元素的悬浮效果,因为我们使用:hover实现的悬浮,其实别不针对圆形元素本身。中文教程参考:分享一个使用jQuery开发的圆形页面元素悬浮和点击触发教程Origina
阅读全文
摘要:一直以来,很多人都专注于HTML5能够实现什么(或者是如何将各种方法连接起来,实现一个更加优雅的解决方案)。而现在,也不少人想将目光投向那些HTML5无法实现的事情。MSDN上微软员工thebeebs的一篇博文回答了这个问题:1:HTML5无法实现DRM如果你有一家多媒体公司,你需要控制或者限制你的视频内容——通常是在多媒体内容中添加数字版权加密技术(DRM)。不幸的是,HTML5无法加入DRM。HTML5的问题是,它会将多媒体内容的格式完全暴露出来,要解决这个问题并不困难(相关的技术和策略可以在W3C bug system上看到)。我个人认为,这个问题确实有必要解决。抛开各界对DRM的争议,
阅读全文
摘要:来看看别人是怎么做 Web 和移动应用的原型设计的。iPad app sketchSketched WireframeEarly Ember sketches in colorOnlyJames Wireframe Sketch of Article DetailCommLogix Wireframe SketchEarly BusinessWeek.com Design SketchBPG – UI Sketch 1HBO SATC siteSearch Ideas Wireframe v1sketch: vimeo clip page“Scratch-Off” ConceptJanko A
阅读全文
摘要:上周,我和公司里四个技术负责人中的两个一起给应聘公司副总裁职务的候选人进行面试。屋里了所有人——除了我——都是典型的“技术型”人才——他们能写 代码,有解决编程难题的经验,有计算机专业背景。我写最后一行PHP代码已经是2004年的事了,而且那些代码被一个真正的程序员在半年内给重写了。面试过程中,我们有下面的交流(记忆力有限,只是大概的复述):托马斯—我们的一个技术负责人:如何能设计出一个能有效的应对系统升级扩容(增加一些新的数据)的系统,实现这样的升级而不影响用户的使用,会遇到什么样的挑战?应聘者:存储这些数据不会是个大问题——Amazon S3能解决这种情况。过程可能要费点力,但也不是很难。
阅读全文
摘要:代码编辑器1.Coda($99)Coda可以让你在同一个窗口中完成多个任务,例如编辑,保存文件到服务器,预览页面等等。当然Coda也支持语法高亮、区块编辑,协同编辑等等。2.CssEdit($79.90)这个编辑器只支持CSS,但是它对CSS的支持相当完美。它提供实时预览,回滚等功能。3.TextMate($48.75)TextMate自称为Mac平台上缺失的编辑器,轻量级,易于使用,支持多语言,也有简单的项目管理功能。文件和数据传输工具4.Transmit 3($29.95)Transmit是一款非常简单的图形FTP客户端。Mac用户会立马上手这款软件。5.Dropbox(基本套餐免费)Dr
阅读全文
摘要:你感受到来自 HTML5 的强大攻势了吗,越来越多的介绍 HTML5 技术的文章以及越来越多使用 HTML5 技术开发的网站,你还等什么呢?vlog.itVolkswagen BeetleHyundai VelosterCitroën DS5The Uprising CreativePhilip AndrewsJoshua SortinoUnion Station NeighborhoodultranoirCINEMURYuna KimMoods of NorwayThis Shell by the GamitsCappenEvery Pixel CountsFreeAgent De
阅读全文
摘要:圣诞节快到了,赶快为你的网站打扮一番,换上节日的盛装吧!本文为你整理了10款使用jQuery和 JavaScript打造的圣诞主题效果,希望能给你带来些许惊喜。(PS:经过小编测试,下面的部分效果仅支持IE浏览器)1.倒计时数字钟设计一个JavaScript圣诞倒计时数字时钟,这个数字钟利用网站访问者的计算机上的时间来进行倒计时,因此这个脚本非常灵活,可以根据不同的时区设置对应的时间。源码/演示2.闪烁的彩灯在网页中展示彩灯效果,你只需要把下面链接中的代码粘贴到网页的HTML中即可。源码/演示3.谷歌的圣诞涂鸦随着圣诞节的临近,我们应将精力从丰盛的晚餐转移到一些更有意义的事情上,这样才能保持好
阅读全文
摘要:jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。Hardboiled CSS3 Media Queries在 jQuery Mobile 中使用 Google Analytics通过 Ajax 和 PHP 提交 jQuery Mobile表单使用 jQuery Mobile 创建一个 WordPress 的移动版本使用 jQuery Mobile 创建网站(一)使用 jQuery Mobile 创建网站(二)使用 jQuer
阅读全文
摘要:只要服务器支持 .NET 4,那么就能够在上面生成和部署 ASP.NET MVC 3 应用程序。方法一(正常方法):安装 ASP.NET MVC 3 到机器上,程序集会安装到 GAC 中,机器上所有的 Web 项目都可以引用/使用 GAC 中的这些程序集方法二:把 ASP.NET MVC 3 的程序集复制到 Web 项目的 /bin 文件夹中,然后让此 Web 项目引用/使用程序集方法二的做法在另一篇blog中(http://drew-prog.blogspot.com/2011/01/how-to-deploy-aspnet-mvc-3-app-to-web.html,),步骤如下:第1步:
阅读全文
摘要:cshtml是什么,what is cshtml?在安装了WebMatrix以后,新建立的网站,发现有文件后缀为cshtml的文件。没google到,怀疑和shtml一样,可能属于WebMatrix在shtml基础上的扩展的版本。【1】Razor:必须提到RazorRazor是ASP.NET的新的视图引擎,可以查看ASP.NET的文件,展示给用户。ASP.NET MVC 有几个视图引擎:默认使用的是Web Form,还有Spark和NHaml,现在增加了Razor。使用Razor,我们可以编辑一些界面文件。例如你可以编写.aspx ,也可以编写.cshtml 和.vbhtml ,对应于C#和V
阅读全文
摘要:苹果公布了2011年度iTunes Rewind榜单,正式揭晓了今年iTunes Store商店中的最佳音乐、最佳应用、最佳电视剧、最佳电影、最佳图书和最佳播客等名单。iTunes Rewind年度榜单不仅包括由苹果本公司编辑团队挑选出来的内容和应用,还有年度最畅销的内容和应用。iTunes Store商店现在已经列出了它们的名单。除了编辑挑选的内容外,iTunes Rewind还公布了各个国家的苹果应用商店的销售和下载排行榜,苹果在不同国家地区提供了不同的榜单,比如在英国,音乐应用 Djay是最佳 iPad 应用,而风格可爱的动作游戏 Tiny Wings则是英国和澳大利亚的最佳 iPhon
阅读全文
摘要:免费视频播放器Flowplayer – Flash Video Player for the WebVideo LightBox JSJW PlayerFree flash flv/mp4 playerSublimeVideo – HTML5 Video Player高级视频播放器HTML5 Video PlayerVplayer – Video player with GalleryTejas – Premium HTML5 Video PlayerJQuery Html5 Video PlayerHTML5 Video Gallery with Live PlaylistMediaBox
阅读全文
摘要:创新者是先天的还是后天的?看看爱因斯坦,或亨利·福特或史蒂夫·乔布斯,似乎他们都天赋异禀,但也有许多资质同样不凡的人却无甚建树。再往深一点看,创新似乎更多是后天习成的。以下4条原则可供参考:1.从小处思考彼 特·德鲁克曾写道:“有效创新都从小处开始,而并非宏伟壮阔。”他说得很对。哪怕一个点子再怎么小,只要一丝不苟地追求下去,价值也会比浮夸不实、哗众取 宠的东西要大得多。放眼看看任何大公司,毫无例外地,都出身平凡乃至卑微。微软专注于曾被IBM视为鸡肋的软件业务上,而成为世界上最有价值的公司。苹果 之所以能靠Macintosh震动业界,很大程度上是利用了Xerox忽视
阅读全文
摘要:HTML5 中最强大并且最具有魅力的特性在于本地存储,使用本地存储可以大大的节约服务器端的压力,并且可以有效的利用客户端的计算性能。使用HTML5可以在客户端存储键值对,并且可以在同一域名下使用。今天我们将分享给大家6个非常不错的HTML5的本地教程,希望大家喜欢!HTML5本地存储这个教程分3个部分帮助大家如何了解并且使用HTML5新特性本地存储来实现web功能。如下:第一部分:了解HTML5本地存储第二部分:让HTML5帮助你第三部分:开发一个HTML5的web应用第四部分:完成全部其它功能使用HTML5本地存储来有效的封装功能教程将教你如何使用HTML5特性来实现客户端功能如何在网站中使
阅读全文
摘要:CyanogenMod 是一个免费、基于社区构建的 Android 2.2 的修改和改进版本。本文介绍 7 款很酷的 CM 主题。1.Lunar UI2.MIUIMIUI ,你知道的,小米手机的主题。3.Windows Phone 7 ThemeWindows Phone 7 主题,把你的 Android 手机打扮成 WP74.MattedBlues5.Ice Cream Sandwich冰淇淋三明治特别现代和高级的主题。6.Label Theme7.WizmodSamsung Galaxy S II 的主题
阅读全文
摘要:今天我们跟大家分享 27 个非常漂亮而且比较独特的网站导航菜单的设计:Handle With LoveNeat and organized vertical navigation. Amazing pretty pictures and colors!WeightshiftCool ‘menu based’ navigation. The menu is very graceful.Don’t throw BatteriesGraceful and neat menu.FA DesignAnother great example of typography based menu.Album A
阅读全文
摘要:Photoshop 网页设计的教程是很大的资源,是网页设计快速简便的方法之一。作为一个良好的开端,我们应该善于学习他人在网页设计领域的理解。在这个原则的基础上,你可以参考以下教程,学习Photoshop的新技术和战术的使用。设计一个产品即将发布的页面创建一个颜色丰富的网站布局基于相册展示的网站布局设计在 PhotoShop 中创建一个 WordPress 主题设计一个大胆而且充满活力的网站使用替代的UI / UX设计一个创新组合网站简洁的博客网站布局设计一个时尚的手机Web网站在Photoshop中创建的组合Web版式如何创建一个老式的Photoshop网页布局在Photoshop中创建一个优
阅读全文
摘要:本文介绍的 30 个 WordPress 主题比较适合一些杂志使用。HectorThis minimal design theme is sure to grab many eyeballs.Demo||DownloadCatopolis MagazineAn amazing theme that will hook your readers.Demo||DownloadSloMagAn exclusive Magazine style theme from SloDive to its readers.Demo||DownloadFaithThis magazine style theme
阅读全文
摘要:CSS Sliding DoorCSS trickCSS3 buttonsBonBon Sweet CSS3 ButtonsCSS3 ButtonsCSS3 Animated Bubble ButtonsButtons with CSS3 and RGBAPretty CSS3 buttonsCool SpritesBetter Button and Nav InteractionsGoogle+ Buttons in CSSCSS3 Gradient ButtonsRediscovering the Button Element
阅读全文
摘要:惠普宣布将把其webOS软件推向开放源代码社区惠普webOS系统新浪科技讯 12月10日凌晨消息,惠普周五宣布保留webOS业务,将把其webOS软件推向开放源代码社区。惠普称将按照开放源代码协议,将webOS的源代码向程序员公开。惠普希望通过将创新性的webOS平台与开放源代码社区的开发能力进行结合,来显著改善下一代设备的各种应用与web服务。webOS的命运最终落定:“既不整体出售,也不授权给第三方厂商”。惠普CEO惠特曼表示,将通过开源重新激发webOS的活力。惠普表示,webOS开源之后,任何开发者都可以定制属于自己的webOS系统,开源webOS的目标是加速webOS平台的发展,惠普
阅读全文
摘要:本文介绍的这三十个网站都是一些收集了各种网站设计集锦的网站。Best Web GalleryBest Web Gallery Showcases Designs By Over 300 ProfessionalsCreamy CSSCreamy CSS Features Highest Quality Websites From Across The GlobeCSS ManiaCSS Mania Boasts To Be The Worldwide Leader In Showcasing CSS DesignsCSS EliteCSS Elite Is A Great Resource F
阅读全文
摘要:对于UI设计师来说,储备一些常用的图形素材将会大大提高你的工作效率。这篇文章中我收集了一些高质量且免费的用户界面素材。你可以将它们收藏起来作为以后设计的模板使用,也可以在以后的项目中借鉴修改成你想要的样子。希望会对你有用。更多精彩内容请访问:http://www.woiweb.net1.)Flex 3 Stencil2.)Web Form Elements3.)Web Form Elements Vol.24.)Marvelous Flex Darkskin PSD UI5.)Eclipse Stencil for OmniGraffle(TM)6.)iPhone 3G Stencil7.)W
阅读全文
摘要:本文所介绍的编程技术,可以有效地改善用户体验和设计师的工作流程,替代原先在IE6上使用的旧的解决办法。需要注意的是,下面列出的大部分技术还在实验阶段,而且有些不是纯CSS技术(一些使用jQuery或其它JavaScript库)。但本文还是非常值得一看。1. 告别overflow:hidden让我告别overflow:hidden的决定性因素是CSS3,具体而言是box-shadow。因为使用overflow:hidden首先 会对box-shadow造成负面影响。当父元素使用overflow:hidden 属性时,box-shadow会被裁剪。另外,text-shadow和transform也
阅读全文
摘要:蓝魔音悦汇"幻"系列除了已经公布的9.7英寸IPS屏幕的W22之外,还有一款采用8英寸高分电容屏的平板新品,超便携性、安卓4.0、全新的镜面外观设计等众多亮点不断冲击着用户的眼球。音悦汇W13HD镜面的钢琴烤漆外观,接口、机身按钮、屏幕更加完美的融合。 音悦汇新系列平板考究每一个细节,高通透性的钢化玻璃面板,防刮防 撞击和高透光的完美结合;返回键、M键、HOME键从原来的物理按钮更新为触控按钮;接口扩展设计集中了在一侧,一字排开,既不影响使用,也没有影响产品 的整体美观。 据悉,W13HD产品将采用高性能的第二代A9主控,性能超过同频率Cortex-A8核心20%以上,采用
阅读全文
摘要:现在网上满天飞的各类关于Android图像渲染的水文实在让我不爽,下面给大家一些关于Android硬件渲染的事实真相,硬件加速并非大家想的那么完美,而我们也一直在改进!1. Android 一直在使用硬件加速。实际上从1.0版本之后,所有的窗口元素的合成与显示都是通过硬件完成的。2.这意味着许多你所看见的动画都是被加速过的:按钮的显示、通知栏下拉的阴影、不同Activity之间的切换动画、弹出窗口以及提示框的显示和隐藏等等等等。3.Android以前使用软件方式(与硬件加速相对应)来控制各个窗口元素的渲染,例如下图的UI,其中包括四个窗口组件:状态条、壁纸、桌面上的的启动器、以及菜单。如果其中
阅读全文
摘要:微软昨日宣布Windows 8将在明年2月份发布,而Windows 8最大的改进之一--应用程序商店也将准备就绪,现 在微软已经开始接受开发者上传的Windows 8应用并启动了一次大赛,优秀的作品将被保留在Windows Store并且放在显眼的推广位置,同时作者还将获得12个月的Windows Azure托管,2年的Windows Store付费订阅服务和一台三星的Windows 8开发PC机。本次的应用程序评委阵容也非常强大,均为微软的副总裁,分别是Visual Studio负责人Jason Zander、Windows用户体验的方案负责人Jensen Harris以及掌管Windows
阅读全文
摘要:国外媒体今天撰文称,虽然与诺基亚的合作已经给微软带来了不少利益,但该公司仍有必要全盘收购诺基亚。业界普遍认为,在今年1月与诺基亚签订合作协议时,微软已经获得了将Windows Phone引入诺基亚智能手机的所有必备因素。尽管微软为诺基亚提供了十亿美元的营销资助,以及技术支持和其他帮助,但相比于收购诺基亚而言,这只是九牛一毛。通过这一交易,微软让手机行业最著名的品牌将战略集中到自己身上。然而,微软或许仍有必要收购诺基亚,原因如下:1、Windows Phone增速仍然很慢。尽管该系统获得了好评,并赢得了消费者的满意,但市场份额依旧远远落后于Android和iOS。就连微软CEO史蒂夫·
阅读全文
摘要:Xamarin 刚发布了 Mono for Android 4.0,该项目使得 C#/.NET 的开发者可以为 Android 设备开发应用程序。Mono for Android 4.0 提供对 Google 新的冰淇淋三明治 Android 4.0 操作系统的支持。该项目为 Visual Studio 提供一个插件用来开发 Android 应用。使用 Mono for Android, 你可以完全使用 C# and .NET 的便利措施:LINQ SupportWork With XML EasilyEvent Handling & DelegatesMake Use of Both
阅读全文
摘要:HTML5 作为下一代网页语言,加入中众多更具语义的标签,例如video、audio、section、article、header 和 nav 等。而 CSS3 作为 CSS 的下一代版本,同样引入了很多很酷的属性,以前很多需要 JavaScript 才能实现的复杂效果,现在使用 CSS3 就能非常简单的实现。CSS3 和 HTML5 都是现在Web开发领域的技术热点,它们给 Web 开发带来了革命性的影响。 相信你和我一样很好奇结合 HTML5 和 CSS3 来制作网站会有什么样的效果,下面向大家分享的免费网站模板会告诉你,看到喜欢的就赶紧下载吧。记得分享和推荐一下哦 :)1.Memoir.
阅读全文
摘要:本文为大家带来3款非常实用的在线JS代码工具,可以帮助你方便地处理JavaScript或jQuery代码。1. 压缩工具用于在线压缩你的JS代码,它有一个选项“Include latest jquery.min.js”,这对于提升速度非常有用。推荐理由:缩小代码 = 更小的文件大小 = 更快的网页加载速度2. 美化工具用于将压缩后的代码转换回正常状态,使代码再次可读。该工具也可用于混淆的代码。推荐理由:漂亮的代码 = 易读 = 更快地开发3. 混淆工具用于保护(混淆)你的代码,使代码不可读。很显然,一些模仿者可以使用一个工具去反混淆/解压缩,但是你为代码设置的保护越多越好。推荐理由:混淆代码
阅读全文
摘要:久仰ASIHTTPRequest大名,在决定使用ASIHTTPReques之前已经阅读了它的使用文档( 请参考:http://allseeing-i.com/ASIHTTPRequest/),文档写的很详细,感觉使用起来应该没有什么大问题了,可是到真正开发编程时,还是遇到了一些问题,有一些细节并没有体现在它的文档里(或者是我没看到 -_-#),我在这里简单的归纳总结一下:1. 如何把ASIHTTPRequest添加到自己的ios工程里 关于这一点官方的文档已经有详细的说明,我把它列出来只是为了方便日后参考。 首先需要把源码里的文件引用到现有工程,如果只是用到基础功能的话,只需引用下图所示...
阅读全文
摘要:写在所有之前:这个工具更适合没有编码基础又喜欢折腾的设计师们,并不一定适合开发者。当你有一个好的游戏创意却因没有代码基础而搁浅时,是不是很期待一款这样的软件,让iOS游戏开发变得像做份沙拉那么简单?现在GameSaladInc.就为我们提供了这样一个便利的开发工具GameSalad。简单介绍一下GameSalad:这是一款可视化编程的游戏引擎,使用者无需编码就能为iPhone, iPad, Mac和Web来设计,发布和分销原创游戏,简单易上手,很适合交互和视觉。开发完成的游戏可以通过云端上传到GS的服务器,发布到的APP store。同类的游戏引擎还有Corona和Unity, 但相比之下Ga
阅读全文
摘要:我们很高兴的宣布由淘宝网核心系统部开发的Tengine服务器终于正式开源了。淘宝网是亚洲最大的电子商务 网站,Alexa全球排名第12位。每天访问淘宝网的PV超过了几十亿。大压力的访问,对淘宝网的Web服务器提出了严苛的要求。经过一系列的对比,我们最终选择了Nginx作为我们的Web服务器,因为它性能高,又非常节省资源(CPU和内存),并且有足够的灵活性。一开始我们使用Nginx还仅仅用它来处理静态文件、PHP等,接着我们又在Nginx上开发了几十个各种用途的模块。随着对Nginx的 越来越了解,我们发现它本身已经不能够完全满足我们的需求了,所以我们就开始对Nginx核心进行定制和开发。考虑到
阅读全文
摘要:开发人员都喜欢有个酷酷电脑,这里列举了 55 个很炫定制电脑的设计,问题是哪里能买到呢?鬼知道!Cygnus X1More Information on Cygnus X1Shuttle XPCMore Information on Shuttle XPCsmilodonMore Information on smilodonSpider’s WebMore Information on Spider’s WebCyberpumpkinMore Information on CyberpumpkinDark Blade projectMore Information on Dark Blade
阅读全文
摘要:磨刀不误砍柴工。作为手机应用开发者,你需要向应用商店提交应用审核,迅速通过审核可以让你抢占先机。对苹果iOS应用开发者来说尤其如此。苹果应用商店的审核近乎吹毛求疵,下面这些清单可以让你知道苹果会在哪些地方找茬。首先,你的应用程序:不能导致手机故障(比如崩溃或屏幕问题)长时间/过度使用之后反应仍然很快应用内的所有价格信息中不能用固定值代替可变变量不要使用任何SDK里面的私人API不要使用任何SDK文档里面没有列出的功能不要提及用户设备上不存在的硬件功能如果需要网络连接,在没有网络的情况下要告知用户不要(过度)模仿任何本地应用程序不要(过度)山寨某个本地应用的功能运行若干次之后不要过期或停止工作不
阅读全文
摘要:MotionCAPTCHA(Demo|Download)MotionCAPTCHA是一个 jQuery 的验证码 CAPTCHA 插件,要求用户按照图中指示画出大概的形状。基于 HTML5 的 Canvas 技术实现。Smart Validate(Demo|Download)信用卡号校验的 jQuery 插件。支持的信用卡类型包括:American Express, MasterCard, Visa, Diners Club, and Discover.Multi Node Range Data Slider jQ Slider(Demo|Download)JQ Slider is a tot
阅读全文
摘要:本文介绍47个令人咋舌的CSS3动画演示汇编。他们展示了CSS3的转换和过渡性的处理。有些是非常有用的,可以作为浏览器的替代品使用。这些效果大多是简单的,看起来很酷。为了尝试这些效果,你需要的WebKit浏览器,如Safari和Chrome。CSS3 Clock With jQueryAnalogue Clock3D Cube That Rotates Using Arrow KeysMultiple 3D Cubes (Slide In/Out)CSS3 AccordionAuto-Scrolling ParallaxIsocubeImage GalleryMatrix7 Javascrip
阅读全文