RSS

CSS Naked Day

0 Comments | This entry was posted on Apr 09 2008

Welcome to the third year of CSS Naked Day!. The first year turned out great, and the second year even better. Now Naked Day ‘08 is going to push the numbers even further on April 9th.

Where did my Design go?

The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good ‘ol play on words. It’s time to show off your <body>.

How to participate

Fill out the naked day signup form, then your website will be included in the official list within the next hour.

Then on April 9th, simply remove all CSS from your website, stripping it entirely of its design.

(Optional): Insert the following snippet of markup at the top of your page on the day of.

<h3>What happened to the design?</h3>
<p>To know more about why styles are disabled on this website visit the
<a href="http://naked.dustindiaz.com" title="Web Standards Naked Day Host Website">
Annual CSS Naked Day</a> website for more information.</p>

This option for those who feel a need to give their visitors a reference as to what’s going on. This is not about getting traffic or making money. There are no ads on this site, nor will there ever be. This is about you, the people; getting naked.

When is it again?

A few folks were curious about the date of CSS Naked Day. Here’s a few reasons why it’s on April 9th this year.

  • The date should always be on a Tuesday, Wednesday, or Thursday (most highly trafficked days)
  • It should be near the first week of April
  • It should never be on April 1st (international prank day)
  • There should be at least five days ahead of time before the announcement

IETester - IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP

1 Comment | This entry was posted on Apr 01 2008

IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process.
New in v0.2 : IE7 and IE8 beta 1 added !

This is an alpha release, so feel free to post comments/bugs on the IETester forum or contact me directly.
Minimum requirement : Windows Vista or Windows XP with IE7 (Windows XP with IE6 has some minor problems and IE7/IE8 instances do not work under this config)

Download IETester v0.2

Known problems and limitations :

  • When resizing, the content may disappear. I am working to correct it on the next version.
  • The Previous/Next buttons are not working properly
  • Focus is not working properly

Cool web site - PSDTUTS

1 Comment | This entry was posted on Mar 30 2008

PSDTUTS is a blog/photoshop site made to house and showcase some of the best Photoshop tutorials around. We publish tutorials that not only produce great graphics and effects, but explain in a friendly, approachable manner.

Photoshop is a fantastically powerful program and there are a million ways to do anything, we hope that reading PSDTUTS will help our readers learn a few tricks, techniques and tips that they might not have seen before and help them maximize their creative potential!

http://psdtuts.com

Wordpress templet help for chinese

0 Comments | This entry was posted on Mar 29 2008

Wordpress模板基本文件

style.css 样式表文件
index.php 主页文件
single.php 日志单页文件
page.php 页面文件
archvie.php 分类和日期存档页文件
searchform.php 搜索表单文件
search.php 搜索页面文件
comments.php 留言区域文件(包括留言列表和留言框)
404.php 404错误页面
header.php 网页头部文件
sidebar.php 网页侧边栏文件
footer.php 网页底部文件

 

Wordpress Header头部 PHP代码
注: 也就是位于<head>和</head>之间的PHP代码

<?php bloginfo(’name’); ?> 网站标题
<?php wp_title(); ?> 日志或页面标题
<?php bloginfo(’stylesheet_url’); ?> Wordpress主题样式表文件style.css的相对地址
<?php bloginfo(’pingback_url’); ?> Wordpress博客的Pingback地址
<?php bloginfo(’template_url’); ?> Wordpress主题文件的相对地址
<?php bloginfo(’version’); ?> 博客的Wordpress版本
<?php bloginfo(’atom_url’); ?> Wordpress博客的Atom地址
<?php bloginfo(’rss2_url’); ?> Wordpress博客的RSS2地址
<?php bloginfo(’url’); ?> Wordpress博客的绝对地址
<?php bloginfo(’name’); ?> Wordpress博客的名称
<?php bloginfo(’html_type’); ?> 网站的HTML版本
<?php bloginfo(’charset’); ?> 网站的字符编码格式

 

Wordpress 主体模板 PHP代码

<?php the_content(); ?> 日志内容
<?php if(have_posts()) : ?> 确认是否有日志
<?php while(have_posts()) : the_post(); ?> 如果有,则显示全部日志
<?php endwhile; ?> 结束PHP函数”while”
<?php endif; ?> 结束PHP函数”if”
<?php get_header(); ?> header.php文件的内容
<?php get_sidebar(); ?> sidebar.php文件的内容
<?php get_footer(); ?> footer.php文件的内容
<?php the_time(’m-d-y’) ?> 显示格式为”02-19-08″的日期
<?php comments_popup_link(); ?> 显示一篇日志的留言链接
<?php the_title(); ?> 显示一篇日志或页面的标题
<?php the_permalink() ?> 显示一篇日志或页面的永久链接/URL地址
<?php the_category(’, ‘) ?> 显示一篇日志或页面的所属分类
<?php the_author(); ?> 显示一篇日志或页面的作者
<?php the_ID(); ?> 显示一篇日志或页面的ID
<?php edit_post_link(); ?> 显示一篇日志或页面的编辑链接
<?php get_links_list(); ?> 显示Blogroll中的链接
<?php comments_template(); ?> comments.php文件的内容
<?php wp_list_pages(); ?> 显示一份博客的页面列表
<?php wp_list_cats(); ?> 显示一份博客的分类列表
<?php next_post_link(’ %link ‘) ?> 下一篇日志的URL地址
<?php previous_post_link(’%link’) ?> 上一篇日志的URL地址
<?php get_calendar(); ?> 调用日历
<?php wp_get_archives() ?> 显示一份博客的日期存档列表
<?php posts_nav_link(); ?> 显示较新日志链接(上一页)和较旧日志链接(下一页)
<?php bloginfo(’description’); ?> 显示博客的描述信息

 

其它的一些Wordpress模板代码

/%postname%/ 显示博客的自定义永久链接
<?php the_search_query(); ?> 搜索表单的值
<?php _e(’Message’); ?> 打印输出信息
<?php wp_register(); ?> 显示注册链接
<?php wp_loginout(); ?> 显示登入/登出链接
<!-next page-> 在日志或页面中插入分页
<!-more-> 截断日志
<?php wp_meta(); ?> 显示管理员的相关控制信息
<?php timer_stop(1); ?> 显示载入页面的时间
<?php echo get_num_queries(); ?> 显示载入页面查询

Min-width and Max-width

0 Comments | This entry was posted on Mar 29 2008

  min-width: 750px;
  max-width: 1050px;
  _width: expression(((document.body.clientWidth)) < 750? “750px”: ((document.body.clientWidth)) > 1050? “1050px”: “auto” );

CSS position:fixed; for IE6 (JS in CSS code)

0 Comments | This entry was posted on Mar 29 2008

_CLEAR: both;
_BOTTOM: auto;
_POSITION: absolute;
_TOP: expression(eval(document.compatMode && document.compatMode==’CSS1Compat’) ?
documentElement.scrollTop + (documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);

 

PS:找了好久代码高亮的插件,可是都不支持2.5RC版的。。 无奈,就这样先贴上来,这些代码放这里做个备忘。