- 博客(71)
- 收藏
- 关注
RSS订阅转载 移动端开发技巧
不再考虑浏览器兼容性移动端开发主要对象是手持设备，其中绝大部分是IOS和Android系统，so，在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性，webkit是本次开发重点。当然，不同版本的Android是存在一些问题的，还有就是不同浏览器的版本也存在一些差别，IOS在这方面表现甚好。所以在开发时我们只需使用Chrome进行调试即可，话说Chrome的开发者工具也
2013-10-31 11:55:01
3181
转载 jQuery插件开发全解析
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。
2013-10-28 17:15:24
550
原创 网站 Yslow 优化
1、Compress components with gzip 方法默认认并没有开启gzip功能。需要修改apache的配置文件进行开启。开启方法如下:1. httpd.conf中打开deflate_Module和headers_Module模块（找到包含有deflate_Module和headers_Module去掉前面的“#”号 window下面的方法。）2. httpd.co
2013-05-06 14:17:30
1087
转载 淘宝的新Sprite方法——使用Img Sprite技术对按钮加载顺序优化的简单研究
导言话说web前端的技术先驱，国外当属Yahoo，而国内则当属淘宝。所以它们的一举一动都是整个互联网的风向标。就在前几天，偶然发现曾经一直困扰自己的鼠标悬停共用部分空间的问题在淘宝这里有了解决方案，马上拿来分析下。悬停状态共用某一区域用语言描述总是怪怪的，还是上图吧。可以看到，按照正常的的导航制作方法，每个按钮元素都有自己的独立区域，它们之间互不影响。但在本例中，两个按钮却
2013-01-21 17:07:38
2003
转载 10个超棒jQuery表单操作代码片段（留着备用）
jQuery绝对是一个伟大的开源javascript类库，是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript，在今天这篇代码片段分享文章中，这里收集了10个超棒超实用的jQuery表单处理代码，希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题，希望大家喜欢！如果你也有相关的代码，请大家积极分享！代码片段1: 在表单中禁用“回车
2013-01-18 14:34:11
447
转载 CSS3 icon font完全指南
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法。为什么要将icon做成字体？在很多网站项目中，我们常常会用到各种透明小图标，然后网站要兼容各个浏览器，也可能会有多个尺寸，甚至还要考虑换肤等需求。那么我们就要将
2013-01-18 11:18:13
447
转载 Web前端研发工程师编程能力飞升之路 (发现自己处于入门)
今天看到这篇文章。写的非常有意思。发现自己才处于"入室"阶段。【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不
2012-10-25 11:51:35
557
转载 学习 Web 开发技术的16个最佳教程网站和博客（留着回家学习）
学习 Web 开发技术的16个最佳教程网站和博客 互联网经过这么多年的发展，已经出现了众多的 Web 开发技术，像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说，不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发技术。如今，网上有各种开发技术的相关网站，有大量开发资料可以参考。下面是我收集的15个非常优秀的学习 Web 开发技术
2012-10-17 14:25:19
425
转载 Web 开发指南：前端开发编码标准及最佳实践
今天介绍给大家我收藏的25个非常有用的CSS代码片段，在你开发基于CSS的网站时，这些代码是经常用到的，比方说一些特殊的效果，圆角边框，CSS透明度，梯形环绕，CSS小三角等，希望对你有用1简单又好的 Blockquote 样式CSS代码如下 1 blockquote { 2 background:#f9f9f9; 3 border-left:10px solid #c
2012-09-18 16:25:03
700
转载 图片优化
在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢？下面我就个人经验，来简单介绍一下图片优化的方法，首先我们了解一些图片方面的知识：1. 矢量图与位图。矢量图：缩放、旋转不失真的图像格式，不管你离多近去看都看不到图形的最小单位。存
2012-09-04 13:39:09
452
转载 css制作流程及标准
css制作流程及标准（一）制作流程：1，创建文件（文件管理及命名）2，与html文档建立关系注意点： 1）不建议使用：内联样式和内嵌样式 原因：结构（html）和表现（css样式）没有分离 2）区别：外链样式与导入样式（[url]http://zhidao.baidu.com/question/19861610
2012-09-03 18:15:02
359
转载 模块化——高效重构
说起模块化，也许我们首先想到的是编程中的模块设计，以功能块为单位进行程序设计，最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中，也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段：第一阶段是在一个css文件中把多个页面按自己的习惯顺序从上往下编写样式，基本不考虑有无公用样式，以完成设计呈现为首要目的；第二阶段是提取不同页面中的通用样式，如公用颜色、图标、按钮等，
2012-07-02 18:20:39
521
原创 动态限定图片大小的js
1、$(window).load(function () { $(".dynamics .all img").each(function (i, item) { item = $(item); if (item.width() > 630) { item.addClass('xianimg');
2012-05-23 11:51:18
435
转载 解决ie6 png 作为背景图片的透明问题
“珍惜生命，远离IE6”，IE6中的bug令很多Web前端开发人员实为头疼，因此不知道烧了多少脑细胞，在众多的Bug中最令人抓狂的就是IE对png图片的不支持，导致设计师和重构师放弃了很多很炫的效果，为了让大家在这方面少烧点脑细胞，KwooShung我就舍身一把，把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内，以供大家学习参考！方案1 - 滤镜解决方案：
2012-05-22 17:03:33
4342
转载 CSS样式表成功减肥
5步让你的CSS样式表成功减肥你有没有觉得你的CSS样式表文件过于臃肿？其实如果你注意并培养一些比较好的CSS书写习惯，我想你的CSS样式表过于”肥胖”的问题会得到很好的改善的。来看看下面的简单5步吧，掌握之后你便能立即为你的CSS样式表修身了。第一步:学会如何组合选择器什么是选择器?如果你还不知道什么叫做”选择器”，你可以先参考一下w3schools.co
2012-05-16 12:20:00
527
转载 教您不用修改代码彻底解决IE6PNG不透明的问题
使用PS制作好LOGO后，选择“图像——模式——索引颜色（透明度要打勾） 点确定”，然后再保存为PNG格式。上传。
2012-05-16 12:18:11
374
转载 word-wrap,word-break,white-space,text-overflow的区别和用法 文字处理方法
word-wrap,word-break,white-space,text-overflow的区别和用法在div中，文本布局经常出现，换行混乱的情况。问题表现：1.如果是全英文字符串,中间不包含任何符号(包括空格)，不自动换行. 2.中英文混写，则在英文字符串的开始处换行（英文长度>div长度），结尾处不换行。 3.英
2012-05-16 12:07:11
3019
原创 一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
2012-05-16 10:56:40
2345
转载 60佳优秀的 Photoshop 网页制作教程【下篇】 留着慢慢设计
Photoshop 作为网页设计利器，是网页设计师必备。曾经和大分享过几篇优秀的 Photoshop 网页制作教程，喜欢的人非常多。今天这篇文章继续向大家分享优秀的 Photoshop 网页制作教程。其实，网页设计并没有你想的那么难，相信看完这些教程，你也可以制作出漂亮的网页。31. Create a Distinguishable Textured Web Layout in Pho
2012-03-14 20:08:56
1399
转载 60佳优秀的 Photoshop 网页制作教程【上篇】 留着慢慢设计
曾经和大分享过几篇优秀的 Photoshop 网页制作教程，喜欢的人非常多。今天这篇文章继续向大家分享更多优秀的 Photoshop 网页制作教程。其实，网页设计并没有你想的那么难，相信看完这些教程，你也可以制作出漂亮的网页。1. Business Layout2. Web Design Layout #143. Create a Clean a
2012-03-14 20:07:28
1097
转载 免费下载精美网站模板的25个网站推荐
免费下载精美网站模板的25个网站推荐 这篇文章向大家推荐25个免费下载网站模板的网站，这些网站分享了众多精美的网站模板，您可以免费下载使用，相信这些精美的 网站模板 既能够帮助您节省大量的时间和精力，又能有很满意的效果，希望这些网站能帮助到您。1. StyleHoust2. CssTemps3. Open Source
2012-03-07 12:20:12
1498
转载 分享20佳极具创意的网站导航菜单设计案例
导航菜单作为网站必不可少的组成部分，关系着网站的可用性和用户体验。有吸引力的导航能够吸引用户去浏览更多的网站内容，增加用户在网站的停留时间。为了让导航能够和网页内容完美的融合在一起，设计前需要设仔细分析网页结构。下面收集了20佳国外优秀的网站导航设计案例，有头部导航、侧栏导航、底部导航和固定位置导航等各种形式，相信这些形式各异的导航菜单设计能够带给你灵感。Demi CreativeOl
2012-03-01 22:47:20
1213
原创 如何把别人的作品转化为自己的能力 留着有空看看
《如何把别人的作品转化为自己的能力》系列连载在线阅读：http://www.zcool.com.cn/u/680641/
2012-03-01 09:29:02
690
转载 分享多年美工工作经历中收集的小工具和素材下载站
1.图片素材收集技巧我们很多时候看到一个别的站点里面的图片和动画，怎样能方便拿到？有一个简单的技巧就是，打开IE的 internet选项->internet临时文件，删除所有脱机内容 , 然后把这个网站浏览一遍，再打开IE的 internet选项->internet临时文件，点设置，查看文件 （就会看到刚才该网站的所有素材和动画，复制出来就可以直接使用了）2.在线图片处理工具h
2012-02-09 09:29:01
541
转载 60佳优秀的 Photoshop 网页制作教程【上篇】
曾经和大分享过几篇优秀的 Photoshop 网页制作教程，喜欢的人非常多。今天这篇文章继续向大家分享更多优秀的 Photoshop 网页制作教程。其实，网页设计并没有你想的那么难，相信看完这些教程，你也可以制作出漂亮的网页。1. Business Layout2. Web Design Layout #143. Create a Clean a
2012-02-01 11:08:18
686
转载 60佳优秀的 Photoshop 网页制作教程【下篇】
60佳优秀的 Photoshop 网页制作教程【下篇】 Photoshop 作为网页设计利器，是网页设计师必备。曾经和大分享过几篇优秀的 Photoshop 网页制作教程，喜欢的人非常多。今天这篇文章继续向大家分享优秀的 Photoshop 网页制作教程。其实，网页设计并没有你想的那么难，相信看完这些教程，你也可以制作出漂亮的网页。31. Create a
2012-02-01 11:06:46
1271
原创 ie6下 margin 是其它浏览器下两倍的解决方法
1、display:inline可以消除IE6和IE7下的浮动BUGul li { float:left; margin:0 12px 12px 0; display:inline;}display:inline的意思是基线显示可以消除IE6和IE7下的浮动BUGdisplay:inline 可以消
2011-12-22 11:06:45
405
转载 前端工程师须要常去的15个设计博客
前端工程师须要常去的15个设计博客Web设计是一个不断变化的领域，因此掌握最新的发展趋势及技术动向对设计师来说非常重要，无论是学习新技术，还是寻找免费资源与工具，设计博客都是很不错的去处。本文向大家推荐15个非常不错的设计博客。1. Smashing MagazineSmashing Magazine创建于2006年，是最好的设计博客之一，有很多Web设计和开发方面
2011-12-06 15:17:26
606
转载 西乔推荐的设计师看的书 记下 第一本好像看过了
书单：想做设计师？设计Tags: readlist, 书单15 Comments »经常有朋友写邮件或发推问我，想从事设计，希望推荐几本书。老回邮件也麻烦，我干脆在豆瓣上做了一个书单。我读过的，认为值得入门者和高阶者一读的书。按由浅到深，必读到可读的顺序。主要关注方向是UI、视觉传达、WEB设计，以及历史、理论、常见工具入门教程。用了半个上午写的，比较仓促，不够
2011-12-06 14:32:57
2297
原创 喜欢的一些网站汇总
http://www.redwall.com.tw/index.php/web/products/http://www.heimavista.com/files/11-1303-4379.php
2011-11-29 13:03:24
300
转载 33个非常有创意的404错误页面设计
33个非常有创意的404错误页面设计 在浏览网页的时候出现404错误是非常令人沮丧的，我敢肯定，随后的一两秒内如果没有什么吸引你的注意力的话，你会离开网站，再也不会回来。因此，很多网站都会去设计一个新颖的错误页面，以吸引用户继续浏览其它的内容。今天这篇文章收集了33个非常有创意的404错误页面设计作品，希望能带给你灵感！记得分享和推荐一下哦 :)1. Blizzard Entertain
2011-11-28 12:56:00
692
转载 分享最新20套漂亮的网页背景纹理素材
分享最新20套漂亮的网页背景纹理素材 纹理图案对网页设计师来说非常有用，个性的纹理可以让你的网站看起来更加优雅时髦，从而脱颖而出。纹理图案通常都是高质量的图片，一般有木质纹理、布质纹理、墙壁纹理和石质纹理等形式。今天，本文与大家分享20套很漂亮的背景纹理素材，喜欢的朋友记得收藏起来哦。01. Tshirt Texture Pack 02. Watercolor Wash
2011-11-15 21:22:43
1085
转载 Photoshop 爱好者应该收藏的42个网站
Photoshop 是 Adobe 公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件。今天，本文与大家分享42个非常有用的 Photoshop 设计教程和素材资源网站，希望能帮助到您。1) Photoshop Tutorials2) PSDtop3) PS Lover4) PSHERO5) Yo
2011-11-05 19:47:57
2369
转载 推荐10款非常有用的Web设计和开发工具
在这篇文章中，收集了10款非常优秀的在线工具推荐给设计师朋友们，这些工具能够帮助设计师们节省大量时间和精力，更好的完成工作。感谢这些工具的作者为我们提供这么有用的工具，看看你喜欢哪些。CSS3 GeneratorCSS3 Generator 是一款非常不错的CSS3代码生成工具，可预览效果。Color Scheme DesignerColor Scheme Designer
2011-10-31 09:10:14
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人