利用Bootstrap的可视化工具制作网页
Bootstrap简介: Bootstrap 是一套用于开发网页应用,符合 HTML 和 CSS 简洁但优美规范的库。Bootstrap 的 CSS 框架由动态 CSS 语言 Less 写成,在很多方面类似 Blueprint。 经过 Node.js 编译后,Bootstrap 就是众多 CSS 的合集。Mark Otto 在 Twitter 开…
16个帮助你高效测试响应式设计界面的工具
响应式的设计现在越来越受设计师推崇,面对这越来越多的响应式设计页面,我们需要找到高效的测试工具来验证设计的合理和正确,在今天这篇文章中,我们将介绍16款帮助你在线测试响应式页面设计的工具,希望大家喜欢! Responsinator Responsinator提供了大…
前端开发常用的Notepad++插件下载和介绍
Notepad++从3.4版本开始支持插件机制,让用户可选择的为本身已经优秀的Notepad++添加更多强大的功能。下面是20款Notepad++插件的介绍和下载地址。 20款Notepad++插件 Insertion 这是一个主要用于演示的插件,适合初次开发者用于实例学习。它的功能是插入…
2012年排名前20位的CSS网站作品
2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成…
Fiddler 使用教程
阅读目录 Fiddler的基本介绍 Fiddler的工作原理 同类的其它工具 Fiddler如何捕获Firefox的会话 Fiddler如何捕获HTTPS会话 Fiddler的基本界面 Fiddler的统计视图 QuickExec命令行的使用 Fiddler中设置断点修改Request Fiddler中设置断点修改Response Fiddl…
“瀑布流”不是万金油!
在这个以“快速跟进”为发展宗旨的时代,当Pinterest以“瀑布流”的网站布局亮瞎了用户眼球之后,这种布局方式就彻底泛滥了,到处都是尼玛的瀑布流!管你是新创建的还是重新设计的网站,都以Pinterest唯马首是瞻,不带点瀑布范儿都不好意思见人。可是,别人的…
推荐20款超棒的javascript提示条(tooltips)类库
大家在网站开发和设计过程中,往往需要提示用户某些功能或者相关消息,而HTML自带的title属性又往往不够强大,经常需要我们自己去开发相关的工具提示条功能。为了帮助大家更好的开发相关的工具提示条功能,这里我们收集了一套超棒的javascript和javascrip…
Bootstrap简易使用指南
看完使用手册后所作的笔记,可以当做简易使用指南使用。 1.框架 1.1全局样式 使用HTML5的doctype,scaffolding.less中定义全局样式,从2开始使用normalize.css,并使用reset.less进行简化 1.2默认栅格系统 940px宽12列栅格,使用row与span[NUM]的class来…
Firebug扩展:改变命令行当前窗口
当我们调试一些框架结构的页面时,也许需要不停的在浏览器命令行(终端)中切换执行命令所作用的窗口. Chrome中提供了一个下拉框,可你让你很方便的选择每个窗口.虽然也有一些缺点,但总之是很方便的. 其实在Firebug下,也有同样的功能.只不过是通过cd(window)…
向前端开发人员推荐12款优秀的Twitter Bootstrap组件和工具
Bootstrap 是基于 HTML,CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档,Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效…
Twitter Bootstrap 中文教程/中文文档/中文手册/
Bootstrap 是基于 HTML,CSS,JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。 Bootstrap 有非常完备和详尽的使用帮助文档,热心的 @TV来客开发者 翻译成了中文,讨厌英文的朋友有福了。…
滚动视差网站工具
滚动视差绝对是今年最炫的设计风格,也是最近的设计趋势,现在整理几个比较不错的开源滚动视差项目,它们大都托管在github上,大家可以用在自己的项目中,当然,从中获取灵感自己开发会更好~~ Scrollorama curtain.js jQuery-Parallax stellar.js jpa…
绝对令人的惊叹的CSS3折叠效果
折纸效果是最近触摸屏幕最流行的一个3D效果,工作原理很简单,只需要轻轻触摸屏幕,它就会直接影响到即将显示出来的内容。这种独特的显示方式绝对可以让用户们眼前一亮! 今天我们带来了更多关于折叠特效的资源,可以帮助你方便的实现这些折叠效果。 注意…
国内优秀前端开发Javascript框架库列表
此列表会一直更新、维护下去,以帮助大家了解、推动国内Web前端技术框架的发展, Arale – https://csswang.com/3632-2/ NJF – https://csswang.com/tag_%e8%8b%b9%e6%9e%9c%e5%ad%97%e4%bd%93/ Como(盛大) – https://www.comsome.com EdoJs – https://csswang.com/ DWZ – https://j-ui.com/ JX(腾…
提高效率的小工具GuideGuide
提高效率的小工具GuideGuide 今天为大家介绍一款非常实用的PS小插件GuideGuide,它提供了一个非常便捷的方式生成像素级别的辅助线(栏,行,中线……) 想像一下在PS里面创建好一组多栏目的辅助线:页面多宽,分2栏目还是3栏,分栏里面又有多少个分栏……数学…