黄锦诚的个人博客--有志者是锦诚!

Tag 文档归类: HTML

  • JQuery模拟的FLASH导航动画效果折腾

    前言:

      FLASH在中国互联网发展初期的时候非常的热,各种各样的矢量造型和动作,加上专门配制的音效,让很多人眼前一亮,并且让很多人迷上了这种新兴的媒体,那时候兴起了很多大大小小的专门发布FLASH的网站,印象中记得的像“FLASH闪吧”、“FLASH帝国”、“闪客天地”等这些都是很火很热的网站,在当时盛极一时,由此也产生了一大批的专门从事FLASH的开发者,我们时尚的称之为“闪客”。//是不是想到了某些动画片中的貌似隐者的那种习惯使用快剑的剑客呢?
    (更多…)

  • 特殊字符模拟STEP步骤箭头效果实现

      最近项目整天改来改去,页面数据很多都是手工来添加的,所以一修改就要搞个半死,连续好多天晚上加班到十一点,浑身都累得没有一点气力了,苦命的伪码农啊。今年部门里招进来的算是比较久一点的人,也是受不了,提出要离去的申请了,估计最迟也是在月底了。唉,这种日子真不好过。

      弄一这个,搞一下那个,都快变成文员编辑了,受不鸟。

      这几天折腾弄了一个用◆这个特殊字符来折腾STEP步骤箭头的效果,就是那种一步一步的引导的那个效果,几经调试,才勉强实现效果,但兼容性和实现的效果上有些问题,主要是IE6这种快要退出历史舞台的古董级别的浏览器了(虽然我现在还是天天有在用来测试兼容性),不管了,也暂时没有时间弄了,先放上来,以后有时间再整理或再加强扩展吧。

      用纯特殊字符◆来模拟的效果思路实现的话是很简单,截取字符的尖角部分,再将两个小叠加效果,造成视觉上的统一就完事了,但过程中调试比较麻烦,且兼容性也有些问题,所以也不好控制,虽然说扩展性可能会强些,但效果在浏览器中去却不如人意,用图片做尖角的效果会更好些,方便控制,宽度也可以自适应,按理说是高度也是可以做成自适应的(以后有时间再做高度的自适应)。以下是模拟的效果效果在各个浏览器的对比,DEMO中有用模拟和用图片实现的效果,标准浏览器的效果是基本差别不大的,甚至你看不出来是模拟的,点击进入DEMO查看,点击打开

    (更多…)

  • 前端工程师新手必读

    拥抱HTM5

      公司招了几个刚毕业的学生,作为重构的新手让我来带。

      首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会,对我工作的肯定和认可,让我带这样的一个重构团队,同时我也明白任务的艰巨,但我一定会将工作做好,不负公司对我的期望。(哈哈,好像从小到大,老师都是教育我们要这样先说的。)

      在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将设计好的图就可以通过软件输出表格的布局了,根本不需要重构这个多余的职位。随着WEB2.0的到来和W3C的规范得到世人的认可,内容和样式的分离更方便进行开发和维护,传统的表格布局和内容混排的方式逐渐地被淘汰,美工已不能完全一手包办越来越复杂的效果和高要求的页面布局了。此因催生了一个新的职位——前端工程师。

      鄙人刚好作为一名WEB2.0成长起来的前端工程师,虽然说做的项目不多,但乐于与人分享。虽然分享的也许只是一些很表面甚至有些过时的东西,但也只希望为大家提个醒,最好能起到抛砖引玉的作用。

    (更多…)

黄锦诚 腾讯微博
黄锦诚,专注前端、分享生活、记录工作、关于一切,这里有不一样的惊喜!

分类

Wopus主机优惠码

无觅相关文章插件,快速提升流量