新作“常州蓝霸”

常州蓝霸
常州蓝霸

新作“勃利妇女网”

勃利妇女网
勃利妇女网作为一个行政门户型的网站,是ComingX CMS的一次成熟应用。ComingX CMS是基于Zend Framework独立开发的一套门户型CMS系统,具有用户管理、部门管理、权限管理、文章管理、分类管理、广告位管理、留言、站内信、文件管理等功能,具备一个门户系统应有的基本功能。下一步继续优化系统的安全性、扩展性,争取早日实现开源。

两款好用的Popup弹出窗口

1. Magnific Popup
2. bPopup

两款jQuery插件都很好的实现了Popup的基本功能,图片、画廊、Ajax、运动效果、视频等。我选择使用了Magnific,它让我觉得自由度很高,提供了基本功能的同时给你充分的空间。

让css动起来的Less

less动态css
css作为html文档的样式表语言,一直以来都是静态编写的。我们是否想像程序一样使用变量、函数……
Less让你可以在css文件中使用全局变量、数学计算、函数等逻辑代码,然后编译为css文件加载到网页中。

Less css 中文网
使用如何使用DreamWeaver编辑less文件?增加less文件的css代码提示,高亮。
Less文件后台编译工具

背景图自动伸展填满div

随着浏览器尺寸的不断增大,各种浏览器尺寸层出不穷,在Web页面中有时我们期望背景图片能够随着浏览器的大小自由伸展。为此很多人使用1920宽的图片作为背景图,很显然这种方法并不能解决问题,因为有的显示器是大于1920宽的,比如mac pro,imac等;而且对于小显示器(多数笔记本显示器分辨率仍然很小),造成图片过大浪费带宽。
本文提供一种方法来解决,利用css3的background-size来解决

background-size:cover;

但是css属性对于ie9以下的浏览器是不能解析的,因此需要针对ie hack,这里介绍一个jQuery插件backgroundSize,使用方法如下:

<html>
<head>
<script src="js/jquery-1.9.1.min.js"></script>
<!--[if lt IE 9]>
<script src="./js/jquery.backgroundSize.js"></script>
<![endif]-->
<script>
$(window).load(
	function(){
		$('#top-header').css('background-size','cover');
	}
);
</script>
</head>
<body>
<div id="top-header"></div>
</body>
</html>

移动内容社交类网站正在兴起

papame
changba
啪啪唱吧的出现,似乎在暗示着一种新的网络内容交互形式。先看看他们的交互流程吧。

  1. 下载移动客户端App,注册账号
  2. 利用App创造内容(图片、声音或者视频)
  3. 分享链接到社交媒体(微博、QQ空间、人人网等等)
  4. 发布者的好友通过链接进入浏览并评论、评分、收藏、分享等社交操作

该类网络内容,不提供首页、不提供检索、不提供列表浏览,所有的浏览方式仅仅通过一个链接进入。内容发布者利用客户端随时发现身边内容、发布内容、分享内容。网站推广类似早先Gmail的邀请注册一样,没有邀请链接是无法找到内容的。

这种创业方式是否可以躲避网络大鳄的模仿呢?
盈利模式是怎样呢?

中国亚马逊应用商店上线了

c1-2._V371962408_
这是android开发者的福音吗?Apple AppStore给很多ios开发者创造了价值,而Anroid market却很惨淡。很多Android App创业者只能悲哀的看着自己的产品在91、豌豆荚等网站上肆意下载,却看不到一份钱该有的回报。我们期待Amazon给他们一个希望。

在线配色工具

在线配色
ColorScheme Designer

peise2
mudecube

在选取配色方案时,我们通常关注的是基色(主题)、补色(强调)、辅助色(修饰)、色彩比例。使用上面两种工具,先确定基色冷暖、主色调,确定使用哪种配色方案,比如单色、补色、三角色、矩形色等等。

  • 基色,表现网页的整体风格,渲染一种主题。
  • 补色,用来强调需要突出表现的元素,比如按钮。
  • 辅助色,打消基色的单调乏味,增加与基色相似的色彩来制造变化。
  • 色彩比例,视觉感觉营造大部分(感觉上的大部分,非面积上)主题色,小部分补色强调色。

确定完基色、补色、辅助色、色彩比例之后,我们还可以利用PS的叠加、柔化、渐变透明来营造色彩层次。利用阴影、外发光、描边、内阴影、内发光来营造边缘层次。

两款图片幻灯片slider

图片轮换
网站上我都需要一个图片幻灯片来展示美丽的图片。今天介绍两款jQuery插件实现这一功能。

nivo slider 特征:

  1. 16个漂亮的变换效果,还在增加中
  2. 简单灵活的安装使用
  3. 小巧(15kb),标准,兼容,响应式的

flexslider 特征:

  1. 小巧,兼容
  2. 横向/纵向和淡出两种转换效果
  3. 回调函数
  4. 自定义导航样式
  5. 触摸屏硬件加速

配置在wamp上开发zend framework项目

在wamp php集成开发环境中开发zend framework(ZF)项目需要进行一些配置。主要包括:

PHP include_path配置
修改wamp php 设置中的 php.ini文件,搜索include_path,找到windows下的include_path,在值的引号中添加www/library的绝对路径,注意在路径前面加一个“;”。