杰拉斯的博客

10个步骤让你成为高效的Web开发者

杰拉斯 杰拉斯 | 时间:2012-10-26, Fri | 21,195 views
心路历程, 前端开发, 后台技术 

要成为高产、高效的 Web 开发者,这需要我们做很多工作,来提高我们的工作方式,以及改善我们的劳动成果。

下面是 10 个提高效率的步骤,虽然不能保证解决你在开发中的所有问题,但至少是非常实用的,可以简化你的 Web 开发流程,使开发的每一个环节快速、流畅。还可以帮助你节省大量的时间,以便开发更多、更好的项目。

1. 使用 Web 开发框架

一个良好的 Web 开发框架,可以帮助你:

  • 解决常见的 Web 开发问题,如标准的 Web 页面布局、Web 表单处理、浏览器兼容性解决等)。
  • 测试 Web 开发的 bug、安全和性能
  • 使代码重用更容易,因为有一个统一的 API。
  • 社区开发的插件和工具,可以进一步增强开发(jQuery 有很多非常棒的插件,比如用户界面、图像和网页排版等)。
  • 遵循编码的最佳实践和伟大的编程设计模式,你甚至不用去思考
  • 有开发社区和用户的支持,你可以获取帮助以及进行协作。
  • 初学者使用起来非常容易。

所有这些好处都可以节省你的时间以及提高项目的质量。

(阅读全文…)

HTML文档与盒子模型

杰拉斯 杰拉斯 | 时间:2012-10-15, Mon | 14,347 views
前端开发 

关于HTML

百度百科里是这么说的:超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。

为什么叫用于“描述”网页文档的“标记”语言呢?

简单地说,它不像JavaC++等程式语言,而是通过

标记

(也称标签)来表示一个网页的结构与内容,它的语法非常简单,只是由各种不同的标记组合而成,因此这类语言的学习方式主要靠积累,而非程式语言般靠理解来学习。

(阅读全文…)

Win7 按钮设计规范

杰拉斯 杰拉斯 | 时间:2012-10-14, Sun | 7,914 views
前端开发 

命令按钮(Command Button)用于开始一个即时操作。

win7 按钮设计规范。

典型的命令按钮。 当用户按下 Enter 键时会执行“默认命令按钮”。它是由开发人员指定的,但对于任何一个按钮,只要用户将焦点切换到其上,它都会变成默认按钮。
它用在这里合适么?

考虑下列问题以进行判断:

该命令按钮是用来开始一个即时操作的吗?如果不是,则改用其他控件。

链接会不会更合适?如果符合下列情况,则应当使用链接:

该操作是导航至另外的页面、窗口或帮助主题。

例外:向导中使用“后退”与“下一步”按钮进行导航。

按钮被嵌入在文本中间。

该命令实际上是次要的。也就是说,它与该窗口的主要目的没有关系。在这种情况下,轻量级的命令按钮或链接则更为合适。

该命令属于相关链接菜单或组。

标签太长,包含五个或五个以上的单词,这会导致命令按钮看上去显得笨拙。

使用选项按钮与常规命令按钮的组合是不是更合适?当下列条件符合时,往往会用选项按钮与常规命令按钮(确定、取消)的组合来代替一组独立的命令按钮:

存在五个或更多可能的操作。

用户需要在决定前查看附加信息。

用户需要在决定前与选项进行交互(也许是要查看附加信息)。

用户将其视为选项,而非不同的命令。

(阅读全文…)

导航是Web网站重要的元素:置顶菜单的设计研究

杰拉斯 杰拉斯 | 时间:2012-10-06, Sat | 9,351 views
前端开发 

SirsiDynix公司UX/UI设计师Hyrum Denney在Smashing Magazine上发表了一篇文章《Sticky Menus Are Quicker To Navigate》,分享了自己对“置顶菜单”进行的可用性研究成果,及实现技术和相关挑战。CSDN对该文进行了编译,内容如下:

导航是Web网站中最重要的元素之一,大部分设计师都同意这一点。尽管如此,现在的导航并不总是容易使用。通常,用户必须滚动到网站的顶部才能访问导航菜单。最近,我在研究“置顶菜单”是否可以加速网站的导航。对此我进行了可用性研究。下面将展示本次研究的成果,以及一些实现的技术及相关的挑战。

(阅读全文…)

爱上朴实的CSS细节

杰拉斯 杰拉斯 | 时间:2012-09-26, Wed | 5,545 views
前端开发, 前沿信息 

未来的CSS太让人兴奋了:一方面,是全新的页面布局方式;另一方面,是酷炫的滤镜、颜色等视觉效果。这些CSS,受开发者追捧,被杂志和博客文章铺天盖地地介绍。

如果说这些特性是CSS华丽的一面,那我们来看看它朴实的一面:很不起眼的东西,如选择器、单位、函数(方法)。我经常说这是繁琐的东西,但我意思是它们能干漂亮的活,这就是我要分享的。

怎么说呢,让我们看看这些效果最好的朴实的CSS细节——这些细节远远没有那些酷炫的CSS效果那么引人注目。它们有些已经存在一段时间了,但值得我们更好地认识,而有些则刚刚面世。虽然不起眼,但是它们可以提高我们的工作效率——以谦虚的姿态。

(阅读全文…)