实用CSS网站分享

Max没事的时候喜欢翻一翻前端的网站,这阵子找到几个不错的CSS网站分享给大家。

brand-colors

BrandColors:世界知名颜色收集网是一个收录了世界最知名的品牌、企业公司、知名网站的颜色的色码。
网址链接:http://brand-colors.com/

BrandColors

对于设计师来说最值得参考的就是最著名的设计品牌颜色 了,一般在LOGO使用规范中,都会对颜色,书写字样活留白等细节有详细的说明,其中最被使用者熟悉的就是标准色了,所有品牌都会有其最常使用的颜色,而这些颜色通常会被十一on跟着记在脑海里,例如Facebook的蓝色、Spotify的绿色,Youtube的红色等等,但是大家都知道这些颜色,却很难准确的说出他的色值,这些色值哪里找?就在BrandColors。

WAIT! Animate

WAIT! Animate:在线提供css3中各种实用的动画效果代码,选择你想要的效果复制代码立马能用~
网址链接:http://waitanimate.wstone.io/#!/#%2F

WAIT! Animate

CSS Spinners

CSS Spinners:在线提供纯css写的页面加载效果,让等待时间不再空白,各种炫酷的CSS加载效果等你来发现!点击想要的效果,会弹出相应代码,复制粘贴即可带走。
网址链接:https://boguz.github.io/Spinners/

CSS Spinners

Bulma

Bulma:网页样式需要大量时间开发,最省事的方法就是使用 CSS 框架,Bootstrap是最著名的 CSS 框架,而Bulma比Bootstrap更轻量化、更易用。
网址链接:https://bulma.io/

Bulma

Bulma 框架最大的特点,就是简单好用。所有样式都基于class,只需为 HTML 元素指定class,样式立刻生效。
Bulma 是一个手机优先的框架,提供五个宽度断点,具有良好的自适应特性,可以随心所欲为不同设备设置不同样式。

mobile:小于等于768px
tablet:大于等于769px
desktop:大于等于1024px
widescreen:大于等于1216px
fullhd:大于等于1408px

最近在开发小程序,等做完了我会整理一下内容分享出来~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,923评论 18 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,229评论 4 61
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 在这个快节奏的时代里,我们喜欢追求慢节奏的生活;在这个360行,行行出状元的年代里,我们四处寻找属于我们自己的位置...
    LITTLECOCOA_阅读 974评论 0 15
  • 九月,中秋近了,窗台上那一芽幽兰,终究是谢了,只能在心中默默收获,下一次花开的欢场,所幸还会有绽放的时节。 红颜弹...
    橘未枳阅读 472评论 0 0