十个帮助你解决CSS问题的网站

时间:2024-03-26 10:24:07

下面是十个可以使得你的CSS更加有趣,简单并且也许可以解决多数你所遇到的CSS问题的网站。

1. 像素的艺术

十个帮助你解决CSS问题的网站

 

你可能也喜欢使用像素艺术来制作你的网页。我可以说你们90%都是把像素艺术加入到png文件,但是如果怎么把它转变成CSS呢?这就是Pixel Art to CSS这个网站存在的意义了,他可以帮你把画的像素艺术转变成CSS。

Pixel Art to CSS

2. 梯度

十个帮助你解决CSS问题的网站

 

CSS 梯度看起来很棒,但是它也非常难用。你必须找到正确的颜色,并且是很多行的颜色。还有很多兼容性的问题,因此你需要些很多CSS代码。针对这些问题,现在有一个网站称之为CSS Gradient。他可以帮你解决视觉颜色选择器和兼容性的问题。CSS Gradient还有一些其他的工具,比如

Gradient Backgrounds 和 Color Shades.

CSS Gradient

3. 兼容性

 

十个帮助你解决CSS问题的网站

有很多CSS的标签不支持旧版本的浏览器或者新引入的浏览器。你必须看很多网页来决定是否主流的浏览器支持你所写的标签。现在有了CanIUse这个网站之后,你再也不用担心这个问题了。CanIUse这个网站会告诉你那个浏览器支持哪个标签。在News这个部分会告诉你这些浏览器支持的最新的标签。

CanIUse

4. 备忘单

十个帮助你解决CSS问题的网站

 

也许你和我差不多,会经常忘了CSS标签。所以你也许已经下载过一个或多个CSS的备忘单。假如你搜索备忘单,会发现有上百个CSS备忘单。但是你会发现这其中最好的其实是Devhints。他是一个关于CSS,HTML,Python以及更多语言的备忘单。

Devhints

5. 调色板

十个帮助你解决CSS问题的网站

你是否发现找到一个符合你的项目的颜色是非常难的。所以你需要寻找一些线上的调色板,而这其中,我发现最好的就是Color Hunt,他非常易用,并且你可以把调色板简化为New,Trendy和Random

他是最简单的调色板选择器。

Color Hunt

6. 统一码

十个帮助你解决CSS问题的网站

 

你不可能记住这成千上万个统一码。为了解决这个问题,你可以使用Unicode Table。在Unicode Table中,有一个功能就是帮你找到符合的表情和统一码。当然你也可以发现一个很奇怪的统一码(比如这个□)

Unicode Table

7. CSS验证器

 

十个帮助你解决CSS问题的网站

你怎么才能知道,你在使用正确的CSS格式。你可以使用W3C CSS Validator来解决这个问题。W3C CSS Validator服务是由W3C创建的帮助网页开发者和设计者检查CSS的。

CSS Validator

8. 旧版本浏览器的支持

十个帮助你解决CSS问题的网站

你希望你的网页可以被大部分旧的和新的浏览器访问吗?那么Autoprefixer可以帮助你解决这个问题。他解析了你的CSS并使用从CanIUse中的值把供应商前缀加入到了CSS规则中。他是Google推荐的,并且被Twitter和淘宝使用。

Autoprefixer CSS online

9. 其他很好的工具

十个帮助你解决CSS问题的网站

Bennett Feely开发了一个很棒的网站可以帮忙到新手和专家。这些网站中我比较喜欢的是可以生产圆锥曲线饼图的SS Pie Chart以及制作CSS剪辑路径的Clippy,使用混合模式获得复杂图形效果的Image Effect wit CSS和CSS渐变的 CSS Gradients

Bennettfeely

10. 你可以在留言中建议的,我可以把它写成第10个甚至第20个。

十个帮助你解决CSS问题的网站

更多原创,敬请关注微信公众号,每日更新业界最新资讯:

十个帮助你解决CSS问题的网站