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

文档归类

  • RBGA背景颜色透明的改进

    一、开篇前想说的一些话

    自从去年转行以来,刚刚好一年的时间没关注前端开发这一块的信息了,一年的时间过去了,觉得时间过得很快。转行了,以为没什么机会接触前端这块了,也以为不会再碰这些东西了,但是工作空闲之余,还是会忍不住看看之前经常关注的博客,发现更新很多东西了,而自己的就一直都没更新了。最后,还是觉得无法放舍得下对前端的热爱,终于还是鼓起了勇气再继续再写写东西,但是发现,太久没练了,很多东西也已经遗忘和生疏了,原先很多想写的题材现在都无法有完整的思路写下来了,或是不知从何写起了,那个痛苦啊。

    万事开头难,重新开头更难,现在,还是硬着头皮先写一篇以作开头吧。

    现在,重新开始了,不容易啊!

    好的,我回来了!
    (更多…)

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

    前言:

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

  • 给ADOBE公司的一封信——关于PS和FW输出的PNG24和PNG32

    这个是去年在使用ADOBE MASTER CS5过程中Photoshop和Firework中遇到的PNG32的问题而写给ADOBE公司的信,信当时是用英文写要求他们找人来翻译阅读的,但没有回应,所以这个问题也就得不到ADOBE公司的答复了。

    附上发给ADOBE公司的英文邮件的原文:

    Dear ADOBE’s Engineers:

    Good day! This is my first mail to you. My name is Jincheng Huang and there are some questions about ADOBE software(Photoshop and Fireworks)’s PNG’s photo format. My english is poor, so I wrote some words about the questions in Chinese, hope there are some people who knows Chinese well and help you to read this article.

    (更多…)

  • 基于Jquery模拟的select点击选择

      有时候有些HTML元素无法让我们用样式控制进行控制,但是射鸡师或是客户的需求就是需要这种效果,还要让每个浏览器都显示同样的效果,这时候就会让我们这些所谓的前端攻城师很蛋疼,客户会认为交了点钱不让你折腾些东西,以为你是没做事的。面对这些对技术一窍不通的客户,技术对于他们来说就是一坨屎,以为我们都是用意念来写代码做程序的,所以都把我们的劳动成果看作是廉价得像是简单的拉出一泡屎而已。
    (更多…)

  • CSS3的动画泡沫按钮

    css3Buttons
      第一眼看到这个按钮,你是什么感觉?
      也许很多人的想法都一样,是用不同的背景图片来做的,但是你错了,这里只是用了一张背景图片而已,其他的全都是CSS3而已。
      不相信?那就直接 打开DEMO
      //强烈建议用火狐或谷歌等标准浏览器打开,IE可以直接无视,即使IE9。
    (更多…)

  • 由标签云引发的random的简单应用

      在一些站点里常常会看到一些标签云的效果,特别是Wordpress本身就自带了这个功能和效果,其实这是一个很有趣的小效果,比齐刷刷的统一的颜色、统一的大小的一排文字排下来好看多了,所以这个小小的东西勾引起了我的兴趣,于是决定折腾一下,弄清楚他的原理。
    仔细分析一下,发现Wordpress里的标签云字体的大小是根据标签关联的文章数来决定大小的(如下图),不会因为每次的刷新而改变文字的大小,这个需要与程序的进行数据的记录和读取进行交互了,所以不在本次的讨论之列,本次所在实现的是仅仅前台脚本实现效果。
    (更多…)

  • iframe同域跨域高度自适应的实现

      页面嵌套iframe,相信很多人都会遇到这个问题,本人不喜欢iframe,但项目中遇到了必段要用到,那也没办法,只能折腾,这个是最近项目中用到的解决的个办法,其中的原理是定义一个相同的域名变量,本来只是为实现跨域的iframe高度自适应的,但经试验,该方法可以实现同域或不同域。具体可以自测。

    (更多…)

  • JS实现导航高亮方法

      导航是我们页面中一般都需要的一个元素,它可以说是一个站点必用的元素,没有了导航,会让人找不着北,但有时候,仅仅有了导航还不够,还需要在当前的页面中标明当前是在哪一个类别里面,这时候就有了不同的实现的方法,也就有了下文的一些介绍。

      通常,我们在做导航的时候,都是由程序直接输出当前的页面的的高亮状态的样式,我们只需要定义好输出的类的高亮的样式就可以了,这样是最直接有效也是最常用的方法。
    (更多…)

  • 一键复制文本框内容的两种方法

      项目已上线,近几天有点小闲,只是一些更新和维护的小工作,就到外网到处溜达,在一些网站上看到了一些可以一键复制文本框内容的小功能,觉得挺实用的,虽然只是一个很小的功能,但给人的体验却很好,就整理了一下,日后备用。

    click2copy

    (更多…)

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

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

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

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

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

    (更多…)

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

分类

Wopus主机优惠码

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