-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-10-12 热度:160
css hack的使用 CSS类级别的hack 仅IE7识别 *+html {} IE6及IE6以下识别 * html {} opera、safari、chrome识别: @media all and (min-width: 0px){} // Firefox 3.0.6不识别,但Firefox3.6 也识别该规则,如果Firefox版本有严格要求,请使用下一条规则 @[详细]
-
跨浏览器开发经验总结(一) —— HTML标记
所属栏目:[产品] 日期:2018-10-09 热度:62
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD,如: !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]
-
两个重要而又容易被忽视的角色
所属栏目:[产品] 日期:2018-10-09 热度:98
我要打赌 我敢打赌,在中国,一半以上甚至更多的,以网站为主营业务的或者把网站很看重的公司,没有Web前端工程师和产品工程师这两个职位,甚至有些有点规模的公司也可能没有这个职位,当然,这不能包括像alibaba,sina,163这样的公司,只是指中小型公司而[详细]
-
激发设计灵感的55个蓝色风格Web设计
所属栏目:[产品] 日期:2018-10-09 热度:177
即使您在设计中只采用了一对,又或者整个页面都是,在Web设计中也将是很好的选择。您可以使用不同的蓝色色调梯度,蓝色背景纹理,蓝色字体排版或蓝色图标。 您有足够可以采用的非常酷的组合,使得您建立一个可以触摸的时尚类型的网站。对于我来说,蓝色使[详细]
-
网页圆角的取舍,困扰着网页设计人员
所属栏目:[产品] 日期:2018-10-09 热度:90
在网页里使用圆角效果是使网页更加美观的一个简单而有效的方法,可是由于 IE 和一些老式浏览器的存在,如何使页面在各个浏览器里的效果一致一直困扰这网页设计人员。最近我在制作主题时面对一个艰难的抉择,因为我要在主题里使用大量的圆角,我应该如何去[详细]
-
Web 开发与设计之 Google 兵器谱
所属栏目:[产品] 日期:2018-10-09 热度:84
Google 的使命是Web,在Google 眼中,未来的一切应用都将Web 化,一直以来,Google 为 Web 开发与设计者推出了大量免费工具,让他们更好地创建,维护,改善他们的Web 站点,这些工具包含了开发,分析,维护,修补等等用途,本文将介绍15款这样的工具。 1. G[详细]
-
Flash与HTML 5 WebGL粒子系统性能比较
所属栏目:[产品] 日期:2018-10-09 热度:133
最近Michael Chaize使用HTML 5和Flash等技术实现了同样一个粒子系统,并对其在不同浏览器,不同操作系统,不同平台(桌面和移动设备)的性能进行了一个评测。可以看到,当粒子数达到4000时,Flash的性能已经是HTML 5的3倍。 但是这个评测没有使用到HTML 5 最[详细]
-
什么是网页标准? What are web standards?
所属栏目:[产品] 日期:2018-10-09 热度:114
译自:What are web standards? 中文:什么是网页标准? 原作者:Nicholas C. Zakas 翻译:http://www.qianduan.net 请尊重版权,转载请注明出处! 译序:现在HTML5如日中天,各大浏览器都声称支持或者将支持HTML的特性,好像HTML5能够让互联网更美好,能[详细]
-
走中国特色的网站重构道路
所属栏目:[产品] 日期:2018-10-09 热度:115
继团队的 CSS3.0中文手册 在国内首发以后,最近风风火火的到处吹起HTML5.0和CSS3.0的春风;似乎在这浏览器互相调侃的年代,成就了一大堆业界茶余饭后的话题。 年前,google的chrome团队来到公司做相关的交流,公司要求我做个前期讨论方案。于是想了一下,[详细]
-
网页设计师要知道的30条HTML代码编写的技巧
所属栏目:[产品] 日期:2018-10-09 热度:71
本文总结了30条HTML代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。 1. 一定要闭合HTML标签 在以往的页面源代码里,经常看到这样的语句: liSome text here.liSome new text here.li[详细]
-
中医整体观念在前端开发中的体现
所属栏目:[产品] 日期:2018-10-09 热度:73
3.27日,第六期web标准化交流会在北京如期举行。此次交流会的主题是《前端开发在研发流程中与其他岗位协作效率的提升》。参会的各个代表分别就工作中出现的问题发了言,从各个不同的角度阐述了前端开发工程师所遇到的问题。互联网的发展使得前端开发工程师[详细]
-
查看网页源文件不显示源代码而打开文件夹的问题
所属栏目:[产品] 日期:2018-10-07 热度:66
今天在GreenBrowser浏览器中查看源文件时,没有显示源代码,显示的居然是文件夹,这是怎么回事,奇怪的事情,以为是GB的问题,于是使用 IE浏览器 直接查看,居然可以,但是打开的不是 记事本 ,也不是烈火小编使用的编辑器。 奇怪了!到底是怎么回事呢? 网[详细]
-
完全免费的10个网页原型(线框图)工具
所属栏目:[产品] 日期:2018-10-07 热度:152
网页的线框图是非常直观、但是也没什么技术上难点的东西。只需要你大概描出页面上需要的一些元素,比如头部、导航、页脚等等,最多再就是一些交互、内容区域什么的。 但这对于任何网络应用的开发都是非常重要的。当然有很多种方法可以做这件事情,最简单的[详细]
-
不用记事本写代码的7个理由
所属栏目:[产品] 日期:2018-10-07 热度:75
不用 记事本 写代码的7个理由 有时候无法正确编码,难缠的乱码问题,据说它会在文本中乱加BOM 有时候会产生奇怪的文本断层,格式错乱; 有时候会给你带来莫名其妙的后果; 有时候换行符被它解释成一个黑色的小方块,打乱了原先的代码布局; Ctrl+Z只能撤销[详细]
-
在cakephp中整合minify的步骤介绍
所属栏目:[产品] 日期:2018-10-07 热度:144
本文讲述的是关于js/css压缩工具minify如何在php框架cakephp中的使用方法: 首先,我们为什么要用minify,Minify可以按需对 Java Script以及CSS文件进行合并、压缩以及缓存,以加快页面的载入速度。在一般的项目中,安装minify则极其简单,只需在网站根目[详细]
-
网页噪音消除处理
所属栏目:[产品] 日期:2018-10-07 热度:190
随着Internet的迅猛发展,Web上的信息呈现爆炸式的增长,因此WEB已经成为当今世界上最大的信息源。面对如此巨大的资源,越来越多的人开始研究如何在WEB上检索及发现有价值的信息。然而网页噪音是大多数网页都不可避免的部分,它也是极大的影响我们对网页正[详细]
-
简化的 web 字体(关于 Web 开放字体格式 WOFF)
所属栏目:[产品] 日期:2018-10-07 热度:139
设计与排版是相辅相成的。但每当我想在我的网页上使用特别的字体时,总是让人十分头痛,很难实现。因为这个原因,许多网页设计师放弃使用这种方式,通过将文字处理为背景图片来解决这个问题。但这样带来了另一些问题,包括可访问性(注:针对盲人等残障人[详细]
-
WAP2.0网页设计中的交互细节
所属栏目:[产品] 日期:2018-10-07 热度:155
适配竖屏横向尺度,禁止出现横向滚屏 常规QVGA机型竖屏状态下,14号字体,单行仅显示13.5个字。资讯频道的新闻短标题要控制在13字以内才能在一行以内完整显示。标题折行会造成在相同空间承载信息量减少;频繁的眼动容易引起视疲劳;在视觉上带来无序松散的[详细]
-
Web设计要点:URL必须知道的几个知识
所属栏目:[产品] 日期:2018-10-07 热度:200
URL 设计是 Web 设计中常被忽视的东西,事实上 URL 非常重要,这不仅是一个网页唯一的路径,还涉及到你的站点是否干净,友好。本文讲述 URL 这个司空见惯的 Web 元素中包含的大量不应为忽视的知识,准则与最佳实践。需要注意的是 W3C 建议使用 URI 取代 UR[详细]
-
innerHTML和W3C之DOM在脚本编程中的中庸之道
所属栏目:[产品] 日期:2018-10-07 热度:133
这篇文章并非关于innerHTML和W3C的DOM方法孰优孰劣的口水战。关于它们的PK在很多朋友的文章中都已经可以整理为精彩的小说,这里就不再为故事添加情节。 本文阅网博客要给大家分享的内容是,在前端应用中若涉及大量元素elements操作,如何来更好整合使用inn[详细]
-
Minify,合并压缩 JavaScript 和 CSS 文件
所属栏目:[产品] 日期:2018-10-07 热度:59
对于网站应用而言,HTTP 请求是一件奢侈的事情,所以我们要尽量减少它。减少 HTTP 请求也正是网站性能优化的一个要素。通常通过手工合并会带来大量的维护问题。所以能交给机器做的就让机器来做吧。 之前有心的网友可能会发现,芒果的 CSS 并非一般的样式表[详细]
-
信息架构——规划一个Web站点
所属栏目:[产品] 日期:2018-10-04 热度:54
一般说来,规划一个Web站点(或任何项目)都是一件有点麻烦的工作。对于一个Web站点应该怎样构建,每个人都有自己的意见,而且这些意见之间常 存在冲突。在构建任何Web站点时,你的首要目标都应该是构建一个对将要使用站点的用户有用的Web站点。也就是说,[详细]
-
Firefox Input Button Line-Height Bug
所属栏目:[产品] 日期:2018-10-04 热度:199
最近国外有开发者发现 Firefox 和 Opera 的一个BUG:无法改变按钮里文字的行高(包括input type=sumbit和HTML的button标签)。举个例子,对一个按钮使用以下样式: input#button { border: 2px solid #06f; color: #06f; background-color: #6cf; font: bo[详细]
-
一个基于mootools的圆角边框扩展
所属栏目:[产品] 日期:2018-10-04 热度:136
做圆角边框一般有两种方法,背景图片或者DIV+CSS拼出来。 JQuery下面有个扩展是用纯JS生成的圆角,不过和DIV+CSS拼出来是一样的道理,圆角看上去都比较粗糙。 用背景图片要好看得多,问题是不能拉伸,最简单做法就是用四个角小图片加边框拼出来。不过这样[详细]
-
模仿淘宝网滚动条 window.onscroll事件
所属栏目:[产品] 日期:2018-10-04 热度:60
一、scrolltop解释: Copy to Clipboard 引用的内容:[www.veryhuo.com]div id=container style=background-color:silver; width:100px; height:100px; overflow:auto; p style=background-color:red; web前端开发工程师的随记黑妞haha,My job is my caree[详细]