vifix.cn » Design http://vifix.cn/blog compile the dream, compile tomorrow Sun, 20 May 2012 15:26:15 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 启用新主题 http://vifix.cn/blog/activate-new-wordpress-theme-vifix-10.html http://vifix.cn/blog/activate-new-wordpress-theme-vifix-10.html#comments Fri, 06 Nov 2009 15:07:58 +0000 Mac http://vifix.cn/blog/?p=1220 IMG_4324

周一开始设计的主题，最近这两天将其实际写了出来。

先前的vifix9有一个splash页，虽然比更久以前的splash的信息量要多，但是在功能方面总觉得是个鸡肋（但是又十分喜欢splash页这样的方案 —— 这样才觉得像是个人主页的感觉，而不只是一个单纯的个人博客）

因此这次vifix10准备在未来将splash页融入blog相同的设计，并且，嘛，就当vifix.cn是推介自己的一个平台吧～毕竟明年要开始找工作了呢～～～

整体的工作还远远没有完成，今天也只是先把最重要的部分赶了出来，还有一些细节的地方需要修改，另外～上面的banner条也考虑采用jQuery或者Flash来做成一个展示区域～

那么就是这些，未来几天有一个短途旅行的安排～～去一趟丽水缙云，祈祷天气晴好～阿门～～～

=============================

Updated @ 2010-02-03:

鉴于已经使用新主题，放出此主题的下载，点击此处获取

并不完善，许多地方也为我自己的网站写死了，所以其实可能利用价值不是那么高 ^^b

分发请遵守创作共用署名-非商业性使用-相同方式共享2.5版协议

]]> http://vifix.cn/blog/activate-new-wordpress-theme-vifix-10.html/feed 7 Inkscape http://vifix.cn/blog/inkscape.html http://vifix.cn/blog/inkscape.html#comments Sat, 18 Apr 2009 05:25:12 +0000 Mac http://vifix.cn/blog/?p=865 inkscape

曾经安装过但一直没有好好使用过的软件，因为最近有处理矢量图的需求，所以又去官网下载了最新的版本，今天有空就稍微试用了一下，感觉还是很不错的，相比起Adobe Illustrator，一些功能的处理其实还是Inkscape做的更好。更何况Inkscape是一个开源软件，更是应该要推荐一下了。

上图是自己用Inkscape画的RSS图标，还不错吧～

格式方面，Inkscape以W3C标准的SVG格式为默认格式，另外也可以打开Adobe Illustrator的.ai格式，还有PDF，微软的XAML，以及众多的非矢量位图格式。

目前发现的一个缺陷是用了模糊效果后画面渲染变的很慢，看来在性能优化方面还可以做很多文章。

总体来说还是很不错的，推荐给有处理矢量图需要但是又不多的朋友，官方网站：http://www.inkscape.org/

]]> http://vifix.cn/blog/inkscape.html/feed 4 WordPress主题vifix9发布 http://vifix.cn/blog/vifix9-wordpress-theme-publish.html http://vifix.cn/blog/vifix9-wordpress-theme-publish.html#comments Wed, 15 Apr 2009 09:17:31 +0000 Mac http://vifix.cn/blog/?p=827 vifix9-wp-theme-screenshot

最近三天做的东西，生平第一个WordPress的主题，主要是为了和splash页保持一致，顺便化解一下⑨的冲动（不知道我在说啥的无视这句）

效果嘛，见这个Blog目前的状态就知道了。

在创作共用署名-非商业性使用-相同方式共享2.5版协议下发布，感兴趣的可以点击下面的图标链接获取。

vifix9.zip

右侧的About区域可以自定义使用的gravatar头像和信息（如果没有设定则使用用户列表中的第一位的电子邮件来生成头像）。上面的“⑨”位置的超级连接也可以修改（自带Options页面）。另外，用了一些WordPress 2.7才有的函数，所以在2.7之前的版本上是无法使用的。

目前仍然有诸多问题（好像每次发布点啥都有问题……）

  • 在添加自定义的widget添加上去的不美观，写CSS写到累了，还是以后再改了 orz
  • 一些文本调用了WordPress的本地化文件，而一些文本则没有调用，在中文的WordPress上，会看到自带的widget中英文标题共同显示的情况……

updated @ 2009-04-16

0.2版本发布，修改了链接的风格，解决一个HTML上的Bug

]]> http://vifix.cn/blog/vifix9-wordpress-theme-publish.html/feed 13 首页更新 http://vifix.cn/blog/vifix-cn-homepage-updated.html http://vifix.cn/blog/vifix-cn-homepage-updated.html#comments Sun, 12 Apr 2009 11:42:55 +0000 Mac http://vifix.cn/blog/?p=825 vifix9

觉得先前的首页在载入效率上很有问题，于是干脆一鼓作气重新做了一个，总共消耗大概16个小时。并且加入了一些细节和效果和内容（主要是一些个人的作品）。嘛，今年过后也得找工作了，就当广告先做起来吧～

访问：http://vifix.cn

眼下似乎还有一些问题，慢慢进行调整了。

滚动和音效分别使用了这两个jQuery插件：jQuery.jScrollPane, jQuery.flashSound

PS: 搞这个东西时项目目录命名为vifix9（因为是09年），真有改成⑨的冲动……

]]> http://vifix.cn/blog/vifix-cn-homepage-updated.html/feed 7 利用CSS的Border属性来创造三角形 http://vifix.cn/blog/%e5%88%a9%e7%94%a8css%e7%9a%84border%e5%b1%9e%e6%80%a7%e6%9d%a5%e5%88%9b%e9%80%a0%e4%b8%89%e8%a7%92%e5%bd%a2.html http://vifix.cn/blog/%e5%88%a9%e7%94%a8css%e7%9a%84border%e5%b1%9e%e6%80%a7%e6%9d%a5%e5%88%9b%e9%80%a0%e4%b8%89%e8%a7%92%e5%bd%a2.html#comments Sun, 29 Jun 2008 03:59:19 +0000 Mac http://vifix.cn/blog/?p=17 guu同学昨日问起是否有实现斜线的CSS样式，当时答曰没有——或者说，IE上没有，支持绘图的Canvas元素是HTML5的东西，还没有在IE中得到支持。
今天突然想起这个问题想到可以利用border形成的那条中间线来模拟这种效果，虽称不上完美，但也似乎是个可以变通的方法。当然，局限性也很大，比如不可能自由旋转，边必须是上下左右的某个固定的方向，不能在div里面放文字。

那么效果可以点击这里

代码（其实已经全部包括在上面的HTML文件中了）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Triangle Demo</title>
	<style>
	body{
		margin:0;
		padding:10px 30px;
	}
	.text{
		clear:both;
		font-size:12px;
		line-height:30px;
	}
	.triangle{
		background:#fff;
		width:0px;
		height:0px;
		overflow:hidden;
		float:left;
		margin-left:10px;
	}
	#triangle1{
		border-top:100px solid #fff;
		border-left:200px solid #03f;
		border-bottom:100px solid #fff;
	}
	#triangle2{
		border-top:100px solid #fff;
		border-right:200px solid #06f;
		border-bottom:100px solid #fff;
	}
	#triangle3{
		border-top:200px solid #09f;
		border-left:100px solid #fff;
		border-right:100px solid #fff;
	}
	#triangle4{
		border-bottom:200px solid #0cf;
		border-left:100px solid #fff;
		border-right:100px solid #fff;
	}
	#triangle5{
		border-top:100px solid #c00;
		border-left:100px solid #fff;
		border-bottom:100px solid #0c0;
		border-right:100px solid #fff;
	}
	#triangle6{
		border-top:150px solid #c00;
		border-left:150px solid #0c0;
		border-bottom:50px solid #fff;
		border-right:50px solid #fff;
	}
	#triangle7{
		border-top:100px solid #fff;
		border-left:100px solid #c00;
		border-bottom:100px solid #0c0;
		border-right:100px solid #00c;
	}
</style>
</head>
 
<body>
	<div class="text">
		基本形状：
	</div>
	<div id="triangle1" class="triangle"></div>
	<div id="triangle2" class="triangle"></div>
	<div id="triangle3" class="triangle"></div>
	<div id="triangle4" class="triangle"></div>
 
	<div class="text">
		复合形状（为了区分不同的边，用了不同的颜色）：
	</div>
	<div id="triangle5" class="triangle"></div>
	<div id="triangle6" class="triangle"></div>
	<div id="triangle7" class="triangle"></div>
 
	<div class="text">
		<p>
		通过border的其它组合还可以拼出更多的形状（七巧板->四巧板？）……嗯，看来可以考虑写个javascript专门绘制三角形了
		</p>
	</div>
</body>
</html>
]]> http://vifix.cn/blog/%e5%88%a9%e7%94%a8css%e7%9a%84border%e5%b1%9e%e6%80%a7%e6%9d%a5%e5%88%9b%e9%80%a0%e4%b8%89%e8%a7%92%e5%bd%a2.html/feed 0 Free Software Stickers Book http://vifix.cn/blog/free-software-stickers-book.html http://vifix.cn/blog/free-software-stickers-book.html#comments Sat, 28 Jun 2008 08:05:57 +0000 Mac http://vifix.cn/blog/?p=16 Free Software Stickers Book

自由软件有许多优秀的LOGO设计（当然，也有许多的优秀的界面设计），我就十分喜欢KDE, GIMP, Firefox等的LOGO

这里有一个专门收集这些 LOGO并制作成贴纸并汇集成书的十分有趣的项目（PDF等格式）

项目地址：http://code.google.com/p/stickersbook/

下载地址：http://code.google.com/p/stickersbook/downloads/list

]]> http://vifix.cn/blog/free-software-stickers-book.html/feed 0