- 博客(16)
- 收藏
- 关注
RSS订阅转载 如何创建CSS的对象？获取合适的粒度！
强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿，因为的CSS和HTML需要比PHP更细致的对象结构。事实上，PHP的模板不是天生合适的，因为每个模板包含了许多不同的HTML，以及以不同的方式相结合的CSS对象。然后，我并没有解释它，或者给出适当的语境。抱歉！ 正确的粒度是减小CSS的关键之一在PHP层，下面的会话流(来自Facebook)或许是一个单个对象。所有的检测哪些HTML要显示或者隐藏的逻辑都包含在一个对象结构中。一个Facebook会话流通常，开发人员尝试使这
2010-07-10 13:17:00
374
转载 你从没见过的 HTML5 动画效果
<br />新闻来源:queness.com<br />HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。<br />Tunnelers<br /><br /><br /><br />纯 JavaScript + HTML5 Canva
2010-06-27 12:50:00
391
原创 不带三角图片却有三角图片效果的选项卡
<br />今天看了蓝色理想论坛“锅巴三月三”版主做了个“border老技巧书写的倒三角”，借此我也做了点修改，做了个选项卡！代码如下：<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head>
2010-06-07 15:15:00
589
原创 当圆角且阴影的图片时,你该怎么做？
<br />PSD设计图<br /><br /><br /> 当遇到圆角并且有阴影的图片时，你是怎么处理的？<br /> 我们在切图时，避免不了会有圆角加阴影的图片，一般为了省时间嫌麻烦，就直接把整张图片（图片+圆角+阴影）切下来，以img的形式放上去。<br /> 但如果是动态更改图片时，上面的做法使得编辑人员以后得每张图片都要处理成圆角+阴影效果。这样为了一时的方便，使以后的工作更加复杂，何不刚开始就考虑清楚，做个适应动态更新图片的样式呢？<br /> <br /><br /><br
2010-06-03 02:05:00
879
原创 本人CSS3写的几面国旗
源码：css：body{ background-color:#D0DADF;} .flag{ width:450px; height:300px;box-shadow:5px 5px 5px #333; -moz-box-shadow:5px 5px 5px #333; float:left; margin:0px 15px 15px; -webkit-box-shadow:5px 5
2010-05-27 03:09:00
1406
转载 10个糟糕的IE Bug及其修复
国外有很多优秀的文章可以用来学习，我决定花些时间翻译。我并不知道这篇文章有没有人翻译过，原文名 10 Awful IE Bugs and Fixes，我希望能有更多人能看到这些优秀的文章。外国人很幽默，所以我也就全文翻了。高手绕道~———-以下为译文———-我列举了10个常见的IE bug和解决方法。我相信这将能够帮助你减少调试IE布局不一致时花掉的时间。作者：kevin简介在处理IE方面每个人都
2010-05-27 03:04:00
337
原创 first-letter解决了序号缩进问题
今天上蓝色理想看到一篇文章，觉得很不错。《first-letter的一个小妙用 》http://www.blueidea.com/tech/web/2010/7455.asp 作者：yoom 解决了序号加文字在第二行以后缩进的问题。一直以来我都是用 来应付今天看到这篇文章中有一个属性first-letter竟然有这样的妙用具体CSS
2010-05-27 03:03:00
534
转载 没想到的、不常用的三个css属性！
作者：tinyhill 来自：蓝色理想 对 《5 个简单实用的 CSS 属性》进行编辑1、CSS Clip剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素：你必须指定其 position 属性为 absolute，然后指定相对于元素的 top，right，bottom，left 值。图片剪辑实例（演示）以下示例演示了如何使用 clip 属性掩
2010-05-27 03:02:00
338
转载 你应当了解的5个CSS3新技术
CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些效果，但了解它们还是必须且很有趣味性的。暴风彬彬将在这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。1：基本标记在我们开始这个教程之前，先来创建整个教程都要使用的基本标记。我们的xHT
2010-05-27 03:01:00
299
转载 5个2010年Web技术趋势
2010 年的 Web 会是什么样，或者说，未来的 Internet 意味着什么，2010 会是值得关注的一年。本文从 5 个方面展望 2010 年的 Web，包括 HTML5，CSS3，字体服务技术；浏览器；社会媒体；JavaScript 框架；以及 SAAS。1. CSS3, HTML5 以及 字体服务CSS3，HTML5，以及 Typekit 一类的字体服务，将给 Web
2010-05-27 03:00:00
363
转载 读《你是一个职业的页面重构工作者吗？》
这段时间常给来面试的同学用《 你是一个职业的页面重构工作者吗？ 》中三个部分的不同阶段去做自测，发现很多人都自我感觉良好，给我的回答基本都是比较高的，只不过实际上提交的面试题所反应出来的并没有那么高。我总结了下，主要有3点：对自己的能力没有足够的了解，没有实事求是的认清自己 存在侥幸的心理，希望以较高的答案赢得面试的机会 对文章里每一点的理解存在偏差 简单做下说明：
2010-05-27 02:59:00
312
转载 IE6,7下实现white-space:pre-wrap;
HTML 的空白符处理规则HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续的多个空白符会被合并。然而在有些时候，我们希望 HTML 源码中的多个连续空格在网页浏览器中可以真实地呈现，或者需要源码中的换行符能起到真正的换行作
2010-05-27 02:58:00
379
转载 重新发现HTML表
根据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后，决定写这篇文章。总的来说，我注意到由于误导性信息，他们对于table的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法，但是这绝对是错误的！这个建议只是针对使用HTML表格来定义网页的布局，但是表格在方便的排列数据信息行和列方面非常完美，而且如果你一定要在一个页面上显示表列数据，你就不得不
2010-05-27 02:57:00
300
转载 前端开发人员的发展方向
腾讯ISD页面重构组leader TwinsenLiang在《一专多长》中介绍了“前端架构人员的能力模型”greengnn在上次的演讲中，又提到了这个问题，并将开发人员分为两类：一类是xhtml+css+js等狭隘的理解前端工作人员，另一类就是我们上图中提到的几个方面。原文如下：小页面观点，div+css等狭隘的理解前端页面重构工程师大页面观点，从产品诞生的流程，分析页面人员的能力
2010-05-27 02:55:00
737
转载 Web前端开发工程师必备技术列表
想要打造并拥有一流的Web产品开发团队，在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说，仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备，特此罗列了Web前端产品工程师所涉及的技能列表如下： 通过许多实际项目，个人认为一个完备的前端产品开发团队，必须拥有如下的人才配备，也希望大家补充： ◎ 团队全体成员达到所有技能中的a级标准 ◎
2010-05-27 02:54:00
429
转载 DOM的基本方法与IE和FF的JS兼容问题
一.直接引用结点 1.document.getElementById(id); --在文档里面通过id来找结点 2.document.getElementByTagName(tagName); --返回一个数组，包含对这些结点的引用 --如：document.getElementByTagName("span");将返回所有类型为span的结点二.间接引用结点
2010-05-27 02:52:00
1046
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人