koala是一个前端预处理器语言图形编译工具

越来越多的同学开始使用less/sass等预处理器的方式来编写CSS与JavaScript,很大程度上提高了工作效果,但编译文件是个繁琐的事情,使用命令行的方式操作起来很累,目前也已经有一些图形工具,比如mac下的codekit, windows下有winLess、simpless等。Codekit是一个很棒的工具,它是一个商业的软件且只有Mac版本。而windows下现有的工具都比较简陋,无法满足我们日常开发需求。
今天向大家推荐一个新工具Koala,功能齐全,跨平台运行,同时还是一个开源软件。

Koala是什么?

koala是一个前端预处理器语言图形编译工具,目前已支持Less、Sass、Compass、CoffeeScript。

下载地址:http://koala-app.com/index-zh.html

功能特性:

  • 多语言支持:支持less、sass、coffeescript、compass framework;
  • 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作;
  • 编译选项:支持自定义设置各个语言的编译选项;
  • Import文件监听:关联import文件,如import文件改变,源文件将自动进行编译。
  • 代码压缩:less & sass支持编译后自动压缩代码;
  • 错误提示:在编译时如果遇到语法的错误,koala将在右下角弹出错误信息,方便开发者定位代码错误位置;
  • 跨平台:windows、linux、mac 完美运行;?

如何使用:

使用方法

使用技巧:

切换为中文语言:打开设置窗口,system – locales选择为中文,重启后生效。

设置全局编译选项:在设置窗口中勾选各个编译选项后,新增加的文件将应用该设置。

批量处理功能:文件列表可进行多文件选择,选中后打开右键,可批量设置输出目录与批量编译文件。

如果你在使用过程中遇到问题,可在github上向作者反馈:https://github.com/oklai/koala/issues/new

koala

关于WordPress不使用插件制作标题关键词描述

不用插件如何在wordpress中设置标题、关键词和描述,这个问题是很多时候都在谈论的问题。百度一下,也会出现很多的答案。答案大致相同,但是不是每一个都可以用。很多都是直接复制改了改伪原创发了出去,新手根本搞不好。这里我把一般出现的情况给大家说说。

因为WP插件泛滥,很多的插件不是很合适用,所以我个人就是选择不用插件。

要做到优化的效果,一样是PHP的语句判断,代码如下:
————————————————————————————————————————————————
<head>
<?php
if ( is_home ())
{
$description = “aaaaaaaaaaaaaaaaa”;
$keywords = “aaaaaa”;
}
else if ( is_single ())
{
if ( $post->post_excerpt)
{
$description = $post->post_excerpt;
} else {
$description = mb_strimwidth(strip_tags(apply_filters(‘the_content’,$post->post_content)
),0,220);
}
$keywords = “”;
$tags = wp_get_post_tags($post->ID);
foreach ($tags as $tag ) {
$keywords = $keywords.$tag->name.”,”; }
} else if ( is_category())
{
$description = category_description();
$keywords = single_cat_title(p, false);
}
if (is_tag()){
$description = tag_description();
if(!$description){
$description = single_tag_title(p, false) ;}
$keywords = single_tag_title(p, false);
}
?>
<?php if ( is_home() ) { ?><title><?php bloginfo(‘name’); ?>|<?php bloginfo(‘description’); ?></title><?php } ?>
<?php if ( is_single() ) { ?><title><?php echo trim(wp_title(”,0)); ?>|<?php bloginfo(‘name’); ?></title><?php } ?>
<?php if ( is_category() ) { ?><title><?php single_cat_title(); ?>|<?php bloginfo(‘name’); ?></title><?php } ?>
<?php if (function_exists(‘is_tag’)) { if ( is_tag() ) { ?><title><?php single_tag_title(“”, true); ?>|<?php bloginfo(‘name’); ?></title><?php } ?>
<?php if ( is_month() ) { ?><title><?php the_time(‘F’); ?> | <?php bloginfo(‘name’); ?></title><?php } ?>
<meta name=”description” content=”<?php echo $description; ?>”>
<meta name=”keywords” content=”<?php echo $keywords; ?>”>
——————————————————————————————————————————————————

具体不做解释,百度一下全是解释。这里我主要是强调:

else if ( is_category())

{

$description = category_description();

$keywords = single_cat_title(p, false);

}

修改之后,大家会发现分类目录的描述会多出<p>标签,还有一个换行。解决这个问题也是使用PHP的判断语言,我们只需要在functions.php里加入一下代码:

function seosir_deletehtml($str) {

return trim(strip_tags($str));

}

add_filter(‘category_description’, ‘seosir_deletehtml’);

注意要写在<?php ? ??>之间。做完这些大家有时候会发现博客乱码,或可能首页直接有错误提示。估计这也是一直困扰很多新手的问题。首先告诉大家这个是因为编码的原因。WP是使用UTF-8无BOM的编码,一定确保所有的模版文件编码统一。这样博客就设置好了。

SEO先生发布,固定地址:关于WordPress不使用插件制作标题关键词描述?转载请注明。

HTML5对互联网的若干积极影响

HTML5将会使网页图片具有更强大互动性:

上一代互联网加载的图片为GIF或JPG文件。新型互联网可以在Canvas对象中加载图片。许多好的图片库应运而生,它们中的一些增强了互联网图片的互动 性。现在,JavaScript层可以根据数据计算数值和作图。如果开发人员具备了时间和能力,所有内容可以变得更加活灵活现,文本属性将会越来越少。

HTML5使得网络视频使用更加方便:

HTML5新增了视频标签功能,它帮助网络 开发人员更容易地在网页中添加视频。此前,仅有Flash、Silverlight和JavaFX程序员可以这样做,而现在Jquery和PHP开发人员 也可以在网页中添加视频。HTML5新型视频标签启用后,HTML网页的文字会越来越少,视频却会越来越多。

HTML5或将提升网络安全:

网络浏览器插件是由不同程序开发团队以不同标准、不同 开发模式并在不同安全模型下编写的。其中一些插件的安全性显然不如其他插件高。随着插件数量激增,安全性问题跟踪的复杂性也随之增加。HTML5的出现替 代了许多插件,进而可能会消除插件引发的网络安全问题。

HTML5将简化互联网开发:

Lookingglass Cyber Solutions公司的开发人员比尔?米尔(Bill Mill)简要地解释了这一原因,他表示:“我很喜欢HTML5,因为我使用的是一个统一的开发环境。在HTML5标准下做开发,我只需要用互联网浏览 器、JavaScript和DOM就可以了,而不需要在Flash和HTML5开发环境之间来回切换。”他进一步补充道:“网络用户也会注意到这一点,因 为Flash文件将可以在一个网页中打开。”HTML5提供了统一开发语言(JavaScript)、统一的数据模型(XML和DOM)和绑定文本、音 频、视频和图形的一整套规范(CSS)。

近年来,浏览器提供商产生出相当多的互联网浏览器的改进思路,正是这些思路逐渐发展为第五代HTML标准的原型。第五代HTML正式规范早在6年前已经开始制订,许多HTML5的用户惊讶地发现,尽管规范制订得很好,但它距离成为标准还有很长的差距。

兼容IE6IE7以及FireFox的CSS透明滤镜

主要是下面两句了,当然要用HACK了,主要是IE版本的浏览器不支持background-color的rgba这个东西,而IE只有在透明容器的子节点内设置position:relative才能不继承其父记得透明滤镜,而FF等浏览器是支持rgba这个东西的。

———————————————————
<!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=gb2312″ />
<title>兼容ie6,ie7以及firefox的css透明滤-懒人图库</title>
<style type=”text/css”>
#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); *background:#f00; *filter:alpha(opacity=50); width:500px; margin:40px auto; line-height:200%; font-size:14px; padding:14px;}
#container *{ position:relative;}
</style>
</head>
<body>
<div id=”container”>
<span>兼容IE6IE7以及FireFox的CSS透明滤镜</span>
</div>
</body>
</html>

———————————————————

Seo先生博客转载,本文固定地址:http://SeoSir.cc/726.html

关于WordPress独立博客建设与设置

关于独立博客建设

1.首先博客程序选择,Wordpress不用二选,后台编辑都很好用。Wordpress博客主题,可以使用默认主题,无需修改主题代码。

2.域名要是购买的话,最好是优化站的关键词域名.com(比如:http://www.diablomvp.com/ http://www.diabloplay.com/ http://www.runescapemvp.com/ )域名使用的顶级域名例如【SeoSir.cc】www域名可以解析,做301定向到顶级域名。

3.空间一定要使用Unix/Linux主机做的服务器,并且要开启地址重写功能The mod_rewrite Apache module,也就是伪静态模块。这样能很好的SEO,可以更好的设置URL。

关于独立博客设置

1.标题。按照优化站的关键词做标题,可以很好的把博客定位。

2.固定链接。使用文章标题做伪静态链接。【/%postname%.html】

(参考http://www.runescapemvp.com/how-to-buy-runescape-gold-for-free-items.html )

3.关键词无需设置。描述适当设置,也可不比设置。

4.目录与标签。更新文章可以大量增添标签,增加博客内部文章的关联性。目录适当几个就行。

5.插件。

Akismet?? Akismet 在全球有数以百万计的用户,它是最方便快捷的博客垃圾评论 / trackback 屏蔽解决方案

Baidu Sitemap Generator? 生成百度 Sitemap XML 文件,生成一个静态的站点地图页面,对所有的搜索引擎都有利。(针对于百度 http://seosir.cc/sitemap.html

Google XML Sitemaps? 这个插件会产生一种特殊的XML网站地图,这将有助于更好地索引你的博客搜索引擎,如谷歌,雅虎,BingAsk.com(针对于谷歌http://seosir.cc/sitemap.xml

WP Keyword Link?? 添加关键词的链接,更多的内链和外链,更好的SEO! 给文章加上内部链接有利于增加搜索引擎收录。完美支持中英文关键词。最新增加相关文章的功能。

WP No Category Base – WPML compatible 是去除博客Category目录的。(效果可见http://seosir.cc/seo

6.博客404页面使用百度地图http://seosir.cc/sitemap.html跳转。

7.设置更新服务。

当您发表一篇新文章时,WordPress 将会向下面的站点发出通告。

Seo先生博客发布,本文固定地址:http://SeoSir.cc/721.html 转正请注明。