标签“前端开发”下的文章

交互设计的方法(转载)

原文出处:http://www.baiduux.com/blog/2010/08/03/interaction_design/comment-page-1/#comment-453

看见这品文章刚好是在我们团队很混乱的时候出现了,天赐良文啊.在公司,我们也对设计越来越重视,可是也苦于没有很好的交互设计规则,导致搞得一团糟.作者的文章应该还是能够对线框图,交互设计这些工作中存在疑虑的开发者一些帮助. Continue reading ‘交互设计的方法(转载)’ »

DWZ富客户端框架

作为国人,看见有同行业的工程师开发出这样的前端lib,先竖大拇指吧….支持国产,所以要宣传一下.

DWZ富客户端框架

项目主页:http://demo.dwzjs.com

项目地址:http://code.google.com/p/dwz/

公司培训的时候用的一个PPT

为了能够更好的和公司的设计师MM一起进行开发工作.BOSS要我等给个规范.其实,我个人觉得过多的约束,肯定是限制了设计师们的设计思维….我也不想过多的去限制什么,可是不管在什么公司,我想都会碰到或多或少重构工程师和设计师之间的一些小摩擦,比如,A模块和B模块之间的填充不一致,有的长有的短,有的单位不一样.有的模块长10px,有的模块长11px.这样设计上细小的差别,应该是在设计之初,完全就能够被限制住,或者在后期HTML重构的时候被修正过来.但许多时候,由于没有一定的规约,所以造成了设计师和重构工程师之间的一些误会…..这些包括,颜色的,字体的,填充,甚至有些设计师完全是天马行空的设计.让人眼花撩乱的…….相信重构工程师肯定也遇见过这样类似的问题.我把我们重构的一些要素提炼出来,如果有需要的朋友可以去参考参考.

下载地址

在服务端合并和压缩JavaScript和CSS文件

看到各个UED都转载了这篇文章.仔细阅读了一下它的内容,觉得确实是非常有实用价值.好记性不如烂笔头,把它记录下来,方便日后使用.

转载地址:http://dancewithnet.com/2010/06/08/minify-js-and-css-files-in-server/

Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites图像映射(Image Map)使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题,这项技术尚未大量使用。目前大部分网页中的JavaScript和CSS文件数量和开发时一致,少量的网页会根据实际情况采取本地合并,这些合并中相当多的是有选择地手动完成,每次新的合并都需要重新在本地完成并上传到服务器,比较的随意和繁琐,同样文件的压缩也有类似的情况。而利用服务端的合并和压缩,我们就可以按照开发的逻辑尽可能让文件的颗粒度变小,利用网页中URL的规则来自动实现文件的合并和压缩,这会相当的灵活和高效。

Continue reading ‘在服务端合并和压缩JavaScript和CSS文件’ »

css 图片映射技术

<<精通CSS 高级 WEB 标准解决方案>> 第二版 入手,翻阅了一下中间的内容,大体还是和第一版一致,相对第一版来说还是补充了一些CSS3和CSS2的知识.圆角,图片阴影,颜色渐变等,在感叹CSS的强大之时也觉得在中国的WEB前景还是非常广阔的….

照着书上的代码做了一个小DEMO . 基本上第一版的书里面的内容看得都差不多了.还是写了个例子玩玩…..

源码下载

CSS 框架

做完回家无聊的时候,弄了一个CSS框架下来玩。玩起来很顺手,特别是加上了DW的代码提示,更加如鱼得水。人还是不要太懒啊。这样的东西,还是在开发过程成多使用,节约大把的时间用来学习把。嘿嘿,截图如下。

这个框架集合了原有CSS一些框架的有点,整体页面划分成了24个等列,相当容易控制版面的布局。并且兼容了IE6,7,8,FF。Safari,Chrome,Opear测试。不过相信满足大部分的开发需要啦。框架中的DEOM页面并没有看见支持弹性布局和弹性混合布局的例子,一般是用于制作冰布局的页面。CSS的组织习惯也非常良好。让我们一起来偷懒吧。



 

 

 

 

 

 

 

官方主页

Jquery easy UI & Slidedeck

最近在论坛上闲逛,发现了一些好东西,写在自己的博客里面方便以后使用。

1.  Jquery easy UI

Jquery 一直是我比较喜欢使用的“工具”且不说它是框架,因为它确实还是达不到我所谓的框架级别。不过随着JavaScript各个领域的不断完善,Jquery总有一天会要成为一个优秀的框架的。它的easy UI 做的很 Ext  !!!! 实现了基础的 ext 框架中的 grid,messagebox,menubutton,linkbutton,还有基础的 layou 。相对的来说,因对小型的系统开发加上Jquery活跃的社区组件,应该是绰绰有余了。最让人满意的一点是他的运行速度,相对 ext 来说,还是非常赞的。大小是117k,使用版本是 jquery 1.4(74k)。速度上很赞。。因为相对ext来说还是很“瘦小”的。

下载地址

2. 很多时候都要做首页上的幻灯片效果。之前的幻灯片效果已经有很多了。帕兰印象等前辈的网站也搜罗了很多幻灯片特效和画廊插件。在之前的Google reader中间发现了一个还算简单又不错的风琴效果的幻灯片介绍家使用一下。

下载地址

提高网页的收录效率(SEO)

随着 WEB 2.0 时代的到来,越来越多的网站开发都注重起前端以及SEO(搜索引擎优化)。是的,搜索引擎优化,不管对于任何互联网公司,还是小型个人企业都是存在着非常重要的意义,甚至直接可以带来经济效益。SEO优化也逐渐成为了一门职业。

当然,并不是每个老板都付得起高昂的广告商赞助链接的,并且搜索引擎公司也存在了一定的行业黑幕。实实在在的做好搜索引擎对于公司和企业是能带来非常高的回报的。浅谈一些自己在开发过程中的心得与体会与大家分享。

Continue reading ‘提高网页的收录效率(SEO)’ »

不再限于页面脚本 JavaScript挺入服务器端开发语言序列(转载CSDN)

原文链接

Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始。

也许你还不知道,JavaScript现在已经成了一门可编写出效率极高的、可用于开发产品级web服务器的出色语言。起初我也不相信,但2009年启动的两个项目让这成为可能:CommonJS和Node。

尽管JavaScript已经出现很长一段时间了,运用也很广泛(可以说是这一星球上最常用的编程语言),但它一直只是局限在浏览器的范围内。与此同时,一些框架试图将JavaScript引入到服务器端,这些框架有Aptana Jaxer,(采用了SpiderMonkey的 JavaScript解释器)和Helma(基于Rhino),但自身的不足又制约着它们的普及。

技术生态圈

Continue reading ‘不再限于页面脚本 JavaScript挺入服务器端开发语言序列(转载CSDN)’ »

HTML5 Canvas Cheat Sheet v 1.1

发现了一个不错的HTML5 Canvas API,共享出来希望能帮到有需要的朋友.

点击查看大图