菜单

20款有用的JavaScript和CSS库

2019年4月15日 - 金沙前端

十个有助简化CSS3支出的工具

2011/05/18 · HTML5 ·
CSS3,
HTML5

Web 开垦人员能经过CSS叁为网站设计扩展不少风尚成分,CSS三对CSS规范做了一点都不小的一字不苟。今后,本文将为你介绍1贰款有助于简化CSS3开垦的工具。

1、CSS3Pie

允许在IE上行使CSS三多方的酷炫作用。

2、CSS3 Builder

通过该工具,你能够用类似利用photoshop特效的分界面来统一筹划复杂的CSS3box模型。格外节约时间。

3、CSS3 Drop shadow
generatr

经过滑块成效直观的筹划阴影。只需复制已被活动创造的CSS代码并粘贴到CSS文件中便可。

4、Cascadr

非CSS3特有但却不行实用。允许输入HTML代码并能够侦测该代码中保有的内联CSS,将之从HTML中移除并添加到一个单独的体裁表中。

5、Border Radius.com

时下最流行的CSS三属性之1。有助于飞速创造圆角box模型并拿走适当的CSS叁代码。

6、Button Maker

允许成立美好的开关。使得CSS3开关设计变得至极轻易——只需采集颜色,调整半径,获取代码,粘贴代码至CSS文件就可以。

7、CSS3 Generator

选择便宜,有助于创建最风靡的CSS三属性代码,如 @font-face, BMWX三GBA,
text-shadow,border-radius等代码。

金沙国际,8、Modernizr

用来侦测浏览器是还是不是扶助CSS3,能为要素增添类以此在样式表上对特定浏览器作用拓展固化。例如,当浏览器不协助多元背景时,”no-multiplebgs”就将被增添到成分上。

9、HTML5 & CSS3
Support

想精通IE
8是不是辅助”text-shadow”属性?那就看看那张图纸吧!该图形显示了具备主流浏览器所支撑的CSS3属性,极具实用性。

金沙国际 1
(点击查看大图)

10、CSS3 Gradient Generator

渐变生成器。只需采集颜色、预览颜色,抓取代码并粘贴代码就能够。

11、CSS3 Please

11分有效的可让用户复制并粘贴常见CSS三代码的站点。具有可供现场测试效果的预览区。

12、CSS3 Cheat
Sheet

CSS三 cheat sheets有助于在编码进度中急忙回想性质及其语法。Smashing
Magazine
成立了这几个图片,援救下载与打字与印刷。并且帮忙.gif格式预览。

原文:Jean-Baptiste
Jung    译文:oschina

赞 1 收藏
评论

金沙国际 2

金沙国际 3

14.Timeago

Timeago是二个jQuery插件,能够很轻易地支撑自动更新的歪曲时间戳。你可以丰硕利用你的Web应用程序的页面缓存,因为日子不在服务器计算。

金沙国际 4

在线预览


金沙国际 5

7.Magic Animations

Magic
animations是1个动画片CSS库。它有很多的卡通片类型,使用方便。只需增添样式表到你的网页和集类的名字你的成分。假设您有意思味在CSS动画,你也能够检查 animate.css。

金沙国际 6

在线预览

1。css3generator

卓殊有效的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。
12、CSS3 Cheat
Sheet

Web开发与设计已经升高完毕了新的山上。创立贰个网址并不是那么简单了,因为它应用的是几年前。前几日是时刻成立有魔力的网址,不仅掀起了漫游者的关心也让他俩订婚。别的,和功能的有吸重力的作用丰硕到该网址不应该影响其天性。全数这个供给,必须统一筹划和开荒人士建议了若干挑衅。那正是干吗他们直白在查究的工具,能够使他们的干活更便于和越来越快的由来。

9。CSS
Corners

 

15.Awesomplete

Awesomplete是1个粗略的、轻量级的远非借助部件。暗许意况下,体育场面估算提议列表作为数据属性的千古,但您能够很轻巧地连接受你的后端有二个简练的伸手。

金沙国际 7

在线预览


近年来最盛行的CSS叁属性之1。有助于快捷创设圆角box模型并赢得适当的CSS3代码。
6、Button Maker:

1.Blur

Blur是二个谷歌(Google)浏览器的增加,可以很轻巧跟踪和护卫你的全部个人音信在线。它能够帮忙您耿耿于怀您的密码,生成难以破解的新题材,并联合全体的配备和浏览器登录。

金沙国际 8

在线预览


应用便利,有助于创设最盛行的CSS3属性代码,如 @font-face, 猎豹CS陆GBA,
text-shadow, border-radius等代码。
8、Modernizr:

2.FireShot

Fireshot允许Chrome用户丰富的网页截图,然后 间接上传,打字与印刷或 发送给PS图象处理软件或剪贴板。它还支持流行的格式,如PDF格式的数组,PNG和GIF, 能够 未有毛病脱机工作。

金沙国际 9

在线预览

它兼具一个火速演示和局地决定,执行了有的CSS三的像边界半径,边框阴影和线性渐变属性。只需移动决定,你会看到实时效果。看看生成的代码。

金沙国际 10

JavaScript和CSS的网页设计的2个组成部分。事实上,它找到3个网址今日不接纳那三种设计语言大约是不容许的。因为设计师运用这么些语言的大规模,任何能够为1些意义提供先行写好的代码是老大有效的。那便是体育场地进入画面。他们跌落了亟待编写制定的代码。代码已经写好了,你只要求将其插入。我们列出了部分最令人可疑的JavaScript和CSS库。那个教室会给您抓住人的特征,为你节约大批量的时光。


允许在IE上行使CSS叁多方的炫目成效。
2、CSS3 Builder:

10.Lettering.js

Lettering是一个jQuery插件,让您的风骨的每一封信的力量,在你的文字和线条。最佳的用途是创办印刷CSS3海报每封信独特的造型。文本是一心可选的。

金沙国际 11

在线预览

渐变编辑器拥有类似的Adobe的功能,它能够让你组成的5颜6色外观设计,获取设计透明的CSS渐变多彩
,渐变按键,并加上淡入淡出,半折射率和别的类似的效果。

金沙国际 12

17.Textillate.js

Textillate.js是二个jQuery插件,使用动画片。CSS和JS刻字。 应用醒目动画文本。要动用它,包含插件的JavaScript文件和它凭借于体育场面和始发创立独特的功能。

金沙国际 13

在线预览

它同意创制梯度圆角,使您的布署性看起来很正规。圆角代码支持各类浏览器。只要决定他的大大小小,能够预览他的调换,并获得1个实例的代码。

 
1、CSS3
Pie:

13.Ramjet

Ramjet是三个JavaScript库,那能使您的卡通使1种成分到另三个。它协助GIF图像,那样你就能够创设完善的着六页。你也能够采用2个宽大的效能使调换越发自然。

金沙国际 14

在线预览


金沙国际 15

9.NativeFier

Nativefier是四个指令行实用工具,能够很轻易的Node.js的Web站点创立2个桌面应用程序。应用程序包在三个电子壳包装成一个操作系统的可执行文件(程序,EXE,等)用于Windows,OSX和Linux。

金沙国际 16

在线预览

7。Gradient
Generator

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图