摘要:
1. jQuery UI Bootstrap一个基于 Twitter Bootstrap 的 jQuery UI 主题2. jqGrid这是非常棒的jQuery 表格插件,在线演示:here.3. Cloud ZoomCloud Zoom 是一个小型的图像放大镜插件,放大动作非常平滑4. jQuery continuous calendarjQuery 的日历插件,支持日期拖拉、日期范围拖拉等等5. FlotFlot 是一个纯 JS 库,用于生成漂亮的图表,在线演示:here.6. FullCalendarFullCalendar 是一个 jQuery 的日历插件,提供全尺寸、拖放操作的日历功 阅读全文
摘要:
这篇文章收集了8款优秀的响应式jQuery幻灯片插件,它们能够非常容易的集成到 Web 项目中。响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。FlexsliderFlexSlider 是一款非常棒的响应式 jQuery 幻灯片插件,能够自适应屏幕尺寸,呈现漂亮的外观。BlueberryBlueberry 是一款开源的 jQuery 图片幻灯片插件,适用于流体、响应式网页布局。unoslider特别推荐 unoslider这款幻灯片插件,基于响应式设计,拥有众多切换效果,支持触屏。Responsive Thumbn 阅读全文
摘要:
微博平台首席架构师杨卫华演讲 新浪科技讯11月16日下午消息,由新浪微博(http://t.sina.com.cn)主办的中国首届微博开发者大会在北京举行,这是国内微博行业的首场技术盛宴作为国内微博市场的绝对领军者,新浪微博将在此次大会上公布一系列针对开发者的扶持政策,以期与第三方开发者联手推动微博行业的整体发展以下为演讲实录: 大家下午好,在座的大部分都是技术开发者,技术开发者往往对微博这个产品非常关心最晚的一次,是12点多收到一个邮件说想了解一下微博底层是怎么构架的很多技术人员对微博的构架非常感兴趣,就是一个明星他有300万粉丝,这个技术怎么来实现?今天在这里跟大家分享一下微博的底层机构, 阅读全文
摘要:
客户端页面首先在body 中放置一个div: <div id="res"></div> 将远程调用的数据写入该div中<scripttype="text/javascript"src="/js/jquery-1.3.2.min.js"></script><scripttype="text/javascript">$(document).ready(function(){$.ajax({url:'http://192.168.9.5/jsonp_pr 阅读全文
摘要:
1.TwimbowTwimbow 是一个基于 HTML5 开发的 Web 应用,用于帮助用户管理他的社交网络,该应用色彩非常多样。2.AviaryAviary 包含很多图像工具和向量编辑器,你可以在上面对图像进行一些特效处理而无需单独下载软件。3.Gabereiser用于方便的浏览照片的 HTML5 Web 工具4.Body Browser from Google Labs想看看你身体的内部结构吗,别把自己给吓着了 :)5.Coolendar个人计划任务工具6.CSSWARPCSSWarp 可以帮你生成一些具有特效文字的 HTML 代码7.Hootsuitehootsuite 可以帮你检查各个 阅读全文
摘要:
你是否会经常忘记一些CSS中的函数名或是一些属性名,那个时候,你一定觉得,如果手边有一个“小抄”(Cheat Sheet)就好了。当然,这个“小抄”不是给你作弊用的,这个“小纸条”就是可以让你马上知道那个你最想知道的东西。这个“小抄”上也不需要有所有的东西,就需要那些经常用的就行了。现在,网上有很多这样的“小抄”,它们可能是PDF格式的,可能是PNG格式的,你可以很方便地把其打印出来(可以打印得很小),然后贴在你的电脑旁,一但需要,瞟一眼就可以了,这对于我们的工作是相当方便的。之前,酷壳也有两篇关于速查卡的文章《Web设计的速查卡》和《Vim命令速查卡》,不过都不如本贴多。下面是N多的各种和样 阅读全文
摘要:
下面是一些比较重要的算法,原文罗列了32个,但我觉得有很多是数论里的或是比较生僻的,和计算机的不相干,所以没有选取。下面的这些,有的我们经常在用,有的基本不用。有的很常见,有的很偏。不过了解一下也是好事。也欢迎你留下你觉得有意义的算法。(注:本篇文章并非翻译,其中的算法描述大部份摘自Wikipedia,因为维基百科描述的很专业了)A*搜寻算法俗称A星算法。这是一种在图形平面上,有多个节点的路径,求出最低通过成本的算法。常用于游戏中的NPC的移动计算,或线上游戏的BOT的移动计算上。该算法像Dijkstra算法一样,可以找到一条最短路径;也像BFS一样,进行启发式的搜索。Beam Search束 阅读全文
摘要:
在网站或应用程序中添加交互或通信功能,可以为用户带来非常棒的使用体验。本文整理了10个非常实用的jQuery插件和教程,可以帮助你在网站或应用中整合交互或通信功能,如新闻预览、显示最近日志的小部件、友情链接侧边栏等。1. 使用jQuery、CSS3和PHP实现图片趣味处理在本教程中,将实现一个在线应用程序,可以为图片添加各种有趣的部件(如胡须、眼镜和嘴唇等),使用jQuery和jQuery UI来实现部件的拖动和大小调整。源码/演示2. 基于jQuery的小型新闻预览器在本教程中,你将学习如何创建一个新闻预览器,以显示你的最新文章或新闻。源码/演示3. Ajax IM这是一个基于浏览器的即时消 阅读全文
摘要:
http://www.ro.me/ 阅读全文
摘要:
如果要在互联网编年史上描述2011年的话,那么无需任何插件即可在浏览器中直接嵌入支持硬件加速的3D图形一定会被记上重重的一笔。随着大部分现代浏览器都增加了对WebGL的支持(微软IE除外),以及最近发布的Flash 11,开发者终于可以开始把构建高性能互动3D体验放上议事日程。目录1 产品推广类1.1 1. Rome: 3 Dreams of Black1.2 2. Nissan: The Planet Zero1.3 3. Adidas: AdiZero f501.4 4. Nissan: StageJUK3D2 自我营销类2.1 5. Nouvelle Vague2.2 6. Les Ch 阅读全文
摘要:
http://www.cuttherope.ie/ 阅读全文
摘要:
WebGL是一项在网页浏览器体现3D画面的技术,有别于过往需加装浏览器插件,通过WebGL的技术,只需要编写网页代码即可实现3D图像的展示。WebGL的规格尚在发展中,由非营利的Khronos Group管理。WebGL的工作成员包括Mozilla、Opera、苹果公司,Mozilla的Arun Ranganathan担任主席。浏览以下WebGL演示页面请使用 Mozilla Firefox、Google Chrome、Opera12(目前的正式版11.52不支持)、Safari 浏览器,IE支持不能。由于部分WebGL Demo页面需调用GAE中JS文件,若无法展示,请开启代理。请勿同时打开 阅读全文
摘要:
OpenLogic近日发布了2011年度开源软件趋势分析报告,Openlogic报告重点分析了现今流行以及活跃的用于企业基础架构中的核心应用程 序。同时报告将热门的开源项目主要分为了Web应用和应用服务器、应用程序框架以及数据库和大数据三大类别。以下为OpenLogic评选出的2011年 度最具影响力的16个开源项目。1.HBaseHBase是一款开源的非关系数据库,主要基于Google BigTable分布式数据库并使用Java语言编写,并运行在HDFS(Hadoop Distributed Filesystem)之上。HBase作为Apache软件基金会的一部分得到了众多开发者的支持。2. 阅读全文
摘要:
It is our goal to provide Enterprise support for jQuery and to give back to the community. Intellisense is an important feature for Visual Studio 2010 developers and we want to make that easy when it comes to jQuery.Along these efforts we have started to collect and provide links to jQuery vsdoc fil 阅读全文
摘要:
当在服务器上部署 ASP.NET MVC3 的应用的时候,可能会看到如下的错误信息:这表示你的服务器上没有安装 ASP.NET MVC3。解决这个问题的方法有两种:第一,当然是在服务器上安装 ASP.NET MVC3 了。不过,如果你使用的是服务器的虚拟空间,或者租用的服务器,可能没有安装的条件,那就是用第二种方法吧。第二,错误的原因很显然是缺少适当的程序集,在已经安装 ASP.NET MVC3 的情况下,这些程序集已经被安装到 GAC 中,在网站程序中使用了对这些程序集的引用,MVC3 涉及的程序集如下所示:我们可以通过在 ASP.NET MVC3 应用的 bin 下部署这些程序集来解决这个 阅读全文
摘要:
1. border-radius属性:很好看的形状不再需要image来实现啦。。我们看看如何让一个DIV显示为不规则。并在里面存放一些文本。使用CSS3中的border-radius属性:12345678div{border: solid black;border-radius: 40px;height: 1in;width: 2in;overflow: hidden;}div显示:2.background-clip属性:background=clip结合border-radius使用,可以设计出不错的形状。Css:两个div的显示:3. border-x-x-radius属性x代表top,r 阅读全文
摘要:
在以前的工作中,我如果需要写一个类似于Google搜索的自动完成,那可能涉及到JS的编写,CSS样式,以及后台代码如何生成json或者xml传递给自动完成控件。现在可以使用jQuery UI的Autocomplete,你的工作量会少的惊人。来看我如何实现:1.添加jquery ui js和css引用。2.页面添加一个textbox,并在该textbox上使用autocomplete脚本:3.添加Action,并返回json。在第二步中我们看到ID为complete的textbox它的source为home这个controller下的action: Users。所以接下来我们要来实现Users这 阅读全文
摘要:
我相信大部门的.net开发人员还在完全使用asp.net框架开发或者有一部分人是asp.net和asp.net mvc项目都有在做。对于传统的asp.net如果要有好的体验,那么ajax效果当然不可少。。。我刚才问了一个同事,我说现在我要在asp.net中前台页面要后台传过来json格式的数据,你觉得我用哪种方式好,回答很肯定是Ihttphandler我完全同意。。。那json对象的转化工具你选择什么呢? Newtonjson。。。好主意。。而且我也很喜欢这个序列化反序列化库。http://json.codeplex.com/ 这个东西可能你也用过好多次了。。。甚至借助nuget,你都不需要去 阅读全文
摘要:
Diamond Rings Open Cart ThemeHome Zone Magento ThemeStreak Opencart 1.5 ThemeYourcart – Opencart Premium ThemeMercado Magento ThemeFashion Zone Magento ThemeSimplestoreComputer StoreTienda Magento ThemeFashion Magento TemplateLingerie StoreFashion Theme for Opencart 1.5Apparel Magento ThemeSportStor 阅读全文
摘要:
CSS3 Clean Mega MenuMenu with CSS3 Effects and Notification BubblesSherpa | Complete Navigation System (CSS Edition)CSS3 Animated Mega NavCSS3 Mega Drop Down MenuMega Dropdown EnhancedWebsite in a Navigation BarHTML5/CSS3 Drop Down MenuSource:http://designmodo.com/css3-html5-mega-menus/ 阅读全文
摘要:
1.Bootstrap, 一个来自 Twitter 的工具包,用于快速开发 Web 应用和网站。 2.BrowserID, 一个安全,分散,开源,基于 email 地址的跨浏览器网站同步登录。 3.Canvas, 基于云计算的学习管理系统 LMS 4.Cloud Foundry, 一个开放的平台作为一种服务(PaaS)云,开发框架和应用服务的选择; 5.Moai, 一个移动游戏开发平台,提供基于云的游戏服务和 iOS, Android 应用快速开发平台。 6.Mooege,一个开放源码的教育游戏服务器仿真器; 7.OpenShift, 来自 Red Hat,免费,可扩展的 Plat... 阅读全文
摘要:
jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说,学会jQuery是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果。一、选择网页元素jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数库的根本特点。 使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。选 阅读全文
摘要:
现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物,认知他们的材质、尺度和透视。所以如果要让我们的网页设计更加自然、有动感且真实直观,正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧,好好运用它们,能让你的设计更加精致,从众多的页面中脱颖而出。光照与阴影的原理快速剖析下图中,光源来自左方。高光是光照最强的部分,阴影位于距离光源最远的地方。光影的存在帮助我们感知有关物体表面材质的大量信息。不过你可能要问,这和网页设计有什么关系?如果你打算创造丰富、有质感的界面和网站,光影能助你一臂之力。如同许多传统艺术家们在绘画上对光 阅读全文
摘要:
复杂的设计技巧总是很花时间,也实在是….复杂 (-_-||)。高级效果为设计增色不少,但如果用得不对,只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在,但即便如此,也还是需要一些更简单的效果与其配合。简单的效果和技巧是建造当今设计的基石。比方说,如果你都不知道如何正确选择颜色和文字效果,灿烂的星光效果又能有什么用?本着“少就是多”的理念,我们为你精选了十个简单好用的设计技巧,它们能大大提升你设计的专业性和感染力。更多技巧可参阅(英文):12 Useful Techniques For Good User Interface DesignGrid-Based Design 阅读全文
摘要:
提升网页和博客设计品质的一些实例和技巧“高品质”是所有人追求的目标,在网页设计的世界中也不例外。不过何为“品质”,如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品质焦点的方法。一旦你了解到如何判断一项高品质的设计究竟好在哪里,你就掌握了让自己的设计更趋完美的大量技巧。接下来我会给大家列一些要点,并附上相应的例子,与大家分享一下我在别人的网页设计中寻找“高品质”的过程。01. 留白在好的网页设计中我最留意的是那些对设计元素之间留白的聪明运用。留心不同内容区块之间的间距和排列方式,能让你的设计的整体感官大不一样,从而提升设计的品质。我觉得处理好留白的关键是从整体上感知设计元素。把设 阅读全文
摘要:
网页设计中,内容组织恐怕是最至关重要、最影响设计品质的方面了。如何将信息组织到好的布局中,是一个网站的基础,并且应该在考虑外观之前就决定好。没有好的布局,网页信息流就不能正确传递,所有东西都不能建立起合理的联系。在这篇文章中,我们将讨论八个布局解决方案/技巧,这些方案和技巧将有助于你创建整洁有序的内容布局。这八个技巧包括滑门(sliders)、标签式、渐进布局(progressive layouts)、结构网格、模态窗口(modal window)、翻转元素、手风琴效果(accordions)以及超大下拉菜单(mega drop-down-menus)。1. 滑动样式与传送带(Sliders 阅读全文
摘要:
正则表达式(Regular Expression,abbr. regex) 功能强大,能够用于在一大串字符里找到所需信息。它利用约定俗成的字符结构表达式来发生作用。不幸的是,简单的正则表达式对于一些高级运用,功能远远不够。若要进行筛选的结构比较复杂,你可能就需要用到高级正则表达式。本文为您介绍正则表达式的高级技巧。我们筛选出了八个常用的概念,并配上实例解析,每个例子都是满足某种复杂要求的简单写法。如果你对正则的基本概念尚缺乏了解,请先阅读这篇文章,或者这个教程,或者维基条目。这里的正则语法适用于PHP,与Perl兼容。1. 贪婪/懒惰所有能多次限定的正则运算符都是贪婪的。他们尽可能多地匹配目标 阅读全文
摘要:
有一个问题已经困扰网页设计师们很久了:该使用固定、流动、弹性,还是混合布局呢?它们各有优缺点。最终的决定取决于网站的可用性,单用某一种布局就想达到目的,可能没那么容易。那么,既然如此令人困惑,是否有做出正确决定的诀窍呢?考虑好几个问题,恰当地设定目标结果,你也能做出融合各方优点的成功布局设计。本文将讨论每种布局方案的利与弊。其实,只要你时刻注意可用性,每种方案都能实现成功的网站布局。您也可以参考一下我们以前的文章:Flexible Layouts: Challenge For The Future讨论弹性布局对未来的挑战Applying Divine Proportion To Your We 阅读全文
摘要:
本文提供即刻提升你的脚本性能的十个步骤。不用担心,这并不是什么高深的技巧。人人皆可运用!这些技巧包括:使用最新版本合并、最小化脚本用for替代each用ID替代class选择器给选择器指定前后文建立缓存避免DOM操作避免使用concat(),利用join()处理长字串返回false值利用小抄和参考文档1. 使用最新版本jQuery一直处于不断的开发和改进过程中。John和他的团队不断研究着提升程序性能的新方法。一点题外话,几个月前他还发布了Sizzle,一个据说能在Firefox中把程序性能提升3倍的JS选择器库。如果你不想时刻关注是否有新版本,然后再花时间下载上传,Google 就又能帮你一 阅读全文
摘要:
1.安装apache2.0sudo apt-get install apache22.安装PHP依次在终端打开:sudo apt-get install php5 //安装PHP5sudo apt-get install libapache2-mod-php5 //配置APACHE+PHPsudo /etc/init.d/apache2 restart //重启APACHE3.安装MYSQLsudo apt-get install mysql-server安装完成按提示设置root密码4、让apache、php支持 mysqlsudo apt-get install libapache2-mo 阅读全文
摘要:
调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具,希望大家喜欢!Online Debugging Tools1. PastebinPastebin是一个协作式的调试工具,帮助你在IRC,IM或者消息版上对话来分享和修改代码片段2. JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行,可能非常难于阅读。这个工具可以帮助你解决这个问题3. JS Bin – Collaborative JavaScript 阅读全文
摘要:
终于成功手动安装了JDK,在此分享一下,希望所有开始使用ubuntu的新手能够用上自己所需版本的JDK。1.下载JD:http://www.oracle.com/technetwork/java/javase/downloads/index.html2.将下载的文件copy到自己指定的目录3.打开终端(gnome-terminal),进入该目录。4.修改该jdk的权限sudo chmod u+x jdk-6u26-linux-i586.bin #增加用户可以执行的权力5.执行文件sudo -s ./jdk-6u26-linux-i586.bin6.一路确定或者YES7.安装成功后,修改环境变量 阅读全文
摘要:
4.28日,Ubuntu 11.04 就发布了!本文将向你介绍Ubuntu 11.04 安装后快速配置需要做的20件事。1、不喜欢Unity? 切换到Ubuntu gnome 经典桌面!注销unity桌面环境,然后选择登录环境为“经典桌面”即可进入。若是你喜欢Unity,可是你的显卡不给力3D不支持,怎么办呢?安装Unity-2D:引用sudo apt-add-ppa repository: unity-2d-team/unity-2d-dailysudo apt-get updatesudo apt-get install qt-unity-default-settings2、安装更新!Ub 阅读全文
摘要:
第一步,安装Sun的JDK:sudo apt-get install sun-java6-jresudo apt-get install sun-java6-jdk此时,在命令行里面输入java -version,显示的JDK仍然是OpenJDK,所以需要修改默认的JDK第二步,修改默认JDKsudo update-alternatives --config java此时,命令行中会提示你选择合适的JDK,如There are 2 choices for the alternative java (providing /usr/bin/java).Selection Path Priority 阅读全文
摘要:
我们都知道jquery具有灵活性和许多用途,尤其是在一些令人印象深刻的炫彩效果中都必须用jquery的应用图像才能做出来,他真的可以做一些很有用的东西。效果足以让你惊奇,在本文中我推荐10个jquery插件来帮助你处理图像幻灯片幻灯片是一个疯狂的简单的jQuery幻灯片插件。随着循环,自动播放,褪色或幻灯片过渡效果,交叉淡入淡出,图像预加载,并自动生成的分页功能。人脸检测人脸检测是一个令人印象深刻的插件,顾名思义。它可以检测出照片中的面孔。AviaSliderAviaSlider是一个独特的过渡效果的jQuery幻灯片插件。Fullscreenr所以你想要一个背景图像在您的网站上,总是充满屏幕 阅读全文
摘要:
spin.jsCSS3 Loading Animation LoopCSS3 Loading AnimationCanvasLoader CreatorFlickr Style Loading Animation Using JQueryCSS Loading Animation Circle StyleLoading CSS spinners and bars generator for AJAX & JQueryAjax Style Loading Animation in CSS3 (no Images)CSS3 loading spinners without imagesBo 阅读全文
摘要:
在过去的N年中,我遇到了很多使用囧然不同风格的开发者,下面是我所知道的一些,你还知道其它的吗?散弹枪编程这种编程风格是一种开发者使用非常随意的方式对待代码。“嗯,这个方法调用出错了……那么我会试着把传出的参数从false变成true!”,当然依然出错,于是我们的程序员会这样:“好吧,那我就注释掉整个方法吧”,或是其它更为随意的处理方式,直到最后让这个调用成功。或是被旁边的某个程序员指出一个正确的方法。如果我们把一个正规的程序员和一个撞大运的程序员放在一起做结地,那么,那个正规的程序可以马上变得发疯起来,并且,可以把正规的程序员的智商降到最低。两个撞大运的程序员不应该在一起做结对编程,这是因为他 阅读全文
摘要:
本文主要是收集了一些使用 HTML5 进行文件上传的教程:纯 HTML5 文件上传带进度条的 HTML5 文件上传HTML5 拖放式文件上传的 API 教程全新的 HTML5 多文件上传使用 jQuery 的 HTML5 文件上传HTML5-powered Ajax file uploadsHTML5 拖放式多文件上传 阅读全文
摘要:
用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子 门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位。由此可见,“门面”就如人的脸面之于人的形象一样重要,而 Web的登录页面就相当于传统的“门面”。现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录 界面也是一个发挥情感化设计、提升用户体验、拉近与用户之间距离的兵家必争之地,本文不谈趋势,不讲交互大道理,不涉及技术,就侃侃用户登录 阅读全文
摘要:
{"AreaMax": { "schema":[ {"name":"AREA","type":"string"}, {"name":"ADCD","type":"string"}, {"name":"VAL","type":"decimal"}, {"name":"STNM",& 阅读全文