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栏,分栏里面又有多少个分栏……数学…
网页设计中的21个漂亮的纹理和图案
纹理和图案的使用是一个有效的和相对简单的方法来添加一个网页设计的趣味。出于这个原因,它依旧是一个流行的趋势,很高兴总是看到其他设计师很好的应用这个趋势。从细纹的纹理,到整个纹理背景,我们已经搜集了一些漂亮的纹理和团的使用的例子给大家。享…
20个与众不同的网页联系表单设计
网站是企业宣传和展示其产品的一个非常好的媒介,同时也是收集用户建议和评价的最佳途径。作为网站最重要的组成部分之一,联系表单是用户反馈信息的重要窗口。联系表单的设计应该具有创意性,能够吸引用户的注意力,还要让用户能够简单快速的提交信息。在…
给前端开发者准备的10款在线HTML5工具
如果您有没有听说过,HTML5是席卷网站!目前正在增强,由专家向我们提供真棒新的革命的网页功能的Web设计师和开发人员!HTML5的背景资料对于那些你谁是新的到HTML5的,这里是一些快速的背景资料,让你加快速度。 HTML5是新的语言呈现在互联网上的内容(在…
Windows 8 Metro UI 风格网站所需要的资源集合
这些资源包含:模板,框架,jQuery插件,图标集等。帮助你快速开发Windows 8 Metro UI风格的网站。 Frameworks & Templates For Metro-Styled Websites Metro UI CSS Metro UI CSS是一个漂亮,完整的框架,用于构建Metro风格网站。 它有杉LESS创建并…
扩展Twitter Bootstrap的JavaScript插件
Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架,集合CSS和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局、网格、表格、按钮、表单、导航、提示等等。使用Bootstrap可以构建出非常优雅的前…
推荐-优秀的前端开发辅助工具
优秀的工具,总有一个适合你的,可以使你的开发工作事半功倍,帮助你创建出高品质的Web应用。 本文整理了16款重要的Web开发工具,涵盖CSS、JavaScript、图像优化和其他方面的Web开发工作,希望对你的开发工作能有所帮助。 一、CSS工具 1. Simpless 这是一…
jquery瀑布流布局插件(自适应宽度)
一个实现瀑布流自适应宽度布局的jQuery插件&https://csswang.com/8212;jquery.wookmark.js , wookmark使用非常简单到只需要一句代码就能实现,除此之外,当页面宽度发生变化的时候,它还能自适应页面宽度,非常有诚意。 查看更多瀑布流插件:https://www.csswang.com/resourc…