- 浏览: 26668 次
- 性别:
- 来自: 郑州
最近访客 更多访客>>
最新评论
-
guiguzi83:
还有底下的圆形在IE下是方形,这个怎么实现
天猫商城JS效果制作 -
guiguzi83:
为什么把你的另存为页面就不行了呢?
天猫商城JS效果制作 -
xilie180:
我想问下前辈在哪家公司就职,前端待遇情况(看所属地是郑州,所以 ...
项目的质和量:西班牙语频道制作思路和规划
文章列表
项目制作流程图:
项目是制做出来的,它有它自己的流程方式:前期的规化、沟通、修改、方案、制作、测试、修改、上线、维护等流程。想想我们把时间浪费在那里了。如果一个30天的项目,需要的是15天的前期规化与沟通,最终确认功能和要求,10天的制作流程,找到适合项目的技术,5天的内测与修改,上线。
而我们却恰恰相反,把大量的时间花在不断修改的那部分,一栋大厦,地基没有打好,越往上盖,是越不稳的。
前期的规化很重要,因为它就是我们后期质量的要求,而往往把这一块给忽略。造成的结果就是后期制作出来什么就是什么了,没有项目的跟单和评估。体现不出项目的价值和团队的能力。
有了前期这样的基础,制作才会缓缓 ...
培养团队的责任心和个人修养
- 博客分类:
- 工作随想
团队的责任心
高层如果怪中层,中层怪员工,员工怪中层,中层反过来怪高怪,其实就是没有一个真正负起他的责任,按质按量的做好他的工作。遇到这样情况,应该先问问自己,我按质按量完成我的任务没有,在我这个环节,我一丝不苟了吗?团队中的每一个环节、每一个阶段、每一个细部,都要求非常完美。
要培养自己做事情力求完美的责任心。
___________________________________________________________________________________________________
培养自己的责任心
肯为公司加班的人,肯定是为了自己的那份 ...
今天在网上看到的鼠标hover效果,当时就看的心痒痒,css3果然很强大,最主要的是思路真漂亮,随后自己做了html原型,然后按照自己的思路给规划了一下,果然很帅。
您可以狠狠地点击这里:css3:鼠标hover图片效果demo
亲,是没有JS效果的哦~~~
发现在聊天群里面,用这个表情的很多,最近一直也在了解CSS3的新属性,觉的应该用CSS3把它画出来,于是就有了这个页面。主要应用伪类:before :after CSS3新属性 transform box-shadow border-radius
您可以狠狠地点击这里:css3:QQ衰表情demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题 1</title>
<style ...
百度选车频道上线,朋友推荐了这个效果,觉的蛮不错的,就想着格式化做了一下,百度是运用mpa标签配合JS来实现的,我运用的是A标签的实现。
您可以狠狠地点击这里:百度选车demo
html标签和js事件句柄都没有做出适当的优化~~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http: ...
总结一下自己前端工作的一些工作经验和自己前期工作的规划:1、用960栅格系统;2、采用html5向后兼容的头部,严格编码规范;3、尽量做到语义化,模块化;4、图片格式和图片大小,应用css sprites减少图片请求并发数;5、文件布局按照静态文件和动态文件(主要是图片),考虑后期使用图片服务器分布式部署;6、代码采用svn同步管理;7、后期js和css的管理和压缩
项目中的一些小技巧tips记录
- 博客分类:
- 工作记录
项目中遇到的一些小技巧,记录下来:
对非a标签添加伪类状态,例如span:hover{}。在采用偷天换日的手法a:hover span{},解决IE6兼容只许添加一个a:hover{#:FFF;}触发IE6下a标签hover状态的haslayout即可。
选项卡去掉虚线框,IE解决方案:<a href=”..” hidefocus=”true”>;FF下解决方案:a:focus {outline:none;-moz-outline:none;}
内联元素居中水平采用父元素text-align:center;垂直采用height=line-height;块级元素水平居中自身 ...
一篇教程,至少要看3遍你才能真正懂的里面的内容和它要表达的真正的用意。遇到技术上面的问题也一样,多看几遍问题,才会明白是怎么触发了问题。
磨刀不误砍柴工 – 前端制作前期的规化很重要
- 博客分类:
- 工作狂想曲
很多同行都容易犯一个错误,就是拿到一个任务后就马上开始写代码,其实这并不是一个好习惯。
对于简单的独立页面而言,这么做还不会有太大的麻烦。但是,对于一个中大型的网站而言,如果在还没有一个考虑成熟的前端架框前就开始动手写代码是会带来非常多问题的,比如代码冗余、多人合作容易冲突、代码组织没有规律等。
犯这种错误主要因为两个方面原因:一方面可能是前端工程师本身经验不足;另一方面可能是客户或BOSS给的压力很大,拼命赶工期。如果是后者,我们一定要顶住压力,客户或BOSS往往可能并不了解技术,他们可能更希望尽快看到工作成果。如果在没有一个成熟的框架前就开始写代码,很可能会出现先快后慢的局面,越到后 ...
团队合作的最大难度不是技术,而是人
- 博客分类:
- 工作狂想曲
只要有一定经验,构思良好,有完善的规范,尽管最终代码可能有好有坏,但团队合作在技术上并不太可能出现大的困难。团队合作最大的问题还是来自于团队成员之间的交流。不同程序师的说话方式、工作习惯、性格特点也可能各异,工作中出现观点不同的情形在所难免。不同程序师在处理问题时表现出的态度也不一样,有些比较温柔,有些则可能稍显强硬,有些可能比较容易接受他人观点,有些则可能固执己见。如果处理不好,可能会产生火药味,让大家带着情绪工作,影响开发进度。
工程师往往都更专注于技术,不太善于处理人际关系。比起复杂的人,大多数工程师往往更喜欢与非黑即白,非0即1,非true即false的代码相处。学会与人相处也是工 ...
追寻理想中的那片天空
- 博客分类:
- 工作狂想曲
2011年2月23日辞职离开中国钢材网,很多同事都劝我到3月份再辞职,因为这样2月份可以拿全勤。如果一家公司的薪酬都是与目标完成程度紧密相连,谁完成目标,我们给谁更好的待遇,谁达成目标,我们给他更好的薪水,给他 ...
对CSS熟悉的人一般都会了解 :first-letter 这个不常用的伪元素,它可以用来设定文章段落中首字母的样式。不少人只是用它结合 font-size 和 float 来制作简单的首字下沉效果,其实首字下沉可以变得更漂亮一点,比如像这个页面中的那样。今天在网上发现的这篇文章(俄文的,我没仔细看内容,就看图片和代码了)就是讲解 :first-letter 可实现的效果,利用 background 等属性做出来让人惊奇的东西,CSS 果然很强大,你了解得越多,它就能越好地为你服务。实现漂亮首字下沉的实例代码如下:
p:first-letter { float:left; padd ...
1、先定义text-align:justify;2、添加 text-justify ;语法:text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph参数说明: auto :允许浏览器用户代理确定使用的两端对齐法则 inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效 newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式 distribut ...
在使用 CSS 实现表现的时候,会经常接触到 display:inline-block 这一属性,无论是初接触 Web 标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。
display:inline-block
将对象呈递为内联对象,但是对象的内容作为块对象 ...