02 2012 档案
摘要：以往web开发中都使用Gif来实现加载中的效果，但是随着技术的发展我们也可以使用jQuery和CSS来实现加载中的效果，希望大家喜欢！相关文章：5个在线Ajax“加载中”旋转图标生成器工具分享10个jQuery图片加载插件和教程及其生成器1. Sonic – Looping Loaders一个非常小的JS class，你可以用来创建个性化的加载中动画。非常适合循环的动画。2. Bouncy Animated Loading Animation使用CSS3实现的加载中动画3. CSS3 Loading Spinners without ImagesCSS变化（firefox3.5和webkit类
阅读全文
摘要：日期：2012/02/25 在线演示 本地下载在过去的几年中，但页面的网站设计越来越多了，大多数都是使用javascript来实现过渡效果。那么今天我们讲介绍使用CSS的transition和:target属性来实现同样的过渡效果。HTML标签HTML标签包含了5个主要的部分：一个header及其4个内容区域。每一个区域都拥有一个id和class panel.而且我们会添加另外一个用来获得class为content的部分。<!-- Home --><div id="home" class="content"> <h2>
阅读全文
摘要：日期：2012/02/26在线演示 本地下载 今天介绍一个款不错的HTML5绘图和制表类库-flotr2。 它可以有效地帮助你绘制基于HTML5的图表和图形，包括线图，柱状图，饼图，气泡图等等，对于浏览器的兼容性也非常不错。flotr2主要特性移动支持独立框架可扩展的插件框架自定义的图表类型FF, Chrome, IE6+, Android, iOS线装图柱状图烛柱图饼图气泡图HTML<div id="container" class="container"></div><div class="controls&q
阅读全文
摘要：日期：2012/02/27 来源：GBin1.com如果你使用wordpress的话，肯定知道对于wordpress来说主题框架和设计的重要性。一个非常好的wordpress主题可以有效的帮助你节 约时间来处理框架，或者让你使用最小的代码量来实现惊人的功能。今天我们这里将介绍25个超棒的wordpress主题 ，希望大家喜欢！1. Elemental (Basic license $59.99)主要特性：自定义的控制面板，方便的编辑文字，导航和其它4个自定义的widget区域12个自定义的页面模板，例如，sitemap，联系人表格社交媒体自定义的widget自定义管理员菜单本地化和翻译支持De
阅读全文
摘要：日期：2012/02/24 来源：GBin1.com如 果你关注最近几年的web设计，那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇。 相对于传统的页面设计来说，今天的设计者需要考虑的用户来源和用户体验对于设计者来说是一个非常大的挑战，因为随着硬件的更新，新设备的出现，你需要能够 使得你的网站能够针对不同的设置做出最好显示响应。最初这个名称来自于Ethan Marcotte的文章“Responsive Web Design”，设计的理念在于为了有效的利用空间和布局来满足用户阅读过程中产生的不同使用行为，并且及时的做出响应。现在的响应式设计中，我们网站也
阅读全文
摘要：日期：2012/02/23在线演示 本地下载 今天我们分享一款使用jQuery和CSS3实现的3D环廊展示特效，这个3D特效使用CSS3的3D变化特性实现，简单而非常华丽，希望大家喜欢！使用3D变化，通过将它们放置于一个三维空间，我们可以让很简单元素变得更加有活力，同时使用CSS的过渡效果，这些元素可以很容易的移动到3D空间中，并且创建一个非常真实的效果。主要的想法是创建一个轮播式的画廊，我们可以将一个图片放置在中间，旁边放置两个图片。因为我们使用不同的角度，所以看起来两张旁边的图片好像被设置在一个3D空间中，然后我们旋转它们。注意：这里的效果需要你的浏览器支持3D变化效果如何工作<se
阅读全文
摘要：日期：2012/02/22 来源：GBin1.comjQuery越来越流行了，大家可能也会发现，在浏览网站过程中，越来越多的网站开始使用jQuery来构建以前需要使用flash来实现的超酷动态效果，事实上jQuery已经成为前端开发中重要的类库之一，发挥着构建丰富web前端的利器。但是作为一个JS类库，很多人并不是非常清楚如何正确使用jQuery来达到最佳的性能（Peformacne），如果你觉得代码书写对于性能的影响不会那么巨大，那么我只能告诉你，当你使用jQuery开发一个复杂的动画和web应用的话，它有可能成为你性能上的终极噩梦。在这篇文章中，我们将介绍代码书写中，大家应该需要注意的几个
阅读全文
摘要：日期：2012/02/21 来源：GBin1.com HTML5是web开发中目前最流行的标准，这里我们为大家准备了一个HTML5的基本知识小测试，大家可以来试试，看看你有多少了解HTML5。
阅读全文
摘要：日期：2012/02/20 来源：GBin1.com作为一个合格的前端开发人员，我们不得不学习很多最新的技术和实现，不论是html5，CSS，CSS3， javascript，还是后台的最新数据库技术nosql。如果你不能有效的学习这些生存技能，意味着你随时被市场抛弃。为了能够有效而高效的学习各种技术和编程，找到几个非常不错的网站还是很有必要的。，这里我们推荐8个非常不错的技术网站，帮助你有效的快速学习编程，他们带给你的不单单是学习的内容，还有学习的乐趣，enjoy!Javasript学习：LifeHacker Learn to code 这个网站通过4个课程学习javascript。每一个都
阅读全文
摘要：在线演示 本地下载 今 天是情人节，这里我们将创建一个超酷的动态留言板来帮助大家度过这个情人节，可能大家使用过很多的评论或者留言系统，基本都是静态输入的形式，今天我们创 建的这个留言板灵感来自于一些超棒的网页设计，在用户输入过程中，会动态的显示输入框，产生类似flash的效果。提高用户的体验。希望大家喜欢！注：由于使用了Cufon英文字体美化UI界面，所有不支持中文输入，如果你需要输入中文，请将Cufon相关代码移除即可。jQuery插件1. jQuery validation engine plugin - 表单验证插件2. jQuery placehoder plugin - 输入提示插件
阅读全文
摘要：日期：2012/02/09 来源：GBin1.com在线演示 本地下载 今天我们将介绍一款非常不错的标签输入相关的jQuery插件 - jQuery TextExt， 这个插件能够有效的帮助你快速添加标签，并且提供相关的强大的辅助功能，帮助你有效的输入，自动补齐提示及其提供AJAX支持。个人觉得非常不错，符合大 多数情况下网站中使用标签的方式和习惯，个人感觉基本上很多网站的标签功能，都是为了实现标签功能而强行添加的标签功能，典型的从众心理，使用生硬，并且 没有任何所谓的使用体验。Javascript$('#tags').textext({ plugins : 'tags
阅读全文
摘要：日期：2012/02/08 在线演示 本地下载 今天分享一款帮助大家在网站或者web应用中添加快捷键组合的类库 - keyboard.js，使用这个类库你可以很方便的捕捉输入键的组合，可以帮助你很好的添加相关快捷键的操作，希望大家喜欢！主要特性：独立类库，当然也可以和其它类库组合使用，例如，jQuery字母或者字母组合绑定支持Callback回调多语言支持支持AMD加载，例如 RequireJS文档完整Javascript：$(document).ready(function(){ var gbin1 = ['g', 'b', 'i', '
阅读全文
摘要：在线演示 在线下载 今天介绍一款帮助网站提高用户体验的jQuery插件 - jQuery fullscreen，它能够帮助网站实现针对阅读内容的全屏显示功能。这个插件基于Full Screen API.，目前有半数的浏览器支持这个API。支持 Firefox 10, Safari and Chrome;使用requestFullScreen() 方法触发;可以支持任何元素的全屏显示，而不仅仅是页面由于安全原因，只支持用户触发全屏也由于安全原因，输入被严格控制，除了方向键其它按键不能使用API还不完善，只能使用浏览器指定方法（前缀为moz and webkit）jQuery代码jQuery(do
阅读全文
摘要：日期：2012/01/16 来源：GBin1.com大家都听说过nosql解决方案吧？现在是web开发中很流行的技术。 是不是也有听说过MongoDB？ 你是不是准备好了来学习一下web开发中最酷的技术之一MongoDB？在这个系列教程中，我们将介绍帮助大家了解MongoDB，让大家能够像Mysql一样熟练的应用MongoDB到web开发中去。 希望大家喜欢！为什么使用MongoDB?在面对对象的开发过程中，我们都被鼓励尝试将逻辑的模型应用到代码开发中去，因此我们使得代码在概念上更加容易理解。当我们需要这样做的时候，我们最好能够清晰的看到逻辑操作的互动及其信息的处理。那么假设如果你可以将需要使
阅读全文
摘要：今天分享8个超棒的javascript资源，帮助你加快你的web开发。希望大家喜欢！wrap.jswrap.js插件通过config来处理互相镶套调用的scripts，能够在编译中产生一个AMD模块。这样你不需要自己书写wrapper，wrap.js能够帮助你实现Resumable.js一个JS类库通过HTML5文件API提供了同步，稳定和可续传的功能。通过HTTP支持容错。将文件分割成小块儿，支持断点续传。IcedCoffeeScript是 Coffeescript的分支。是Coffeescript语言的扩展集。 iced解析器是标准coffee解释器的非正式替换因为它能解释所有存在的cof
阅读全文
