fogtower
- 浏览: 59127 次
- 性别:
- 来自: 北京
-
最新评论
-
kittychina：
我不是针对某个人的评论，是针对自由职业这个行业，去看看相关报道 ...
如何成为自由职业者 -
fogtower：
kittychina 写道坚持？坚持到半年就有活了？自由职业者 ...
如何成为自由职业者 -
kittychina：
中国人思维模式的问题，中国人求稳求安定，不喜欢冒险开创创新。
中国的程序员为啥不爱创业 -
kittychina：
楼主讲讲怎么在网上接到活吧。著名外包网站上面应聘者太多，根本接 ...
自由职业者未来的职位规划 -
kittychina：
fogtower 写道坚持住就行了，有了固定客户就不用去投标和 ...
如何成为自由职业者
文章列表
许多开发者和设计者希望把他们的作品作为开源项目共享，他们希望其他人能够利用和共享他们的代码。
而各种开源社区就是因为这个原因而充满活力。开源软件可以用于你能想象得到的任何应用程序，许多web设计人员使用开 ...
IE8中的内存泄露
- 博客分类：
- Javascript
最近开发的时候对页面使用了定时的局部更新，结果在ie6，7和Firefox下，一切正常，而在ie8下过上几个小时就浏览器就崩溃了，显示是内存溢出，我以为是代码写的不好导致内存泄露，但是ie6，7又正常，调查了一下，原来这是ie8 ...
阴影效果是web开发中一个头疼的问题，我做过各种各样的阴影效果，大部分都是用图片生成的，很难定位。现在找到了一种简单的用CSS生成阴影的方法，大家看看下面的例子：
<style type="text/css">
div.shadows {
margin: 3em auto;
width: 25em;
font-size: 1.2em;
padding: 1em;
background: #fff;
border: 1px solid #ccc;
}
di ...
用CSS就可以简单地实现文字的立体效果，请看下面的代码
#container {
width: 600px; height: 180px; margin: 50px auto; padding: 50px 0 0 0; text-align: center;
}
h1.hello {
display: inline;
position: relative;
font: 100px Helvetica, Sans-Serif;
letter-spacing: -5px;
color: #F77777;
}
h1.hello ...
看了zhangjunji111的文章一个用CSS实现隔行变色的技术
想起了自己过去的一篇文章
十个最简单实用的Table设计模板
里面提到了用css+html来实现隔列变色的技术
使用 colgroup 和 col 这两个元素属性来定义不同列的 CSS
<table>
<!-- Colgroup -->
<colgroup>
<col class="vzebra-odd">
<col class="vzebra-even"& ...
网上看到的很有意思的东西，利用Javascript + CSS来变换CD的封面，其中主要是CSS在起作用，实现起来很简单，
/* Jewel Case */
ul.music li.jewel img{
width:72px;
height:72px;
top:3px;
left:12px;
}
ul.music li.jewel a{
background:url(http://www.komodomedia.com/projects/music_covers/jewel.png) 0 0 no-repeat;
...
大家都知道IE6对于CSS设计者来说，简直就是一坨屎，抱歉用这个词，但是我还真找不到其他更合适的词来形容它，当然仅限于CSS解析方面。IE6有个大Bug就是不支持PNG图片的透明色，这就大大限制了页面的设计。目前网上有很多解决IE6下PNG透明色的方案，从使用IE特有的滤镜或是expression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-image.下面给大家介绍两个支持bacbackgrond-image的js插件。Unit PNG Fix
原理
Unit PNG Fix工作原理是利用一个透明的gif图片来解决。
使用方 ...
首先看下面的 CSS 代码：
li#nav-home a { background:url(../images/navs.png) no-repeat; }
li#nav-about a { background:url(../images/navs.png) 0 -28px no-repeat; }
li#nav-work a { background:url(../images/navs.png) 0 -56px no-repeat; }
li#nav-services a { background:url(../images/navs.png) 0 -84px no-repe ...
几个月来，也做了不少CSS设计的工作，都是国外的客户，从一开始的啥都不懂，到现在的回头客不少，也算是有点心得了吧，跟大家分享分享。
大原则
DIV布局因为表格布局会使浏览器的兼容性产生很大问题，比如在手机，掌上电脑用户浏览表格布局会一片混乱，所以最好使用DIV+CSS的布局，事实上我所有的客户，都是这样要求我的。兼容性对于一个好的CSS设计来说，必须保证所有的主流浏览器都能正常地显示，IE6+，Firefox，Chrome，Opera，Safari，这些浏览器都要支持的。
CSS Hack还记得 !important 吧，这个 CSS Hack 一度很流行呀，但是好的设计者，最好不要使用 ...
JSCalendar是我开发的基于Javascript的日历控件，它不依赖于任何JS框架，功能还是蛮强大的说。
特点
支持多浏览器 IE6+, Firefox, Chrome, Safari 4.
支持内嵌和弹出两种表现模式
支持滑动窗口，你可以自己定义显示的文字和图片。
支持多语言，你可以添加自己的语言包。
支持多皮肤，你可以很简单的添加自己的皮肤。
支持选择多天（内嵌模式有效）
支持键盘事件
丰富而完整的文档（JSDoc生成）
键盘事件
如果你要选择多个日期，请点击开始日期，然后按住SHIFT，点击结束日期。焦点必须在JSCalendar上时，可以进行键盘操作:
...
最近有个项目，要用Javascript来实现计数器，想想这样的需求还是不少的，就索性做了个控件，与大家分享一下。功能分为两个部分，计数器和计时器，具体功能如下：
支持IE6+, Firefox, Chrome,Safari 4
支持动画效果
支持正数负数
支持分隔符
支持自动递增或递减
支持设置随意数字
支持设置前缀符号
计数器Demo
计时器Demo
最近开发要一个PHP项目，所以打算安装PHP的调试环境，结果弄了一天，总算搞定了，有点心得跟大家分享一下。
安装xampp
现在最新的版本是1.7.3，去下载下来，安装即可，这步很简单。
下载页面
下载eclipse
去网上下载一个 PDT 2.1 SR-1 All In Ones 版本的eclipse，下载地址在下面：下载页面
下载Xdebug
我用Xdebug来调试PHP，可以在这里下载Xdebug下载页面
把下载下来后的Xdebug，放到C:\xampp\php\ext\目录下，当然也可以选其他目录
配置PHP.ini
在PHP.ini最下方，加入下列代码： ...
安装之前确认把Pear的路径加入到环境变量中去。安装symfony
symfony的Pear包包含了symfony库。它也包含一个将symfony命令加入你的命令行的脚本。安装第一步是把symfony频道加入pear，执行以下命令：
> pear channel-discover pear.symfony-project.com
现在可以安装稳定版本的symfony了。 执行以下命令：
> pear install symfony/symfony
downloading symfony-1.0.0.tgz ...
Starting to download symfo ...
JSCalendar是我开发的基于Javascript的日历控件，它不依赖于任何JS框架，功能还是蛮强大的说。
特点
支持多浏览器 IE6+, Firefox, Chrome, Safari 4.
支持内嵌和弹出两种表现模式
支持滑动窗口，你可以自己定义显示的文字和图片。
支持多语言，你可以添加自己的语言包。
支持多皮肤，你可以很简单的添加自己的皮肤。
支持选择多天（内嵌模式有效）
支持键盘事件
丰富而完整的文档（JSDoc生成）
键盘事件
如果你要选择多个日期，请点击开始日期，然后按住SHIFT，点击结束日期。焦点必须在JSCalendar上时，可以进行键盘操作:
...
web开发的人都知道，浏览器默认的表单样式，其实是很难看，很古板的，无论设计多优秀的页面，一旦使用这样的表单，设计效果无疑要大大折扣的。
Niceforms是一个基于Javascript的控件，它用个性设计的内容替代最常用的表单元素。从本质上改变了浏览器默认的呆板的表单形式。
您可以使用Niceforms提供的默认的主题，你也可以基于它来开发自己的表单效果。
普通表单
修饰过的表单
详细的内容，请参考这里