🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

0 篇文章

web 开发:网页设计步骤及工具推荐

自娱自乐版:1.原型设计通过和搭档的交流,在脑海中,你便可以知道你需要做什么,你们的需求大概是什么,需要几个页面。这时,你便可以找张纸,找支笔开始框架、轮廓、布局的勾勒。这对自娱自乐是非常有效的,因为你的原型设计不需要经过众多人的评审,不需要提供给客户,不需要具体的表现出每一个链接的跳转,每一个按钮的结果。这一切只需在你原型的空白处加以简单的注释。到这里,貌似原型已经设计完毕。No,接下来的一步非常

回归 Firefox 4, 喜欢了喜欢的插件

在 2011-03-02 下定决心使用 Chrome,并安装了一系列插件准备长期备战,谁知就在 03-22 日 Firefox4 终于发布了,并且获得了不错的好评。纠结了 2 天,终于再次换回 Firefox。并且安装了如下插件,其余的都卸载了,verygood。非常的好用。AddonsManager:插件,皮肤,扩展管理。个人比较喜欢到官网上直接去淘。Awesomescreenshot:网页截图,可以进行简单的标识。

Firebug 控制台详解

感觉很有用,下文转自:http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html 作者:阮一峰日期:2011 年 3 月 26 日 Firebug 是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug 入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。==================

jQuery 自动补全插件

jQuery 自动补全插件有很多,找了一圈,没找到自己想要的。干脆自己编一个吧哄哄使用场景:使用 B3logSolo 发布文章时,标签(tag)的提示。具体需求:1.当标签输入框被 focus 后,提示以往用过的所有标签 2.可以使用上下键或鼠标移动进行需要标签的选择 3.根据当前选中标签,可用 enter 键或鼠标点击进行确定,该标签就会相应的补全到标签输入框中 4.使用逗号分隔后,还可继续进行提示 5.根据当前光标所

jQuery 1.6.2 RC1 发布

下载地址:http://code.jquery.com/jquery-1.6.2rc1.jsjQuery1.6.2RC1 改进记录 Attributes#9286:Usinglivesubmitonforms#9298:$(elem).attr(eventName)notworkingproperlyinIE7#9329:attr(“title”)issueinie7#9362:.attr(“value

47 Amazing CSS3 Animation Demos

Hereisacompilationof47jaw-droppingCSS3animationdemos.TheydemonstratethepossibilitiesoftheCSS3transformandtransitionproperty.SomeareveryusefulandcanbeusedasJavascriptalternatives.Mostofthemaresimplytolo

:nth-child 和 :nth-type-of 的区别

假设有以下 HTML 代码:<section><p>Little</p><p>Piggy</p><!--目标元素--></section> 以下代码得到的效果一样:p:nth-child(2){color:red;}p:nth-of-type(2){color:red;}结果虽然相同,但是两者本身还是有所区别的。:nth-child 选择符从词义上来说,表示,选择满足以下条件的元素:1.是一个段落元素 p2.

IE9 的文档模式和 JavaScript

InternetExplorer9 标准文档模式可在不同浏览器中启用相同标记和相同脚本。您应该使用 InternetExplorer9 标准文档模式,以充分利用在 ECMAScript,第五版标准(ES5)和 IE9 的增强 DOM 编程的新功能。然而,为了保持旧版 IE 的功能,,在 IE9 的 Quirks 模式、IE7 标准模式以及 IE8 标准模式下所支持的 JavaScript 功能和 IE9 标准模式有所不同。在你的时间日程安排

CSS 网址珍藏与整理

1.Format 往往大小写混用,全部搞到一行的代码让人读着很头疼,format 一下吧。也是有各种的选项让你来定制。http://www.lonniebest.com/FormatCSS/2.Compressorhttp://www.minifycss.com/css-compressor/有很多选项让你选择性的进行压缩。并且输出帮你压缩的 log,比如某行#FFFFFF 压缩为#FFF 之类的,很不错。当

SyntaxHighlighter and TinyMCE syntaxhl

SyntaxHighlighter3.0.83andsyntaxhlB3logSolo 编辑器选用 TinyMEC,其中代码插入使用 syntaxhl。前端代码高亮显示使用了 SyntaxHighlighter。然而 syntaxhl 只支持 21 种语言,SyntaxHighLighter 确能支持 25 种语言,为此对 syntaxhl 进行了修改,详细代码参见 https://b3log-solo.googlecode.

Abort Image Request

OSBrowser""nullremovedeletestopStopImageStopButtonTimeoutWindowsIE6,7,8√(e)√(e)II×××××21s(e)FF4,5IIIIII×II××II21s(e)Chrome12××××II××II21s(e)Safari4,5××××II××II21s(e)Opera9×√(e)××II××II47s(e)Opera11II√(

Mozilla、WebKit 准备支持对精简 JS 以及 CoffeeScript 和其他 JS 语言的调试

作者 WernerSchuster 译者崔康发布于 2011 年 8 月 11 日 | 如今的 Web 和 Javascript 调试器已经非常强大,并很好地集成在浏览器中——但是必须满足的条件是调试器中的代码是原始的、手写的。现在,大量执行和部署的 Javascript 通过软件生成,而不是开发人员。最常见的情况是精简或者压缩后的代码。在这些代码中设置断点非常麻烦甚至无法实现,因为它们往往是单长行形式——即使最初的源代码是格式良

My Firefox 6.0 Extensions

前天 Firefox6.0 发布了。今天好好的使用了下,真的很不错,感觉至少启动速度增加了。但是有些插件不支持了。于是重新整理了一下。GoogleToolBar 以前一直兼容着用,这次终于决定换了。他既然决定不支持,我再勉强的用下去,岂不是庸人自扰么。(呃,突然发现自己语文退化的很快,尤其是成语。)于是找了 DengGoogleBookmarks,GmailManagerandMy-Translator 取而

8 个应该了解的 CSS3 技术

有了 CSS3,网站开发及网站设计都发展到一个更高的层次。在本文中,作者收集了一些惊人的使用 CSS3 技术的例子,如果多数浏览器能兼容 CSS3,那么这些技术很可能会被广泛接受。1.ColoranimateanyshapewithCSS3andaPNG 第一个展示的是一个仅仅使用了 CSS3 技术的有趣的成果:一个可以变换背景的 PNG 图像。背景使用了 CSS3 转变。不是那种可以直接放在网站上的效果,而是展示 CSS

jQuery treeTable 顺序排列,求指点,求帮忙

treeTable 插件有很多,但 jQuerytreeTable 应该算是比较简单的,易用,简洁的一个。功能不强,但是很好扩展。而且当作一个简单的 tree 进行使用。需要注意的是你的 table 需要按照一定的顺序进行排列:儿子必须尾随跟着父亲。例如:树形结构如下:{"c":"data-c","b":{"a":"data-a"}}html 结构中 a 必须尾随 b,不能位于 c 前或 c 后:<table><trid="c"

JavaScript 中的私有成员

看了有 3 遍了吧。收藏起来。原文:http://javascript.crockford.com/private.html 接下来准备看下 http://www.crockford.com/html/DouglasCrockfordwww.crockford.com 翻译:ShiningRay@NirvanaStudioJavaScript 是世界上最被误解的语言。很多人认为它缺乏信息隐藏的特性所以对象不能有