工具记录 [部分摘抄 , 持续更新记录中]

css工具记录 ----------------------------------------------------------------------------------------------------------------------

Transition Generator    css的过渡工具对过渡方式 , 过渡时间 ,过渡延迟等进行设置.

Transfonter 是css在转换字体时使用的工具,这样你就可以在web上使用它们。它支持许多不同的格式,比如TTF、EOT、WOFF、WOFF2和SVG。

Flip Switch Generator 每隔一段时间,你可能需要为正在构建的新应用程序实现一个翻转开关。你可以使用此工具为你生成代码,而不必一遍又一遍地重复劳动。

Flexbox.help 是一个很好的工具,当你需要帮助的时候,你可以利用Flexbox.help。如果你是flexboxes的新手,这是一个很好的工具,使用这个工具你可以尝试使用所有可用的flex选项,CSS会根据你选择的选项为你生成,所以你不需要自己输入所有的代码。

SASS to CSS 使用此工具,你可以将SASS代码转换回CSS,当你需要使所编写的SASS代码准备好在web上使用时,这可能很有用。

Pure CSS Image Effects      CSS Filter 属性提供了在元素显示之前对元素的渲染效果的访问,如模糊或颜色偏移。该工具允许您试验filter属性所提供的所有可能性。

Generating Color Schemes  有时候,当你需要为某个设计或网站寻找最佳色彩时,你会缺乏灵感。当你没有灵感的时候,你应该使用这个工具。这是一个非常优雅和易于使用的工具,为你提供了最好的配色方案。

style Guide Generator 当你在一个多人前端团队中工作时,都非常欢迎使用此工具。它使你可以生成样式指南,因此不会对如何设置某些元素的样式产生误解。

Darken or Lighten a Certain Color   可以让你调暗或调亮任何颜色。有很多情况下,你有一个颜色,然后你想要一个只是有点深或浅的颜色,例如,在为按钮寻找背景颜色时。

原文地址:https://www.cnblogs.com/zxli/p/15251647.html