大染志

想要玩得很 High 的程序员


  • 首页

  • 归档

  • 标签

  • 关于

  • 知识图谱

CSS3+HTML5+Google=20 things i learned about browsers and the web

发表于 2011-03-09 | 更新于: 2014-07-22 | 分类于 IT书籍

应在我博客里面留言的同学的话,真无聊。那就分享个也许你们会觉得无聊的东西。话说笔者很喜欢关于google几乎所有的东西。

就是google chrome 浏览器团队用CSS3+HTML5开发出的一本在线图书叫做20 things i learned about browsers and the web,首先我们就单从界面和用户体验讲,这个网站或者说这本书真的很绚丽。(前提是请使用支持CSS3+HTML5的浏览器访问,最好使用chrome)总之让我很惊讶,感觉这哪里是一个网站,绚丽效果完全可以喝flash和桌面游戏的效果媲美。

其实我觉得内容也是挺不错的,google选择了20件关于互联网和浏览器的相关个故事,第一个故事就是讲的互联网的由来,等等。每件事都配有很不错绚丽的动画哦。

而且值得说的是:

  • 这本书拥有很绚丽动画效果。
  • 这个网站还支持关灯模式,就是背景是灰色的,对眼睛保护很不错。
  • 这个书应该是使用了HTML5的保存历史记录和书签的功能吧,可以自动保存书签,待你下次访问的时候就可以直接接上次的进度。

点击进入阅读:20 things i learned about browsers and the web

一款超级酷炫的页面底部工具栏插件——wibiya(完美支持wordpress)

发表于 2011-03-06 | 更新于: 2014-07-22 | 分类于 我们爱分享

早上起来人还不是很新鲜,因为前面踢了球,全身酸痛,精神也不太好。最近我自己有介绍用css做一个简单的一直黏在页面底部的工具栏在页面底部添加固定信息栏,类似于本博客所示效果。也有同学在介绍说万戈做的工具栏,我也试用了,感觉兼容性不太好,用不来。今天给大家推荐非常好用的页面底部的工具栏wibiya,我这里只介绍免费版本的,已经很强大了。更强大的需要付费了。

下面就来详细的给大家介绍一下如何得到这个工具栏:

  • 打开http://www.wibiya.com/,点击get it now 开始获取插件。
  • 在接下来的页面里面输入你的邮箱,密码、网址、网站名称等等。以方便个性化,这点和无觅差不多需要个性定制。
  • 接着是select theme页面,这里面免费已经有很多主题可以选择,而且你还可以上传你网站个性的icon以供显示。
  • 然后这个页面是选择应用,即是在你的页面底部工具栏显示的应用。几个很好的是real time users(显示网站实时的访客情况)、itranslation(实时翻译网页内容)、photo gallery(支持flickr和picasa的相册)、facebook、twitter、已经实时聊天插件、feed订阅插件、已经获取最新文章插件。

  • 最后就是选择你的博客网站的版本了,这里面当然有wordpress、blogger、typepad、drupal、joomla、以及一般的网页。

比如是wordpress博客的话:

首先将下载的插件上传到网站相应的目录,然后激活该插件,打开插件设置页面,在里面设置启用wibiya,然下面一行输入你创建好插件的页面提供的一个javascript 资源地址(每个人的都不一样哦),比如我的是:http://cdn.wibiya.com/Toolbars/dir\_0740/Toolbar\_740040/Loader_740040.js。好了就大功告成了。

开始进入获取工具栏:http://www.wibiya.com

demo:http://junv.org/

注意:安装好插件只有,它还可以统计你的博客相关的一些信息,比如有多少人使用了这个插件,你的微博有多少喜欢等等,更多功能大家自己去发掘吧。

一些适合做网站背景的五彩壁纸下载

发表于 2011-03-05 | 更新于: 2014-07-22 | 分类于 我们爱分享

如果各位也和我一样对网站的颜色搭配特别不敏感,如果各位也希望可以找到很漂亮的比较没有太多杂乱图案的壁纸用作网站的背景,那么今天给各位分享的一定就适合你啦。

包内所含的图片的分辨率都是2000*2000的,应该是设计原稿吧,是jpg格式的,各位如果想要用作壁纸的需要自己再加工一下。毕竟文件太大了,每张图片几乎都是2M左右。

包含如此多的颜色,应该够各位下载使用了吧。

如果喜欢就支持我们把!

其他废话就 不多说了。

下载地址:网盘下载

360抢占桌面又一力作——360安全桌面

发表于 2011-03-04 | 更新于: 2014-07-22 | 分类于 酷玩软件

话说笔者已经没有没有介绍关于软件相关的东西了,今天恰好在转某网站的时候发现这样一款软件——360安全桌面。我一下子就变得很精神了,想到了360的安全卫士。我想着也许就是360占领各位同学的桌面的又一法宝吧。我试用了,还不错哦,下面请听我慢慢道来。

经过试用我觉得360安全桌面的定位或者说是总体的功能就是整合我们平时生活中最爱使用的各种东西或者网站、软件,让各位同学可以更加方便、快捷得做我们喜欢的事。360安全桌面还允许大家在其桌面上开发自己的应用,可以这样说吧,360安全桌面最终想达到的效果就是成为操作系统之上的操作系统。


如图为360安全管家运行界面。

它的主要功能有:

  • 在其桌面上集成了大家可能是最感兴趣,最喜欢用的一些应用,当然也包括奇虎公司自己的应用比如说360浏览器、360安全卫士。
  • 将互联网几个大家使用最多的类别的网站地址或者软件集成在了桌面上。这样大家就不用再一个一个得输入地址去进入网站,而是直接可以通过360桌面直接进入,而且可以很轻松同时进入几个不同的网站。而不用输入几个地址。
  • 有一个可以随时随地截图的小功能,只有你的360安全桌面是运行的就可以轻松截图。
  • 360安全桌面可以停靠在电脑屏幕的上下左右四个不同地方的任何一个位置,很方便。
  • 可以直接在360安全桌面里面关闭你想要关闭的软件,而不用再去打开任务管理器。
  • 可以将你电脑上安装的软件加入到常用的某个类别里面去,方便使用。
  • 当然也还可以切换壁纸。
  • 支持开机自启动。

总之,这个360安全桌面还是给人耳目一新的感觉,但是毕竟这个桌面软件还是预览版本,还有很多不足和完善的地方,里面的应用也不是很多。希望不久之后360安全桌面里面可以有更多的开发者开发的实用的、有趣的、好玩的应用吧。

下载地址:官方下载 【离线安装包】 网盘下载

送上自己拍的图片三张,高清壁纸

发表于 2011-02-28 | 更新于: 2014-07-22 | 分类于 我说

这几天鄙人心情有些烦躁,所以博客也没有怎么更新,但是还是谢谢支持我的人了!

几天前买了佳能的500D 单反,虽然是入门级别的单反,但是与卡片机的效果是好太多了。有些功能还没有弄明白,而且即使弄明白也不一定可以拍出的好的照片。

好了废话就不多说了,我等下再给大家详细介绍一些买佳能500D的事情吧。上图咯。


高清壁纸下载:点我

当然还希望各位多提意见啊。。。

在页面底部添加固定信息栏,类似于本博客所示效果

发表于 2011-02-28 | 更新于: 2014-07-22 | 分类于 我说 , 编程之美

以前我也不知道我的博客浏览器页面底部的这个灰色固定的信息条是怎么实现的,今天没事就在网上查了一下,结果发现原来这个东西真的很容易。我本以为会用到javascript或者jquery之类的东西,结果没有想到只要简单的CSS即可。



下面就稍微详细给大家说一下如何实现吧,其实原理很简单。将底部这个小长条固定在页面的底部涉及到的核心CSS代码就是


#footer{

position:fixed;

bottom:0;

}

position:fixed是将小条固定,bottom:0 是小条距离底部是0,就是一直贴在页面底部。

如果你想让这个小条有些透明,就可以加上:



filter:alpha(opacity=75);
<div>
  opacity:0.75;
</div>


第一行的是支持IE7这样的浏览器,第二行是支持firefox,chrome这样的浏览器,具体的IE9以前的浏览器是否可以实现透明效果我没有试过,因为我用的是IE9。应该是可以的。

然后稍微美化一下小条:



width:100%; //让小条铺满底部宽度,还必须加上 left:0;
  <div>
    background:#65676a; //设置小条背景颜色为灰色
  </div>

  <div>
    left:0;              //让小条在底部铺满
  </div>

  <div>
    color:white; //设置字体为白色,好看些
  </div>

  <div>
    height:20px; //设置小条高度
  </div>
</blockquote>

<div>
  <span style="color: #ff0000;">注意:这里的“//”不是CSS里面的注释,我这样写只是为了方便罢了,请柬上面的所有代码都写到#footer 这个选择器里面。</span>
</div>

<div>
  好了,大概就写好了,大家请看我写的这个效果吧,很烂,只是实现了这个功能。<span style="color: #ff0000;">如果部分浏览器下不行,请大家说一下哦。</span>
</div>

<blockquote>
  <div>
    <span style="color: #000000;">示例:<a href="http://junv.info/2-28/" target="_blank">点我</a> 在网页右键选择查看源代码,即可查看网页完整源代码。我用的是HTML 5写的。</span>
  </div>
</blockquote>


全球电视、广播电台免费在线收看、收听(免下载、安装)

发表于 2011-02-23 | 更新于: 2014-07-22 | 分类于 我们爱分享

话说大染志已经有一周没有更新了,这几天心情不是很好,因为生活中的一些琐事,但是看到大家的支持给了我动力,今天就给大家分享这样一个好东西,免费在线看电视,收听广播,不只是中国,而是全球的哦,但是可能有部分电视会出现打不开的情况。

最爱试听网站为我们提供的服务,里面提供全球多个国家的免费在线电视收看,以及几乎所有国内的地方电视台的收看。还有很多广播的收听地址。主要提供的国家和地区有香港、台湾、韩国、日本、英国、美国、加拿大、意大利、埃及、泰国。几乎你听过的国家在这里都可以找到电视的收看地址。

朝日电视台、英国BBC新闻台、英国太空电视台、法国24小时新闻频道、C-PAN有线频道、凤凰卫视中文台、东风37台、星空卫视、亚视美洲台、中视无线台。

如图所示为台湾中视无线台视频直播截图。

在线收看中视无线地址:点我进入

需要注意的是:可能有部分电视台或者广播电台的播放地址已经失效。大家只有忽略了,不过这里面还是有很多国外的电视台很不错,就只有大家慢慢去发掘了,大家发现好的电视台也可以留言告诉我们哦。


进入免费看电视、听广播

快速高效制作一款属于你的chrome主题(在线/本地)

发表于 2011-02-17 | 更新于: 2014-07-22 | 分类于 头条推荐 , 我们爱分享

笔者作为google的忠实追随者已经使用google浏览器一年多了,chrome一直是我的默认浏览器,可以说也算见证了它的成长。我也在博客里面多次分享了和chrome相关的东西,大家可以在文末的相关文章里面看到。今天给大家分享的是如果快速制作一款谷歌浏览器 chrome主题,而且还需要几乎是傻瓜式的。当然你可以可以精雕细琢做出一款艺术品。

在线制作

打开http://www.chrometheme.net/,在页面底部点击create chrome theme online 这个按钮即可进入制作主题。

主题制作分为几个部分:

start是填写主题的名字和主题的相关介绍。

/images,/images 2主要是设置主题相关的图片。

colors:设置主题的重要位置的颜色,不如一些按钮和文字的颜色

tints:这里是设置主题相关模块的布局。

pack:制作并生产主题crx文件,可以直接下载文件,也可以下载zip源文件。

下面是制作主题的截图:

设置界面图片:

(1)frame:

(2)toolbar:




本地制作




和在线制作差不多,离线制作是一个windows程序,和在线制作缺少的就只是没有对照图片,不过你有了我们的博客也还是可以轻而易举了。





这里提供离线制作主题的程序:




crxtheme-v1.0.rar




另附上一个我自己简单做的主题,这里提供下载:junv





大家快去试试吧!


高清壁纸免费下

发表于 2011-02-15 | 更新于: 2014-07-22 | 分类于 我们爱分享

还记得哪个很流行的广告语:步步高英语学习机——爸爸妈妈再也不用担心我的学习。今天给大家推荐的是一个免费下载壁纸的网站,我这里套用过来就是。Wallpapers WIDE——各位同学再也不用担心桌面没有漂亮壁纸。

不知道各位同学以前是在哪里找壁纸,反正我一般是在论坛里面找壁纸,或者在某个博客里面翻看博主分享的好看的壁纸。

在国内也有一些专门的壁纸分享网站,但是我个人认为他们都不够专业,很多几乎都没有适合各种分辨率的壁纸。而且壁纸数量都不太多。

今天分享的这个网站是一个国外的壁纸分享网站 Wallpapers Wide ,里面提供很丰富的壁纸至少超过10000张,而且每张壁纸都对应提供960×600,1280×800,1440×900,1366×768(很多笔记本都是这个分辨率,笔者的也是),1920×1200

所以我觉得这个网站还是挺专业的。

当然你自己也可以分享自己设计的壁纸。

需要高清的同学请到网站自己去下载把。真的很不错哦!


壁纸下载:点我进入

五款精选chrome谷歌浏览器主题

发表于 2011-02-10 | 更新于: 2014-07-22 | 分类于 我们爱分享

现在全球的chrome浏览器占有率是节节攀升,有的调查显示chrome浏览器的全球占有率已经达到10%,各种谷歌浏览器扩展程序也很丰富,之前我们也曾经两次介绍过类似的文章。几款google chrome浏览器扩展程序(app),又两个Google Chrome app浏览器扩展今天就给大家推荐五款chrome谷歌浏览器的主题,希望大家可以下载下来试试,很漂亮的。都是免费的哦!

蜂巢(Honeycomb)

这款主题是以android最新3.0系统作为设计来源而设计的。这个主题和Honeycomb一样采用深色基调,给人深邃的感觉,个人认为对眼睛也是特别好的。这款主题简洁而漂亮,很不多,笔者在这里鼎力推荐。

下载地址:点我

Android机器人主题(Robot Theme)

这款主题和上面一款一样,都是以android被设计来源设计的,与上一款主题不同的是这款主题采用白色为主要颜色,浏览器顶部为对眼睛很柔和的绿色,和有金属质感的深灰色。简洁而明快。喜欢android的朋友支持一下吧。

下载地址:点我

谷歌2010I/O大会(Google I/O 2010 Theme)

这款漂亮的主题来自google官方发布的主题,相比较前面的主题而言,这款主题颜色很鲜艳,我个人是很喜欢这种类似于彩虹的颜色搭配的,很漂亮,而且给人很明朗很轻松的感觉,注意:图片上所示的胃MAC下的版本在windows下面滑动条和最大最小化按钮有区别。不过丝毫不影响windows下面的绚丽程度。

下载地址:点我

绚丽星空(Colorful Space)

如果你看厌了很简洁明快的主题,那么这款极致华丽,绚烂色彩艳丽的星空想必各位一定会喜欢的,整体颜色还是偏深色对于眼睛的刺激不大。背景为星空则给人很深邃的感觉。由于高清的星空背景也造就了主题的文件大小较大,大概有6M。

下载地址:点我

鲜活(Fresh Theme)

也许有些女同学会抱怨前面的主题都没有适合他们的,那么这一款很卡哇伊的主题就再适合不过了,主题才用很温馨的手绘卡通的图片,整体给人很舒服的感觉。在chrome应该商店里面,该主题的使用者也很多。

下载地址:点我

1…101112…31
Junv

Junv

Go, JavaScript, Ruby on Rails, Java,Docker, CI, CD, Photography

307 日志
69 分类
247 标签
GitHub LinkedIn StackOverflow Weibo
© 2020 Junv