导航菜单
网站标志
诚征代理网站超市
文章检索
  • 日期:2014-01-20 
  • 日期:2014-01-20 
    作者的blog:http://www.planabc.net z-index属性简介 引用: z-index : auto | number auto: 默认值。number: 无单位的整数值,可为负数 。 z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象,z-index 值为正数的对象会在其之上,而 z-index 值为负数的对象在其之下。 注意:这个属性不会作用于窗口控件,如 select 对象。在IE5.5+中, ifram
  • 日期:2014-01-20 
    像table一样布局div Ⅰ 翻译自:Equal height boxes with CSS part II原文:http://www.456bereastreet.com/archive/200406/equal_height_boxes_with_css_part_ii/ 下面是我翻译的内容,是根据我对文章的理解意译的,你就别挑哪里翻译的不对了,我的目的只是传达这个CSS技巧 上一篇的问题就是,这个模型对IE来说等同于垃圾,所以基本只能是做来玩玩而已,没有什么实际的用处
  • 日期:2014-01-20 
  • 日期:2014-01-20 
  • 日期:2014-01-20 
    今天在群里,熊猫君提议整理一个帖子,一方面为初学者提供一个入门指南,另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些经验总结,希望抛砖引玉,大家不吝赐教。 1、必备工具 其实web标准并不是很复杂的技术,实现web标准的工具也很简单,说白了,只要可以进行纯文本编辑的软件,都可以作为代码编写的gon工具。例如记事本、UltraEdit甚至CuteFTP的编辑器。 而另一些较专业软件会提供高亮显示代码、代码提示、自动闭合标签等等功能,使用起来会大大
  • 日期:2014-01-20 
    社区评论:http://bbs.clwww.net.cn/viewthread.php?tid=11376&pid=59541&page=1&extra=page%3D1#pid59541 今天下午,我的一个朋友问我:对于一个想了解web标准的老网页设计师有什么建议。 我想将我的email回复贴在这里让更多人看见将是一个很好的范例。我的回复是:这有一个全面的,非正式的,有些罗嗦的指南,送给所有听说过web标准,希望使用web标准却又不知道从哪里开始设计师。 正文首先不要急着开
  • 日期:2014-01-20 
    来蓝色一直都在潜水,很少写帖子,太对不起大家了.下面和大家探讨一个话题,希望能引起大家的兴趣. 关于H1,一直都想和大家讨论H1用法的问题,可在RTX上好象一直没有提起大家的兴趣. 看过很多页面,很多人对H1的理解都不一样,个人有个人独到的创新想法,这样的答案也没有谁对谁错,就象大家每个人写CSS的习惯都不一样,不管怎么写最终是要达到设计稿的效果(这是最基本的要求).大家对xhtml的想法也有一大堆不一样,有不同意见的地方不妨也提出来和大家讨论讨论.关于H1的使用我提出我的一
  • 日期:2014-01-20 
    非已知高度的垂直对齐的条件:表格单元格 行内块 第一个比较好理解,第二个很多人可能会忽略。比如,很多人在图片与文本混排的时候想让图片相对于文本垂直居中除了用IE的私有特性 valign="absmiddle"别无他法。记住,默认下图片就是属于inline-block,你只需简单的img {vertical-align:middle;}即可。 那么,我们进入主题。现在我们由于某些特殊需要两个并排的div想实现垂直居中。如前所述,div非表格,但是当代的浏览器中除了IE都支持
  • 日期:2014-01-20 
    原文:http://andymao.com/andy/post/104.html 写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什么意思,但是这两篇重要的地方就在于要读者加入自己的思考。有序无序单标签很简单,只要知道用法就行,但是关键点我认为不在于知道这个标签长什么样,重点是在于什么样的数据适合使用什么样的列表。什么样的数据是有序的,什么样的数据是无序的?阅读完要思考,这样才能学到东西,知识才能是自己的。
  • 日期:2014-01-20 
  • 日期:2014-01-20 
      吾生也有涯,而知也无涯。人在其一生中总是在不断地进步不断地前进,而每个阶段的认识也是随着知识、眼界、经验的增长而相应地增长。这时候再回头来看你之前的许多决定,就有 了很大的修正余地。只可惜人生的过去无法再修正,但产品却可以。你可能没认识到以前用户的需求,或者因为以前思考的缺陷而造成的产品短视,你还有机会去重 构你的产品。重构,是否定自己,如果你有勇气否定你曾经得意的产品,那证明你成熟了,成长了,这些时间内你在不断地往前走。如果许多年后看 自己曾经做的产品仍然挑不出毛病的话
  • 日期:2014-01-20 
    概要:本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性和Margin属性对定位块级元素进行布局的方法。(本文的示例,请看这个附件demo。) 说明:占位空间:元素在文档流中所占据的空间。物理空间:元素本身所占据的空间。 下面分3种情况分别对相对定位和绝对定位进行讨论:1.只使用css第一组属性布局定位元素的情况2.只使用css第二组属性布局定位元素的情况3.混合使用第一组和第二组属
  • 日期:2014-01-20 
    莫名的源起 – H1这里的H1不是H1N1中那令人不寒而栗H1,而是HTML中的一个标签,一个重构者日常工作中不可避免的一个标签,一个不能被忽视的标签,一个在HTML的标题中排名第一的标题,历史上有过很多的关于H1的探讨,也有人在Twitter上进行过H1辩论(en),虽然大家会有一些分歧,但是对于H1的重要性,大家都一种认同,追求者众多,追法各异,各有各的手段,各有各的目的,满足了才是王道。 捏造的主题 – Logo与网站性能优化谈到H1,无可避免的就会和SEO发生关系,同
  • 日期:2014-01-20 
    作者:Henny Swan / co-lead of WaSP ILG 译者:JunChen / member of WaSP ILG 原文:http://www.webstandards.org/2008/11/24/web-standards-in-china/ 在十月初的时候,我有幸在中国呆上了一段时间,与Web领域的专家、学生等交流Web标准以及他们的现状。很有意思的几个礼拜,也让我大开眼界。印象最深刻的,在中国推行Web标准的仍在少数,并且通常是孤立无援的,
  • 日期:2014-01-20 
    做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着工种的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿,可以不理会下面的内容。 单纯的页面重构,所涉及到的工作内容一般是“分析设计稿
  • 日期:2014-01-20 
    三层分离道理很简单,但是要用例子来说清楚也不易。今天优化“搜索”功能时突然想到,这便是个很典型的示范。从头开始,我一般会选择如下代码作为搜索录入框原型,以前做的HTML原型都用这个: <input class="text" size=15 type="text" name="search_key" style="color:#bbb;" value="志号、名称" onfocus="if(this.value=='志号、名称'){this.value='';this.styl
  • 日期:2014-01-20 
  • 日期:2014-01-20 
  • 日期:2014-01-20 
    原文地址:http://www.facebook.com/note.php?note_id=389414033919译文地址:http://isd.tencent.com/?p=2419作者:蒋长浩 Facebook的网站速度做为最关键的公司任务之一。在2009年,我们成功地实现了Facebook网站速度提升两倍 。而正是我们的工程师团队的几个关键的创新使它成为可能。在本文中,我将向大家介绍我们的秘密武器之一,我们称之为BigPipe的伟大底层技术。 BigPipe是一个重新
  • 日期:2014-01-20 
    最近被“模块化”缠身,又是文章又是PPT的,被逼着想了很多相关的东西。整理下我这段时间对于“模块化”的思考,大多都是我自己从事页面重构这份工作的经验和理解,在一定程度上存在局限性,也希望自己能温故而知新。 “模块化”只是我们对于过去一直使用的技术、方法的一个新潮的称谓,就像“Ajax”。不过做为页面重构发展的一种趋势,越来越被大家重视,不自觉也满口的“模块化”,只是你真的理解什么是“模块化”吗? 什么是模块化? 对“模块化”的解释,在 CNKI 中就有28种。可见“模块化”思
  • 日期:2014-01-20 
    清除浮动一个凡是做页面的人都会遇到的一个东西,但是是否大家都能够清楚的知道,全方位的了解呢?于是一闲下来了马上写了这样的一篇文章,不能讲面面俱到,然而基本能将我所知道的倾囊相授了。 我们粗略的一起来看看清除浮动的办法一共有多少个(IE里面用zoom:1就不写了,下一个专题再写)。对应的DEMO采用伪类:after进行后续空制的高度位零的伪类层清除 采用CSS overflow:auto的方式撑高 采用CSS overflow:hidden的方式产生怪异适应 采用disp
  • 日期:2014-01-20 
    在“未来战士伊泽瑞尔”专题中小小的尝试了一下非Flash动画的效果。效果很简单,实现也很容易,分享一下一些心得。专题地址:http://lol.qq.com/act/a20120628ez/。使用iPad、Webkit内核浏览器或Firefox可以看到效果。 文件加载方面,将CSS进行了拆解加载:非IE6浏览器加载notie6.css,一些PNG32的图片;Webkit内核浏览器加载webkit.css,Firefox浏览器加载moz.css,动画效果样式;将非首屏的背景图
  • 日期:2014-01-20 
    WEB标准,从我大二开始接触到毕业后的第一份工作“页面重构工程师”,从接触标准到蓝色理想标准区版主的四年多时间里,WEB标准已经成为我生活中的一个主旋律了。为什么在“前端开发”火热的现在还提这个东西,我觉得有必要在我新的职业生涯开始的时候做一个总结。 既然是悟道web标准,就不会那么简单了,期望是站在架构的层面,全局的看待web标准,期望站在众多的页面工程师的立场和企业老板的立场谈论这个话题。 革命要成功,思想要统一,我因为有必要给每一个页面工程师的作战单位配备一个“政委”,
  • 日期:2014-01-20 
    先贴专题地址:上古世纪探秘之旅»»»页面打开后,跟随鼠标的移动,背景会有种立体的感觉。 开门见山讲原理在平面上要想表现立体感,就是通过不同的移动速度产生远近景深的错觉。这个特效的核心是通过获取鼠标的坐标,然后以浏览器窗口的某一点为中心坐标来计算偏移量,再设置到需要移动的元素上。onmousemove时不停的计算偏移量,就有了移动的效果。示意图:如果某元素的移动范围是左右20px,上下10px,那么鼠标移动到时,它就要往左偏16px(-80%*20),往下偏9px(90%*1
  • 日期:2014-01-20 
    模块化设计我已经提过很多了,像《 从宜家的家具设计讲 模块化 》、《 页面重构中的模块化思维 》、《 页面重构中的组件制作要点 》都是跟模块化相关的,不过之前一直没有讲到具体实现方面的内容,只是一些思维。这次重点讲一下实现方面的内容,权当到目前为止我对模块化的一些总结整理。 要做好模块化,我觉得理解好样式的作用域是很重要的,所以将这部分作为这个系列的第一篇。 写过程序的同学应该都知道,变量是有作用域的,样式的定义也同样存在着作用域的问题,即定义的作 用范围,很容易就能理解,如
  • 日期:2014-01-20 
  • 日期:2014-01-20 
  • 日期:2014-01-20 
      特意上网搜索了一下,关于div,说法很多。把div看成是布局元素这种观点我想是最多的,类似有“用div代替table进行布局”、“实战CSS+DIV布局”等等等等,太多了,还有不少人延用Dreamweaver的定义,称div为层,按Photoshop的层的概念来使用……有朋友干脆就直接称div和span为辅助布局元素。怎么说呢?虽然我很想说对div类似的这种认识是错误的,div不是一个布局元素,没有一个tag是用来布局的,但是我是对的吗?我也不知道。几乎所有人对div的宣
  • 日期:2014-01-20 
  • 日期:2014-01-20 
    日常工作中会遇到很多的专题,在没有flash的支持下,如何让你的页面更生动呢?CSS3不是新事物,CSS3动画也逐渐受到大家的关注,在机甲&洛克合作不删档放号专题中首次尝试了CSS3的简单动画制作。专题地址http://jjxf.qq.com/act/a20120907roco/,请使用chrome浏览器或者Firefox浏览器查看。拿到页面设计稿后,起初打算从龙星的眼睛、噜噜、枪炮武器上进行一些效果实现,最后为了突出活动抽奖,决定增加抽奖按钮的光效以及奖品的呼吸效果。最终页
  • 日期:2014-01-20 
  • 日期:2014-01-20 
    我十分支持Web标准,并且认为它提出的文档对象模型(DOM,Document Object Model)是非常合理而且有用的。文档对象模型让我们脱离字符,在结构层面高级方式操作文档。 在网页制作(HTML/XHTML)方面,遵循Web标准可以使网站的结构更加合理。但是,新的标准总会导致一部分旧的网页制作者的排斥,很简单,因为他们无法掌握新的标准或者/同时他们认为不需要新的标准,原来的方式已经够用了。我不跟后一部分的人讨论。 应用标准的时候,有些网页制作者已经走进了一些误区。往
  • 日期:2014-01-20 
    首先给出结构,请注意,是结构固定在先,表现设计在后。 1 <body>2 <div id="PopPage">3 <h3>新增联系人</h3>4 <div>5 <label>姓名</label>6 <input type="text" />7 </div>8 <div>9 <label>姓名</label>10 <input type="text" />11 </div>12 <div>13 <label>姓名</label>14 <input type="text" />1
  • 日期:2014-01-20 
      写了个SlideShow的原型,利用image的complete,判断图片是否调用完全,调用完全以后才显示,否则是LOADING的图片,还考虑的是1.每调用一张图片之前先出现loading的过程,2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按顺序一张一张播放.3.第一次 播放的时候,因为调用图片会慢一点,重新播放是调用CACHE里的,速度就快了<html> <head> <title>SlideShow</title> <script languag
  • 日期:2014-01-20 
    很多朋友对我说,她/他有代码洁癖,即,让她/他写XHTML的话,从来不愿意加上额外的标签。举个简单的例子,相信很多人从很多地方都看到过的: 以下是引用片段:<divid="nav"> <ul> <li></li> <li></li> ...... </ul> </div> 很多人,包括许多业界大牛,都建议你这样写即可: 以下是引用片段:<ulid="nav"> <li></li> <li></li> ...... </ul> 当然,我个人很欣赏第二种写法,没错,简洁明了,语义
  • 日期:2014-01-20 
      今天KESO说,对于一个左中右3栏布局的页面,比如home.donews.com,用户最想看到的是中栏的信息,左右2栏其实网站的相关信息的导航入口,所以中栏信息是最重要的,应该在页面显示顺序上优先于左右2栏。或者也可以这么说就是要将一个页面的最重要的信息优先于页面其他元素显示,无论是3栏还是2栏布局,说得很对。浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对于左中右3栏布局的设计,代码要么是从左-->中-->右来书写,要么就是到过来从右-->中
  • 日期:2014-01-20 
      我是从去年初开始学习web标准的,两年下来也有些心得。最近跳槽了正好闲在家里,写一些出来和大家交流一下。1 对于web标准和W3C XHTML规范的理解按照习惯的理解,这两个概念似乎都是指的一个东西。但我认为,事实上从技术的角度上讲,这两个事物几乎没有任何相关性。web标准简而言之就是将页面的结构、表现和行为各自独立实现,更通俗的讲就是如今招聘时流行的语言”div+css"。但W3C XHTML的任何一个版本都没有对web标准理念作限制。很显然的,我们可以用xhtml 1
  • 日期:2014-01-20 
  • 日期:2014-01-20 
      我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时,我们就需要升级或者重新建造一遍网站。例如1996- 1999年典型的"浏览器大战",为了兼容Netscape和IE,网站不得不为这两种浏览器写不同的代码。同样的,每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备,例如支持手机上网的WAP技术。类似的问题举不胜举:网站代码臃肿、繁杂浪费了我们大量的带宽;针对某种浏览器的DHTML特效,屏蔽了部分潜在的客户;不
共111条 每页40条 页次:1/3
帮助搜索
 
 
脚注信息
版权所有:创立互联  2004-2015 www.Clwww.net.cn
地址: 中国 · 合肥万和新城广场A-608 邮编:230011   服务热线:400 023 0323 
访问统计