html
文章平均质量分 69
普通网友
这个作者很懒,什么都没留下…
展开
-
分享最好的HTML5编码教程和参考手册
原文:queness.com 编译:GBin1.com今天我们介绍相关HTML5的参考手册,演讲稿,电子书和教程。HTML5是新兴的web技术,虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5,特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑,现在是学习HTML5的好时间,大多数的公司例如Google,Yout翻译 2011-10-21 19:49:24 · 1183 阅读 · 0 评论 -
最原始网站回归网络
日期:2013-6-1 来源:GBin1.com二十年前的今天,CERN发布声明,让世界万维网面向所有人。为了庆祝这历史性的一刻,CERN决定将最早出现的网站重新上线,并沿用其最初的URL。如果你想看看由Tim Berners-Lee和WWW团队上线的第一个网站,那么点击下面这个URL看看吧。http://info.cern.ch/hypertext/WWW/TheProject原创 2013-06-02 18:13:53 · 1162 阅读 · 0 评论 -
前端性能优化:DocumentFragments或innerHTML取代复杂的元素注入
日期:2013-6-19 来源:GBin1.com我们的浏览器执行越来越多的特性,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了。前端给力的地方是可以有 许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你9种代码小技巧,只需要一分钟,就可以优化你现有的代码。使用DocumentFragments或者in原创 2013-06-19 12:15:00 · 706 阅读 · 0 评论 -
前端性能优化:使用Data URI代替图片SRC
日期:2013-7-6 来源:GBin1.com提升页面大小的效率,不仅仅是取决于使用精灵或是压缩代码,给定页面的请求数量在前端性能中也占有了很不小的重量。减少请求可以让你的网站加载更快,而其中一种减少页面请求的方法就是用Data URI代替图片的src属性:当然页面大小会增加(如果你的服务器使用适当的gzip内容,这个增加会很小),但是你减少了潜在的请求,同时也在原创 2013-07-07 18:58:33 · 964 阅读 · 0 评论 -
前端性能优化:高频执行事件/方法的防抖
日期:2013-6-25 来源:GBin1.com上一篇我们说了用InnerHTML和DocumentFragment来减少DOM注入的次数,这次我们说一说如何处理高频事件触发时的优化。高频执行事件/方法的防抖通常,开发人员会在有用户交互参与的地方添加事件,而往往这种事件会被频繁触发。想象一下窗口的resize事件或者是一个元素的onmouseover事件 - 他们触发时,执行的原创 2013-06-25 10:11:41 · 919 阅读 · 0 评论 -
前端性能优化:网络存储的静态缓存和非必要内容优化
日期:2013-6-28 来源:GBin1.com上一篇我们介绍了前端性能优化:高频执行事件/方法的防抖,这篇我们将介绍前端性能优化:网络存储的静态缓存和非必要内容优化。Web Storage的API曾经是Cookie API一个显著的进步,并且为开发者使用了很多年了。这个API是合理的,更大存储量的,而且是更为健全理智的。一种策略是去使用Session存储来存 储非必要的,更为原创 2013-06-28 12:41:14 · 818 阅读 · 0 评论 -
前端性能优化:使用异步加载,延迟加载依赖
日期:2013-7-1 来源:GBin1.comRequireJS已经迎来了异步加载和AMD格式的巨大浪潮。XMLHttpRequest(该对象可以调用AJAX)使得资源的异步加载变得流行起来,它允许无阻塞资源加载,并且使 onload 启动更快,允许页面内容加载,而不需要刷新页面。我所用的异步加载器是John Hann的curl。curl加载器是基本的异步加载器,可以被配置,拥原创 2013-07-01 10:01:39 · 1166 阅读 · 0 评论 -
前端性能优化:使用Array.prototype.join代替字符串连接
日期:2013-7-3 来源:GBin1.com有一种非常简单的客户端优化方式,就是用Array.prototype.join代替原有的基本的字符连接的写法。在这个系列的第一篇中,我在代码中使用了基本字符连接:htmlStr += '' + item.text + '';但是下面这段代码中,我用了优化:var items = [];ajaxResult.items.原创 2013-07-03 09:47:23 · 673 阅读 · 0 评论 -
前端性能优化:尽可能使用CSS动画
日期:2013-7-4 来源:GBin1.com网站设计对美观特性和可配置元素动画的大量需求,使得一些JavaScript类库,如jQuery,MooTools大量的被使用。尽管现在浏览器支持CSS的transformation和keyframe所做的动画,现在仍有很多人使用JavaScript制作动画效果,但是实际上使用CSS动画比起JavaScript驱动的动画效率更高。CSS动画同原创 2013-07-04 17:15:22 · 1006 阅读 · 1 评论 -
前端性能优化:使用事件委托
日期:2013-7-5 来源:GBin1.com想象一下,如果你有一个无序列表,里面有一堆元素,每一个元素都会在点击的时候触发一个行为。这个时候, 你通常会在每一个元素上添加一个事件监听,但是如果当这个元素或者你添加了监听的这个对象会被频繁的移除添加呢?这个时候,你在移除添加元素的同时需要处 理事件监听的移除和添加。这个时候,我们就需要引入事件委托了。事件委托是在父级元素上添加一个事原创 2013-07-05 12:47:55 · 986 阅读 · 0 评论 -
给设计师提供的十大无代码网站编辑器
日期:2013-8-15 来源:GBin1.com你是否无时不刻都想拥有自己的网站?但是没有时间去学习编码,你也没有真正的去聘请专业人士。我敢保证有很多人想法跟你一样。如今网络上呈几何基数 倍增的网站,但不可能每个人都去学怎样编码,那么解决方案是什么呢?答案就是无代码网站编辑器。它能使网站建设如同图形编辑一样简单,让设计师设计的过程更加轻松简便,因为他们再也不需要编程了。有了这个新类原创 2013-08-16 14:20:13 · 1011 阅读 · 0 评论 -
10个好用的集资网站博客系统主题模板
日期:2013-8-16 来源:GBin1.com如果你想建立集资网站,本文将为你介绍10个强大的博客系统主题模板。集资最近成为一个热门的趋势,随着Kickstarter的成功,很多人都开 始想创建自己的集资网站了。有什么方式能比直接使用博客系统主题模板更节约开发成本呢?网上开发所耗费的步骤减少,才能使你投入更多的精力用于开发市场, 寻找更多的用户。当你获得一定成功的时候,你就可以考原创 2013-08-16 14:56:07 · 1537 阅读 · 0 评论 -
如何构建下拉滑动式响应导航菜单
日期:2013-8-27 来源:GBin1.com在线演示 在线下载经过长时间研究移动响应布局,我花了很大功夫研究不同的UI设计。在页面上的主要亮点往往是网站主导航。用户需要快速访问到内容页面,而且这一点是最基本的,无论是在完整的显示器或较小的移动响应屏幕。在本教程中,我要演示如何结合CSS3 media queries和jQuery管理滑动导航菜单。链接出现在原创 2013-08-27 22:45:37 · 1137 阅读 · 0 评论 -
极客技术专题【011期】:EasyUI初级教程
来源:GBin1.com技术专题:EasyUI初级教程分享人:极客标签技术编辑 - html580(请站内关注分享人)资深Web前端工程师,HTML580创始人,目前就职于广州一间软件公司。多年从事J2EE政务软件的开发,熟悉Extjs、EasyUI、LigerUI等前端框架。授课时间:2013/09/04(周三) 20:00-21:00课程演讲稿:Eas原创 2013-09-02 13:06:52 · 1049 阅读 · 0 评论 -
Backbone.js系列一 - Backbone.js初探
日期:2013-9-12 来源:GBin1.comJavaScript在web应用程序开发前端技术和后端技术的逻辑与运行一块占有越来越大的比重.为了帮助维护和循环访问前期逻辑和模块性,MVC模式在近几年中渐渐普及。其中一种运用广泛的MVC框架就是Backbone.js。Backbone中的Models(模型)、Views(视图)和Collection(集合)Backbone.原创 2013-09-18 19:28:16 · 1365 阅读 · 1 评论 -
Backbone.js系列教程二:Backbone.js深入解析之基础要求
日期:2013-9-16 来源:GBin1.com在网上关于Backbone的描述很少,现有的关于Backbone的内容五花八门,基本上都不同程度的提到了如何运用Backbone来实现应用程序的创建,当然也有很多的是讨论它是否匹配Model/View/Whatever。有挺多华而不实的视频教程是讲程序设计的,但其实没有什么太大的价值。我认为关键是缺少了关于Backbone本身的详细介绍,原创 2013-09-18 19:36:43 · 1261 阅读 · 0 评论 -
想成为程序猿?28个在线学习网站让你变身齐天大圣!
无论是考虑换工作成为一个全职的程序猿,还是试图搭建一个网站,亦或是想要掌握更多的技能,总之现在越来越多的人都开始学习如何编程。虽然编程不一定适合所有人,但是对相关的知识多深入了解一下总归是有一些好处的。原创 2014-04-02 11:31:19 · 1872 阅读 · 0 评论 -
会说话的HTML--语义化杂谭-TGideas-腾讯游戏官方设计团队
家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着“臭爸爸”;你让他把鞋穿上,他会提起鞋子往楼下扔...在小孩的世界里,他虽然会说话,但不一定明白其中的意思,不能正确表达;同样他也会做一些事情,但不一定按正常大人的逻辑,不能准确接收;符合预期的的交流和沟通成了奢望。因为在他的世界里,一切都处于混沌之中,一切的逻辑、规范都没有完善。而在HTML的世界里,经历多转载 2014-03-24 13:26:42 · 844 阅读 · 0 评论 -
开源javascript/html/css的在线运行和调试 - editr
日期:2013-5-6 来源:GBin1.com大家肯定熟悉极客社区的gbdebug,jsfiddle和jsbin等在线调试和运行服务,今天这里我们介绍一个开源的在线运行服务,你可以非常方便的整合到自己的网站中。主要特性依赖jQuery和ACE Eidtor配置简单a支持单页面多个实例可以通过JS对象或者HTML属性来配置如何使用导入js:导入css:原创 2013-05-06 19:25:39 · 896 阅读 · 0 评论 -
将CSS CLIP属性应用在:扩展覆盖效果
日期:2013-3-18 来源:GBin1.com 在线演示我们想要展示如何利用CSS3 clip属性制作一种简单而整洁的扩展效果,当点击一个box元素时实现平稳过渡。这个想法是为了实现某种叠加效果,好像它实际上在各个元素的下面。点击其中一个元素将创建一个切断图片的效果,展示将被宽展开的另一层。更多相关前端技术内容,请关注极客标签怎样做?首先,我们要创建一个原创 2013-03-19 13:58:09 · 743 阅读 · 0 评论 -
关于z-index的那些事儿
日期:2013-3-6 来源:GBin1.com关于z-index的真正问题是,很少有人理解它到底是怎么用。其实它并不复杂,但是如果你从来没有花一定时间去看具体的z-index相关文档,那么你很可能会忽略一些重要的信息。不相信我吗?好吧,看看你能否解决下面这个问题:问题:在 接下来的HTML里 有三个元素,并且每个里包含一个元素。每 个被分别给定一个背景颜色:红、绿、蓝。每个原创 2013-03-07 14:00:55 · 1256 阅读 · 0 评论 -
分享10个必备的简化Web设计的HTML5工具
日期:2011/11/11 来源:GBin1.com这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章,请在我们的网站GBin1留言支持!1. FindmebyIP一个列出了所有浏览器对于HTML5支持细节的网站转载 2011-11-11 13:49:44 · 648 阅读 · 0 评论 -
分享6个实用的HTML5本地存储(Local Storage)教程
日期:2011/12/12 来源:GBin1.comHTML5中最强大并且最具有魅力的特性在于本地存储,使用本地存储可以大大的节约服务器端的压力,并且可以有效的利用客户端的计算性能。使用HTML5可以在客户端存储键值对,并且可以在同一域名下使用。今天我们将分享给大家6个非常不错的HTML5的本地教程,希望大家喜欢!HTML5本地存储这个教程分3个部分帮助大家如何了解并且使用H原创 2011-12-12 18:45:21 · 1107 阅读 · 0 评论 -
分享一款超强的辅助标签(Tag)输入及其提供自动补齐功能(autocomplete)的jQuery插件 - jQuery TextExt
日期:2012/02/09 来源:GBin1.com在线演示 本地下载 今天我们将介绍一款非常不错的标签输入相关的jQuery插件 - jQuery TextExt, 这个插件能够有效的帮助你快速添加标签,并且提供相关的强大的辅助功能,帮助你有效的输入,自动补齐提示及其提供AJAX支持。个人觉得非常不错,符合大 多数情况下网站中使用标签的方式和习惯,个人感觉基本上很多网站原创 2012-02-09 21:21:17 · 1260 阅读 · 0 评论 -
分享一个用来添加快捷键组合的javascript类库 - keyboard.js 编辑
日期:2012/02/08 来源:GBin1.com在线演示 本地下载 今天分享一款帮助大家在网站或者web应用中添加快捷键组合的类库 - keyboard.js,使用这个类库你可以很方便的捕捉输入键的组合,可以帮助你很好的添加相关快捷键的操作,希望大家喜欢!主要特性:独立类库,当然也可以和其它类库组合使用,例如,jQuery字母或者字母组合绑定支持Callb原创 2012-02-08 23:30:03 · 705 阅读 · 0 评论 -
HTML5基本知识小测验 编辑
日期:2012/02/21 来源:GBin1.com HTML5是web开发中目前最流行的标准,这里我们为大家准备了一个HTML5的基本知识小测试,大家可以来试试,看看你有多少了解HTML5。原创 2012-02-21 23:49:05 · 686 阅读 · 0 评论 -
分享8个帮助你学习快速编程的实用网站
日期:2012/02/20 来源:GBin1.com作为一个合格的前端开发人员,我们不得不学习很多最新的技术和实现,不论是html5,CSS,CSS3, javascript,还是后台的最新数据库技术nosql。如果你不能有效的学习这些生存技能,意味着你随时被市场抛弃。为了能够有效而高效的学习各种技术和编程,找到几个非常不错的网站还是很有必要的。,这里我们推荐8个非常不错的技术网站,帮助原创 2012-02-20 17:56:15 · 552 阅读 · 0 评论 -
分享一个HTML5画布实现的超酷文字弹跳球效果
日期:2012/03/05 来源:GBin1.com在线演示 本地下载 今天我们分享一个来自于html5canvastutorials的超酷弹跳球效果,这里我们使用纯HTML5的画布来实现动画及其图形。整个效果使用小球来组合生成字体,如果你的鼠标逼近这些小球,它们会四散而逃,当你的鼠标离开后,它们又自动复原,效果很酷,希望大家喜欢!原创 2012-03-05 22:05:53 · 1054 阅读 · 0 评论 -
分享一个HTML5画布实现的超酷文字弹跳球效果
日期:2012/03/05 来源:GBin1.com在线演示 本地下载 今天我们分享一个来自于html5canvastutorials的超酷弹跳球效果,这里我们使用纯HTML5的画布来实现动画及其图形。整个效果使用小球来组合生成字体,如果你的鼠标逼近这些小球,它们会四散而逃,当你的鼠标离开后,它们又自动复原,效果很酷,希望大家喜欢!原创 2012-03-07 18:00:20 · 797 阅读 · 0 评论 -
推荐10款超级有趣的HTML5小游戏
日期:2012-4-2 来源:GBin1.comHTML5的发展速度比任何人的都想像都要更快。更加强大有效的和专业的解决方案已经被开发......甚至在游戏世界中!这里跟大家分享有10款超级趣味的HTML5游戏,希望大家能够喜欢!Kern Type, the kerning game帮助你学习kern游戏的在线小游戏Z-TypeimpactJS开发的设计游戏Cut原创 2012-04-04 16:59:43 · 2888 阅读 · 0 评论 -
一个HTML/CSS/Javascript的在线开发工具 - Fiddle Salad
日期:2012-4-9 来源:GBin1.com今天我们给大家带来一个超棒的HTML/CSS/Javascript的在线开发工具 - Fiddle Salad,如果你使用过jsfiddle的话,相信大家会更喜欢这个功能强大的在线整合开发环境。和jsfiddle类似,你也可以使用Fiddle Salad来在线调试javascript/html/css,让我感觉更好的地方在于Fidd原创 2012-04-10 15:03:49 · 745 阅读 · 0 评论 -
分享一个快速开发动态互动HTML5可视化图形效果的Javascript类库 - Envision.js
日期:2012-4-7 来源:GBin1.com在线演示 本地下载 今天我们介绍一个超棒的创建快速动态互动HTML5可视化图形效果的javascript类库 - Envision.js,这个类库拥有俩个内建的图表类型:时间序列图表金融图形图表主要特性实时图形展示时间序列,支持缩放,内建互动操作金融类型图表,可定制支持AJAX自定义图形图表,例如,不规则原创 2012-04-10 15:08:52 · 1893 阅读 · 0 评论 -
免费素材下载:超酷的简单按钮UI
日期:2012-4-23 来源:GBin1.com今天分享一套来自alessioatzeni的超棒简单按钮UI,包含了2个主题的5个类型的按钮。提供了PSD格式的下载,所有的元素都是矢量格式,你可以自由的修改图片大小。希望大家喜欢!主题颜色:黑色和蓝色本地下载来源:免费素材下载:超酷的简单按钮UI原创 2012-04-25 13:02:19 · 910 阅读 · 0 评论 -
分享三款非常实用的免费信息图
日期:2012-4-13 来源:GBin1.com当我们拿到数据时,如果能够有效的将数据展示成大家一眼就看得懂的图形是不是更好呢?使用信息图来阐述想法和结论往往是个不错的主意。在这里我们精心挑选了3个超棒的信息图素材工具包,希望能够帮助大家制作出非常漂亮的信息图,希望大家喜欢!Infographic Vector Kit from MightdealsVector Infog原创 2012-04-13 17:07:27 · 512 阅读 · 0 评论 -
推荐12款精心设计网站设计PSD模板
日期:2012-4-18 来源:GBin1.comPSD网站设计模板在我看来,是非常有效的制作工具之一。它可以用在很多方面。比如:如果你没有足够的时间,那么PSD网站设计模板 会成为你最省时也最简单的参考工具。当你想设计一个非常独特又很特别的网站时,PSD网站设计模板可以成为你网站设计的基础,你可以对它进行修改和添加, 让它成为适应你需要的模板。这样也非常有效的为你设计初期节省很多时间和原创 2012-04-18 17:28:38 · 784 阅读 · 0 评论 -
推荐16款每周设计灵感
日期:2012-4-19 来源:GBin1.com网页设计是一个快节奏的工作,每天都需要有新的设计诞生,下面我们推荐16款每周设计灵感,希望大家能从其中找到适合自己且对自己最有用的网页设计,也同样希望它们可以激发出你潜在的创造力!希望大家喜欢!God Is LoveModal Window InterfaceNotebookiPhone UI WIPC原创 2012-04-19 16:17:58 · 519 阅读 · 0 评论 -
GBin1专题之Web热点#4
http://www.gbin1.com/tutorials/hotspot/hotspot4/原创 2012-08-06 18:07:09 · 463 阅读 · 0 评论 -
分享7个超实用的Emmet(zen coding)HTML代码使用技巧
日期:2013-1-17 来源:GBin1.com还记得Emmet(即Zen coding)吗?最棒的书写HTML代码的利器之一,能够帮助你快速书写HTML代码的工具。在今天这篇文章中,我们将要分享7个超酷的Emmet书写HTML的技巧,希望大家喜欢!1. 跳过Div第一个小技巧就是跳过div,Emment非常清楚你需要输入什么内容,你只需要输入class或者是id,Emmet会原创 2013-01-17 14:52:50 · 624 阅读 · 0 评论 -
5个你应该知道的建站平台
如今在网络上有很多优秀的网站构建平台。根据你的需求,它们会提供不同的功能。然而,对于一个网站构建工具最重要的就是简单和友好。通过这些平台,开发者可以省去开发中的不少环节。在本篇文章中,我们会介绍5款非常酷的网站创建平台。原创 2014-09-23 17:30:31 · 1037 阅读 · 0 评论