Webrebuild - 随笔分类 - radom

深圳市彩讯科技有限公司急招前端重构师

摘要：公司简介：深圳市彩讯科技有限公司公司网址：http://www.richinfo.cn/index.php公司产品：http://www.richinfo.cn/products.php岗位职责：参与负责中国移动139邮箱WEB标准版、企邮邮箱WEB标准版、邮箱WEBAPP版本的前端页面构建。任职资格：1、精通(X)HTML和CSS，对语义化、模块化、分离有深刻的理解;2、精通WEB标准页面开发，并实现兼容多终端和平台的用户界面；3、熟悉网页性能优化和站点速度优化，能运用重构技术来提升用户体验；4、熟悉HTML5,CSS3,能时刻关注新技术应用，并转化为实际生产力；5、能始终把"用户阅读全文

posted @ 2013-10-19 16:18 radom 阅读(715) 评论(0) 推荐(0)

深圳彩讯科技用户体验室页面重构组招页面重构师！！！

摘要：深圳彩讯科技用户体验室页面重构组招页面重构师！！！岗位职责：负责中国移动139邮箱WAP版、HTML5版、PAD版、WEB版等网页重构。任职资格：1、精通(X)HTML和CSS，对语义化、模块化、分离有深刻的理解;2、精通WEB标准页面开发，并实现兼容多终端和平台的WEB用户界面；3、熟悉网页性能优化和站点速度优化，能运用重构技术来提升用户体验；4、熟悉HTML5,CSS3,能时刻关注新技术应用，并转化为实际生产力；5、能始终把"用户至上"、"细节决定成败" 的思想贯穿于实际行动中；6、熟悉手机网站的重构优先考虑；7、熟悉对象模型与脚本语言Java 阅读全文

posted @ 2012-07-04 23:41 radom 阅读(1467) 评论(2) 推荐(1)

FOUC - Flash Of Unstyled Content 文档样式闪烁

摘要：问题描述偶然间看到FOUC这个单词，在Google里找了半天终于发现了它的含义：Flash Of Unstyled Content。它指的是在某些情况下，IE在加载网页时会出现短暂的CSS样式失效。这种问题出现的条件是比较独特的：1. 只发生在Windows上的IE（5.0版本以上）2. 只发生在那些会出现FOUC现象的网页3. IE的临时文件夹中没有缓存过该页面的CSS文件现在用IE访问这个页面，就可以看到FOUC发生的时候的情况（当然前提是你之前没有访问过它，否则可能需要清空IE的临时文件夹再访问）。这个页面的特殊之处在于它的<head>标签里是没有任何的<link> 阅读全文

posted @ 2012-06-23 14:24 radom 阅读(2073) 评论(0) 推荐(0)

大型网站，CSS组织架构

摘要：在做大型的项目的时候，前期，一定要做好规划，，有条有理的进行之中。。。CSS文件也是这样，一般在做这种项目的时候，网站都会有一个专门放置CSS的文件夹。。----------------------------------------------------------------------------------------------------------------------------在当前浏览器普遍支持的前提下，css被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。(曾几何时)只要一个css文件就够了——所阅读全文

posted @ 2012-06-23 00:22 radom 阅读(4738) 评论(0) 推荐(2)

今天工作中发现一个问题，看算不算BUG，如何解释这种现象。

摘要：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>bug</title><style>ul,li{margin:0;padding:0;list-style:none;}.fl{float:left;display:inline;}.imgList{width:200px;background:red;}.imgList li{height:20px;border:1px solid green;}</style>&l 阅读全文

posted @ 2011-08-24 19:57 radom 阅读(295) 评论(0) 推荐(0)

IMG Sprite：针对高对比度模式的优化技巧

摘要：注：高对比度模式是一种Windows系统设置主题，其意是为了保证视力受损用户查看信息的方便。它通过使用对比鲜明的色彩和字体大小提高文本的可读性。高对比度模式下网页的背景默认会变成全黑。CSS image sprites是一项用来减少网页中图片HTTP请求数的技术，但因其会导致在windows高对比度模式下图片消失的问题，故其导致的web应用性能的提升和对无障碍体验被破坏之间的矛盾正逐渐引起大家的关注。导致这一问题的原因是这一技术通常是应用CSS的“background-image”这一属性来创建的。为了证明这个问题，我们在高对比度模式下浏览一些当下的知名网站（上面的是普通模式，下面的是高对比度阅读全文

posted @ 2011-05-18 16:09 radom 阅读(1554) 评论(0) 推荐(0)

为什么要叫我“美工”？

摘要：导读：我们经常会把做网页设计的称为“美工”，从一开始网页设计师都不喜欢这个词，给人一种抵挡的称谓，实际上仔细想来要是“美工”只是一种职业称呼，叫好像叫设计或程序一样。到底为什么人们会叫网页设计师为“美工”，如何才能超越这个称呼？这是一个来自于UCD年会上面的问题，记得上午大屏幕通过twitter转播的时候，有个朋友问了这个问题，不过由于现场气氛热烈，鸦总演讲激情澎湃，这个问题就如浮云一般飘过了。所幸俺的眼神不错，给记了下来，这里用这篇文章回答一下这个极具代表性的问题 — “我们公司的领导和技术人员总是称设计师为美工，有没有办法不让他们这么叫” — 我想，原意里面还包括“如何不把设计师当成处理简阅读全文

posted @ 2011-03-20 14:50 radom 阅读(1615) 评论(0) 推荐(1)

深入理解table

摘要：如何应用好HTML的表格，就需要对表格有详细清楚的了解。在HTML 4.01 ，XHTML 1.0，HTML 5.0草案中这组标签是用来描述HTML中的表格结构的，而且标签的解释也没有发生变化。我们先看一下描述表格结构有那些标签。标签描述DTD<table>定义表格STF<caption>定义表格标题。STF<th>定义表格中的表头单元格。STF<tr>定义表格中的行。STF<td>定义表格中的单元。STF<thead>定义表格中的表头内容。STF<tbody>定义表格中的主体内容。STF<tfoot&g 阅读全文

posted @ 2011-02-14 14:46 radom 阅读(671) 评论(0) 推荐(0)

看待XHTML标签语义化

摘要：前两天参加了公司组织的一个WD培训，有一节课讲了标签语义化，听了之后感觉特别有用，更正了我以前对 HTML 和 CSS 的错误看法。首先说明的一点是，人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。以前我真的没有怎么重视过搜索引擎，现在开始比较在意了，因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。以前以我对web开发的粗浅理解，觉得写一个好的符合标准的页面只需要把结构和表现分离，然后不要使用table，font等标签就行了，至于通篇都是div我也不会觉得有什么问题，因... 阅读全文

posted @ 2011-01-25 08:46 radom 阅读(399) 评论(2) 推荐(1)

理解渐进增强（Progressive Enhancement）

摘要：原文：Understanding Progressive Enhancement作者：Aaron Gustafson翻译：http://lifesinger.org/从1994年开始，Web开发社区就敲响了优雅降级（Graceful Degradation）的鼓声。这个概念来自工程世界，其核心理念是给最新最强大的浏览器全套餐式的体验，而给那些不幸还在使用Netscape 4的可怜人们只留些残羹冷炙般的基本功能。毫无疑问，这发挥了作用。但是它并不很符合Tim Berners-Lee（译注：万维网之父）关于普遍可访问性网络（Universally Accessible Web）的原始愿景。大约10 阅读全文

posted @ 2011-01-20 09:28 radom 阅读(1522) 评论(0) 推荐(0)

CSS截取字符串,兼容浏览器

摘要：今天在经典论坛看到有同学问到CSS截取字符多余省略号代替的求助且要兼容FF...这个的确是个比较头痛的问题，现在我在的公司都是程序截取显示省略符的。兼容是没问题，但在中文和数学或字母混排时，就会有点小小的视觉缺陷。在程序截取中：中文、数字、字母都是算的一个字符，而中文占用宽度要宽，因此混排在视觉上会导致宽度不一就截取多余显示省略号了。。。于是琢磨着一种方法如下：运用了切图技巧和CSS技巧最终实现兼容效果。哈哈！代码阅读全文

posted @ 2011-01-05 16:28 radom 阅读(1311) 评论(0) 推荐(1)

关于相对定位与绝对定位无法冲破的等级的解决方法

摘要：最近项目中遇到一个实在是让大家都觉得很不理解的一个问题：<ul> <li>第一块</li> <li><span>第二块</span></li> <li>第三块</li> <li>第四块</li> <li>第五块</li> </ul>... 阅读全文

posted @ 2010-11-14 12:58 radom 阅读(1464) 评论(0) 推荐(1)

分享下自写的HTML CSS规范

摘要：最近比较忙，暂时没法断续整理前端开发规范文档啦！自认为内容详尽丰富，待需数日再分享给各们同聊们啦！今先把XHTML CSS简单代码大致规范分享下。如有疑问请留言，或等待后续详尽文档的发布!便知晓！===XHTML大致规范===<!DOCTYPE html><head><meta charset="utf-8" /><meta name="author" c... 阅读全文

posted @ 2010-10-21 22:04 radom 阅读(589) 评论(0) 推荐(1)

前端让我尴尬～

摘要：MM：嘿！部门搞JAVA培训你杂不去呀？坐我旁边的软件测式员离奇的眼光注意着我。ME：嗯！我又不是搞开发，不去也罢。（真实原因：去的人很多，没位了，哧哧！其实前端人员也必须了解后端语言！！！）MM：那你是搞什么滴啦？ME：我日叱！果久了，你还不晓得我搞莫子滴！搞前端开发的。MM：前端是搞什么路啦！只看见你天天切图的，无聊死去！ME：成吉思汗，用标准化代码把设计稿ＰＳＤ还原成可操作的页面等等。。。... 阅读全文

posted @ 2010-10-17 15:05 radom 阅读(451) 评论(1) 推荐(0)

重温text-justify：inter-ideograph

posted @ 2010-09-03 15:01 radom 阅读(9597) 评论(2) 推荐(3)

项目网站页面制作中如何快速定位导致页面莫名问题位置！

摘要：1、检查页面的标签是否闭合　　不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。　　快捷提示：可以用 Dreamweaver 打开文件检查，一般没有闭合的标签，会黄色背景高亮。　　2、样式排除法　　有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 C... 阅读全文

posted @ 2010-08-31 10:31 radom 阅读(489) 评论(0) 推荐(1)

谁说Float菜单不可以水平居中

摘要：页面水平导航菜单在符动的情况下也能随内容多少自适应居中啦！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml... 阅读全文

posted @ 2010-08-24 12:29 radom 阅读(744) 评论(0) 推荐(1)

网页制作规范整理

摘要：今天去某公司谈长期合作外包业务，其中我讲到了制作规范问题，现在就结合现有公司和自身的想法整理了一下，分享给各位同行！01 命名规范文件命名的原则：以最少的字母达到最容易理解的意义。如：.news_list{}、.search_form{}……一般文件及目录命名规范：每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm 文件名称统一用小写的英文字... 阅读全文

posted @ 2010-08-22 23:08 radom 阅读(1973) 评论(4) 推荐(4)

精选15个国外CSS框架

摘要：什么是css框架实际上还是让我们从框架说起吧。框架就是一个你可以用于你的网站项目的基本的概念上的结构体。css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如：typography.css基本排版规则grid.css基于网格的布局layout.css通常的布局form.cssfor 表单样式general.css更多通用规则下面一起来了解一下各... 阅读全文

posted @ 2010-07-04 19:48 radom 阅读(1057) 评论(0) 推荐(1)

IE6中伪类:hover的使用及BUG

摘要：以前未曾遇到类似的问题，一番google，才知道这是IE6处理CSS伪类:hover的Bug。例如如下的代码：<style>a {}a span {color: green;}a:hover {}a:hover span {color: red; }</style><a href=”http://www.taobao.com“> 淘宝网 ... 阅读全文

posted @ 2010-06-27 16:48 radom 阅读(1368) 评论(2) 推荐(1)

ξ..命运ing...

游刃于用户体验和技术实现之间，创造用户利益和商业利益之巅。

随笔分类 - Webrebuild

公告