分类：WEB开发

2015
01-07

8个最新炫酷的HTML5动画应用 HOT

HTML5目前已经逐渐成熟，越来越多的Web项目都已经用到了HTML5技术，包括CSS3。本文主要分享了一些最新的HTML5动画应用，大部分都比较炫酷，也有一些比较实用的，并且每一个动画都提供源代码下载。1、HTML5Canvas实现画板涂鸦动画应用这是一款HTML5网络画板，拥有基础的图形绘制功能，相对比较简单，基于canvas，因此非常灵活。在线演示源码下载2、HTML5堆木头游戏这款游戏的玩法是将木头堆积起来，... 继续阅读 >
2015
01-06

2015年 Web 技术风向标

去年年初我也做过一次技术方向的预言，虽然不是绝对准确，但感觉大部分还是说中了。唯一差的比较远的是SPDY技术好像不太被重视，至今依然没什么声音。另外，WebComponents的爆发式扩散也是我始料未及的，虽然目前的程度还不足以普及，但也是将来的一大趋势。平稳发展中的SPDYSPDY没能在2014年流行起来的原因，我猜测是浏览器对其支持程度的跟进太慢造成的。Firefox的稳定版直到2014年夏天才支持SPDY。... 继续阅读 >
2015
01-05

HTML5的性能不输原生app 可以用拼积木的方式做HTML5产品 HOT

可能你已经发现了，一个好玩有趣的HTML5页面在微信朋友圈里获得的用户关注度会远超过那些普通的独立应用。在移动应用越来越多，推广越来越难做的情况下，你的产品是不是也应该有一个HTML5页面？如果答案是肯定的，那么或许可以试试AmazeUI这套开源的HTML5前端框架，利用它提供的Web组件、JS插件和层叠样式表（CSS），你可以快速的搭建出一款HTML5产品。对于那些经常在移动设备上访问Web页面的用户... 继续阅读 >
2015
01-04

15位2014年顶级的女网页设计师 HOT

在男性主宰的网页设计世界，他们的女性同行也正日益刷新着她们的存在感。事实上，我们现在可以发现很多高水平的女网页设计师。她们的创意、创新、新的思路和设计网站的技术普遍评价都比较高。下面这些顶级女网页设计师都在此领域取得了不斐的成就，获得了大多数人对其工作质量的普遍赞誉。1.RinaMiele -@honeydesignRinaMiele是位伟大的全职自由职业设计师。除了网页设计，她也制作logo、设计字体。作为... 继续阅读 >
2015
01-04

你有没有感觉网页越来越臃肿了？

随着基础设施的发展，我们的网速是越来越快了，那你是否感受到网页加载速度变快了呢？有没有想过，网页也在逐渐变臃肿？根据HTTPArchive的报告，在调查了约50万网页后，他们发现每个网页的平均容量稍小于2Mb，达到了1953Kb，比去年上升了15%。当然，调查的网站不包括那边复杂的网页应用。去年，这一上升比例是32%，虽然今年幅度缩小，但同样不令人乐观。多图慎点将网页内容细分，我们还能了解各部分对网页容... 继续阅读 >
2015
01-04

除了Firefox 我们为什么还需要Mozilla？

随着Mozilla的Firefox浏览器迅速失去市场份额，Mozilla基金会发现自己面临着自它成立十年时间以来，其历史上最关键的时刻。十年前，Mozilla推出了Firefox网页浏览器。Firefox网页浏览器的推出也成为了网络演变的决定性时刻之一。当时，微软的浏览器已经彻底粉碎了Netscape。而Mozilla开发的浏览器在Netscape遭遇失败后提供一个替代微软浏览器的选项。在发展的道路上，Mozilla的得到了来自Google实质性的帮助，反之... 继续阅读 >
2015
01-03

优化你的CSS 推荐

系列概述在移动web兴起的年代，速度优化重新被大家重视起来，因为手机的网络环境和性能比PC端差了很多，估计大家也能感觉到用手机打开网页的时候，能明显感觉到页面蜗牛般的速度。这个系列的优化会以移动环境为基础，当然绝大多数规则也同样适合PC端。优化的基本原则速度优化有一些基本思路，提前总结一下按需加载(只加载你需要的)并行(让串行的事情并行起来)压缩(通过压缩减少体积)缓存(利用缓存，减少请求等... 继续阅读 >
2015
01-02

你不可能有超过10年的Rails编程经验！ 推荐

这就是为什么程序员都不喜欢项目经理的原因…就在上周，我被选中参加DolphinMicro公司的面试。职位是Sr.WebDeveloper，听起来很有趣，所以我抽时间进行了一次电话面试。我注意到这家公司基本上是用RubyonRails，但对方也问到了PHP和其它编程语言，我都比较熟悉和喜欢。下面是面试过程中的一些细节。面试进行的很顺利，感到对方在谈论RubyonRails时不知所云，同样在关于Bootstrap的问题上也遇到让我不解的地方。根据电话... 继续阅读 >
2015
01-02

sphinx使用及其简单配置 推荐

一、sphinx使用进入你要创建文档的目录，例如要创建在目录/home/wwwroot/doc下cd/home/wwwroot/doc开始使用向导创建你的文档项目sphinx-quickstart程序会提示输入一些选项，如输入根目录,大部分使用默认选项，直接按回车即可。Entertherootpathfordocumentation.>Rootpathforthedocumentation[.]://输入跟目录，直接回车YouhavetwooptionsforplacingthebuilddirectoryforSphinxoutput.Either,youuse... 继续阅读 >
2015
01-01

微软要放弃搞烂的IE浏览器了！那可能吗？

从最新的传闻了解，微软正在为 Windows 10 开发一个全新的网页浏览器，该浏览器将与 Internet Explorer 并存，其代号为“Spartan”。此传闻一出很多猜测均认为，微软最经典最出名的浏览器很快就要死去了。也许这样的猜测并没有错，鉴于微软希望彻底改头换面的做法，微软可能会以一款全新的浏览器解决一切负面影响，并且传闻还表示该浏览器的运作方式与 Chrome 和&nb... 继续阅读 >
2014
12-31

动图展示16个Sublime Text快捷键用法 推荐

在我做了一次包含一些现场编码的演示后，一些观众问我是如何操作这么快。当然这里没有唯一的答案，答案是一堆简单的快捷键和大量的实践的组合。为了回应那些询问，我觉得有必要看看我每天想都不用想且使用的快捷键。这里有一个15 16 个快捷键的精选列表(1个自定义快捷键)，以gif动画展示，我每天使用。享受吧!(译者注：原文所列快捷键均为OSX环境，为了方便Windows和Linux环境童鞋的学习，译者将备注Windows和Linux... 继续阅读 >
2014
12-30

robots.txt作用和写法

一、robots.txt是什么？robots.txt是一个纯文本文件，在这个文件中网站管理者可以声明该网站中不想被搜索引擎访问的部分，或者指定搜索引擎只收录指定的内容。当一个搜索引擎（又称搜索机器人或蜘蛛程序）访问一个站点时，它会首先检查该站点根目录下是否存在robots.txt，如果存在，搜索机器人就会按照该文件中的内容来确定访问的范围；如果该文件不存在，那么搜索机器人就沿着链接抓取。二、robots.txt的作用1、... 继续阅读 >
2014
12-26

Web性能优化：图片优化

HTTPArchieve有个统计，图片内容已经占到了互联网内容总量的62%，也就是说超过一半的流量和时间都用来下载图片。从性能优化的角度看，图片也绝对是优化的热点和重点之一，GooglePageSpeed或者Yahoo的14条性能优化规则无不把图片优化作为重要的优化手段，本文覆盖了Web图片优化的方方面面，从基本的图片格式选择、到尚未被广泛支持的响应式图片均有所提及。GoogleWebFundamentals的说法我很喜欢：图片优化既是一... 继续阅读 >
2014
12-26

处理网页图片最常见的10个错误及其解决方案

对于任何一个现代网站来说图片都是最重要的部分。当前，据统计图片已经占到网站总带宽的60%。在处理前沿网站设计时更加明显。在一个图像丰富的社交网站上使用类图钉的布局，这个数字能高达85%。不幸的是带宽很贵。对于高流量的网站，带宽很可能要为你的IT花费负主责，轻松超越虚拟主机和存储花费。另外，如此大量的流量需要花时间，所以在浏览你的网站时，访问者很可能要花很长时间来等待图片的载入。由于加载时间... 继续阅读 >
2014
12-25

程序员如何做出“不难看”的设计 HOT

经常看到程序员展示自己做的东西，有一些是创业项目，有一些是WeekendProject,不客气地说，大部分都挺难看的。在10年前，只要你做出一个功能齐全的东西，哪怕非常难看也会有很多人叫好，而现在网站和其它互联网产品多如牛毛，没有人再愿意忍受难看的东西了。我觉得“不难看”是对一个产品最起码的要求，难看的产品往往都很难用。程序员在写代码的时候往往只注重功能的实现和性能的提升，忽视了外观和易用性，其实很... 继续阅读 >
2014
12-25

响应式网页设计之技能技巧大盘点 HOT

本文会带大家来看看一些实用的建议，以帮助你在响应式网页设计过程，并使之变得更加高效。响应式网页设计已经变成新的web标准，许多公司已经接受了这个挑战，并且已经建立起了专门的网页设计方案（比如只针对移动端的开发）或者已经开始试图解决跨平台的响应式网页设计方案。1.计划与往常一样，计划总是要放在第一优先级的。一旦你在纸上开始解决你的设计难题，你就已经准备好建立你的站点了。2.充分利... 继续阅读 >
2014
12-25

前端工程师的神器Sublime Text使用介绍

SublimeText算是前端开发中最常使用的文本编辑器之一，对于前端工程师来说熟悉手中的编辑器就像熟悉筷子一样重要。SublimeText的入门文章网上已经太多了，本文只关注能提升前端工程师工作效率的技巧和插件。语法高亮一晃已经接近2015年，过去数年里前端开发的发展日新月异：浏览器里充斥着新增加的CSS特性（以及这些特性的N种实现），JavaScript也不像原来那样只用作给单一页面加点特效或者提交Ajax请求这么简单，... 继续阅读 >
2014
12-22

实用的 jQuery下拉选择框插件集合

jQuery是目前最受欢迎的JavaScript库，并且在全世界都已经被广泛应用。今天，小编为大家展示了一些非常实用并且免费的jQuery下拉选择框插件，这可以大大的简化开发人员的工作流程。诸如这些资源，都是为了方便Web开发人员能够快速的执行某些操作，从而提高工作效率。同时今天为各位展示的一些jQuery下拉选择框插件很有可能激发你的创造力，使你的工作技能达到一个全新的水平。那么，你还在等什么呢？ddSlickddSlick... 继续阅读 >
2014
12-19

Web开发和设计上容易被忽视的8个错误 HOT

错误1：表单标签和各自的选择域不匹配       使用“for”属性允许用户点击标签，就可以选择到表单中整个的输入区域，这对单选框和复选框扩大点击区域十分重要。但要注意选择内容的匹配。 错误2：Logo图片不能链接回首页             点击网站的Logo回到首页已经是一个基本的原则了，大多数的访问者也已经习惯于此... 继续阅读 >
2014
12-16

网站入门必备！5种方法帮你提高网站的登录体验 HOT

提升用户体验的最好的方法，或者更确切的说让产品更棒，都可以归结为让用户使用产品的整个体验更为简单。而对于如何提升登录过程的体验你有许多可以做的。这里我们将探讨提升登录过程体验的五种方法，首先会提到两种不同的登录类型，紧接着我们将会讨论标签的重要性和资源占用的问题。登陆类型：用户通常有两种不同的方式来登录一个网站。最新的一个方式是通过某社交网站的账号采用第三方授权登录的方式，这种方式在很多app上都可... 继续阅读 >
2014
12-13

10个不可忽视的CSS代码片段 HOT

本文介绍10个非常有用的CSS代码片段，绝对不容忽视。包括在整个容器中垂直对齐、元素拉伸为全屏高度、跨浏览器图像灰度、动画背景等，使用平率高，经常无法完全达到想要效果。现在有了这10个CSS代码片段，我们可以将这些效果做得更好。1、垂直对齐在使用CSS的时候，你可能会出现疑问，我如何在容器中将文本或元素垂直对齐。现在使用CSS3Transforms，我们可以更有效解决这问题，如下：.verticalcenter{position:relative;top:... 继续阅读 >
2014
12-09

Web Uploader 功能齐全完美兼容 IE 的上传组件 HOT

文件上传是网站和Web应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader是由BaiduFEX团队开发的一款以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS6+,android4+。采用大文件分片并发上传，极大的提高了文件上传效率。 ... 继续阅读 >
2014
12-09

四款超棒的jQuery数字化签名插件

在浏览器中，我们有很多方式来绘制生成签名效果，并且有很多很棒很智能的jQuery插件。数字化签名是未来的发展方向，正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件，希望大家喜欢！1.jSignature这个jQuery插件简化了创建数据签名的过程，允许用户使用鼠标，手写板，手指来绘制签名。这里是演示2.SignaturePad这个jQuery插件可以辅助使用HTML5画布来实现数字签名。它保存签名为JS... 继续阅读 >