工具和库

作者: 前端知识  发布:2019-10-04

HTML 和 CSS 工具

  • Initializr
    此工具创造一个依照 HTML5 Boilerplate 的可自定义模板。 在 JavaScript 和 jQuery 之间张开精选,决定是或不是要样本内容,并点名宽容性和服务器配置供给。 您将收获多个独具 Boilerplate 重要功效的沙盘,以初始你的花色。

图片 1

  • Layer Styles
    一个特别简单的工具,以直观的主意来制造 CSS ——非常像多个图形编辑器。该工具允许你增添阴影、内阴影、背景、边界和圆角和生成跨浏览器的 CSS 代码。

图片 2

  • Mobile Boilerplate
    三个可见创立丰裕的和高质量的活动 Web 应用程序模板。它能够确定保障各类浏览器的宽容性,不仅能相称各个高档智能机,也能合营旧版的Moto斋藤工、塞班、以及微软的运动平台。

图片 3

  • Vogue
    该工具在颇具浏览器中再次加载页面包车型地铁样式表(并不是 HTML ),以致能够配备为在七个浏览器中还要活动重新加载页面。 该工具不托管您的网址,而是运维您的网址本人的本地服务器。 要使用它,只需安装 NodeJS 和 npm 。

图片 4

  • css-x-fire
    此工具允许从 Firebug CSS 编辑器编辑 IDE 中的 CSS 属性,并允许开辟人士静心于 CSS 样式,而无需刷新浏览器。

图片 5

  • Ffffallback
    三个得以让您测验差异字体栈以找到最棒结果的书签。它扫描页面包车型大巴 CSS 并成立七个克隆页面,您能够在里面测量试验和剖判不一致的 fallback 字体。

图片 6

  • CodeKit for Mac OS X
    Code基特能够帮衬你更加快越来越好地营造网址。每一遍保存时,都会活动编写翻译一切:Process Less、Sass、Stylus、Jade、Haml、Slim、CoffeeScript、Javascript 和 Compass 文件。轻易设置每个语言的选项。

图片 7

  • Less-Boilerplate
    以 Less 格局编写的 Boilerplate CSS,包罗 CSS 重新设置、CSS3 协理器,大旨列块等等。

图片 8

  • Needle v0.1a1
    Needle 是二个有益的工具,您能够因此截取网址的部分内容并与其余显示器截图举办比较来测验CSS 是还是不是准确展现。它还提供测量检验总计 CSS 值和 HTML 元素地方的工具。

图片 9

  • Spritemapper
    该应用程序将三个图像合併为一个,并为相应的切块生成 CSS 定位; 通过压缩图像的数量和越来越好地动用三番五次,CSS spritemapping 能够减小你的网址的加载时间。

图片 10

  • Normalize.css
    Normalize.css 对 CSS 重新恢复设置选取了略微分歧的主意。Jonathan Neal 和 Nicolas Gallagher并从未清除全体的浏览器默许值,而是花时间研商不一样的浏览器如何处理差别的代码段,然后保留那多少个有用的私下认可值。它节省了您作为设计员的时间,同有的时候候也提供一样的结果。

图片 11

  • Zen Coding
    Zen Coding 是二个高效编码和编排的编辑器插件。那些插件的中央是二个强硬的缩写引擎,它同意你将表明式(类似于 CSS 选取器)扩充为 HTML 代码。

图片 12

  • CSS Stress Testing and Performance Profiling
    Andy Edinborough 大概能在具备浏览器中运作它所谓的“ CSS 压力测验”代码。

图片 13

  • PCSS
    二个 PHP 驱动的 CSS 预管理器,可以协理您以越来越少的代码释放 CSS3 的职能,如类嵌套、服务器端浏览器细节、私下认可单位和变量。该工具需求PHP5。

图片 14

那个令人惊叹的 HTML、CSS、JavaScript 工具和库

2017/05/09 · 基本功本领 · 工具, 库

原作出处: oschina   

前端开垦很奇怪: 它入门很粗大略,然则想要成为大腕却很难。有太多的作业要求思量,随地都有须求微调的地点,太多的内幕管理才干保证让总体都碰巧好。幸运的是,开荒者和设计员一贯从事于为我们提供实用的工具和能源,来坚实大家的手艺、让大家做的越来越好。

故此明天笔者访谈一多级省时的、有用的 HTML、CSS 和 JavaScript 财富给大家。小编期待这一个工具将救助您升高等专科高校业手艺以及专业流程。

JavaScript 工具

  • Modernizr 2
    Modernizr 是一个大面积应用的开源 JavaScript 库,可以扶持你创设 HTML5 和 CSS3-powered 的网址。以往得以将作用检验与媒体询问和标准化能源加载相结合,那为您提供了在各个景况下举办优化的力量和灵活性。

图片 15

  • FitText
    FitText 是用来响应和流畅布局的 jQuery 插件,能够调节显示文本的高低以适应父成分。它也是四个很好的消除方案,用于创造从Mini移动器械到30英寸桌面显示屏,全数内容都能很好彰显的标题。

图片 16

  • jQuery Waypoints
    Waypoint 是四个Mini jQuery 插件,能够在你滚动到零部件时轻便实践有个别意义。

图片 17

  • ligature-js
    该 Java 脚本同意你通过浏览网页上的文件并在适度的地点插入连字,将文件形式转换为通用的印刷排版连字。

图片 18

  • StronglyTyped
    二个 JS 库,允许你钦点各连串型(布尔值、数字、字符串等)和常量( Java 中的最后属性)的强类型属性。 它选取 ES5 getter 和 setter,并在不扶助的浏览器中平复为常规、松散类型的本性。

图片 19

  • Kaffeine
    JavaScript 语法的恢宏,试图使其越来越好用。与 JavaScript 特别类似,代码能够直接编写翻译成JavaScript。

图片 20

  • Crossroads.js
    贰个灵感源于 UOdysseyL Route / Dispatch 实用程序的 JS 路由库,它们存在于像 Rails、Pyramid、Django、CakePHP、CodeIgniter 等框架上。它深入分析叁个字符串输入,并因而将字符串与八个形式相称来调整试行哪个操作。

图片 21

  • HEAD.js
    一个剧本,能够加速、简化和今世化您的网址 – 简明扼要的化解广大难题。 您能够加载脚本,如图像,以及安全地使用 HTML5 和 CSS3 。

图片 22

  • The JavaScript Grid
    基于 JavaScript 的遮掩网格——只需将代码片拖动到书签栏中,张开你的 U昂CoraL 并单击书签。

图片 23

  • Grid Calculator
    贰个足以扶助你轻易创立自个儿的网格并将其下载到 Adobe Illustrator 或 Photoshop 的总括器。

图片 24

  • Griddle.it
    一种深透轻易的诀窍来支援你调度布局。全体你所急需做的是将尺寸放在提供的 U本田CR-VL 之后,使二个背景引导图片能够在你的浏览器上行事。网格是动态成立的,所以任何组合都能源办公室事。

图片 25

1 赞 2 收藏 评论

图片 26

本文由金沙澳门官网发布于前端知识,转载请注明出处:工具和库

关键词: 金沙澳门官网

上一篇:工具及其使用时机,库和工具
下一篇:没有了