过早客
  • 首页
  • 节点
  • 成员
  • 广告投放
  • 登录
  • 注册

我和小伙伴开发的 Semantic-UI 主题和模版,搭建网站可用

IT技术 • du_bing • 发表于 8 年前 • 最后回复来自 du_bing • 8 年前

如果做网站的话,你可能听说过 Bootstrap,这是 GitHub 上 Star 数量最多的项目,虽然感觉有点怪怪的。。。

你用过 Bootstrap 的话,对于页面元素类的定义肯定有一个基本概念了,Semantic-UI 是一个语义化的前端组件框架,提供了50多种不同的页面元素,现在也有 3 万多 Star 了,关注度挺高,主要是它非常非常好用,具体可见: https://semantic-ui.com

一个例子:
<div class="ui big blue button">Submit</div>
这是一个蓝色的大按钮

我和小伙伴非常喜欢用这个 Semantic-UI,所以花了几个月时间做了一些主题和模版,主题可以用来变换网站风格,模版可以拿来搭建网页基础结构。

网站: http://semantic-ui-forest.com/
Blog 说明: http://semantic-ui-forest.com/posts/2017-04-05-introducing-semantic-ui-forest/

之后还会继续更新,欢迎小伙伴们在 GitHub 上提 issue 和 pull request:
https://github.com/semantic-ui-forest/semantic-ui-forest

加入收藏 新浪微博 分享到微信 ❤赞 5220 次点击 3 人赞 3 人收藏

打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮

共收到11条回复
lee 8 年前 #1 赞 0

赞,收藏了!

du_bing 楼主 8 年前 #2 赞 0

@lee 哈哈,用上就好,用 Semantic-UI 做网站,真是大大简化了 CSS,HTML,JavaScript 的调试过程,而且做出来的页面漂亮,有现代感,不会感觉过时,很适合中小型网站。

yongble 8 年前 #3 赞 0

谢谢楼主贡献,研究一下。

du_bing 楼主 8 年前 #4 赞 0

@yongble 好的,enjoy

vainl 8 年前 #5 赞 0

感觉和这个有点类似 =》 http://bootswatch.com/

du_bing 楼主 8 年前 #6 赞 0

@vainl 对,就是移植这个 Bootswatch 的 Bootstrap 主题,网站上的主题和模版都分成 Bootswath 和 Semantic-UI 两类。Bootwatch 提供免费的主题,它的主页右上角有一个 WrapBootstrap,是一个主题模版商城。因为 Bootstrap 的生态现在很好了,所以我们想为 Semantic-UI 社区做点贡献,当然,也是自己能有一些这方面的积累。

cuzfinal 8 年前 #7 赞 0

可以可以,很漂亮,很扁平。

ccgshigao 8 年前 #8 赞 0

很赞

thinkPM 8 年前 #9 赞 0

很赞

du_bing 楼主 8 年前 #10 赞 0

@ccgshigao, @thinkPM, thanks

du_bing 楼主 8 年前 #11 赞 0

https://news.ycombinator.com/item?id=14075720

今天 Semantic-UI 上了 Hacker News 首页第一条,已经持续 4 个小时了,下面有人说“纳尼? 32000 star!我竟然没听说过,怎么可能?”

哈哈,借机顶一下,感兴趣的可关注。

22:00 更新:
Semantic-UI 呆在 HN 首页第一条 将近 10 个小时了,这真是个奇迹,看来它已经迎来了一个关注度的拐点,之前一直挺低调,这次的曝光度估计一下能增加15%的用户。

请绑定手机号后,再发言,点击此处
Guozaoke.com—源自武汉的高端交流分享社区
相关主题
iOS 过早客没有数据,大佬们求教!
GPT-5
寻有K12教育行业软件开发经验的同学合作
你们都用哪些AI工具,求分享下~
过早客flutter版来了
亲测,鸿蒙开发奖励到手了
感觉gemini已经是一骑绝尘
分享一个拥有很多好看壁纸的插件
作为后端开发工程师,你们有中途转向机器学习/深度学习的吗?
写了个过早客的暗色插件,个人感觉很好用嘿嘿

过早客微信公众号:guozaoke • 过早客新浪微博:@过早客 • 广告投放合作微信:fullygroup50 鄂ICP备2021016276号-2 • 鄂公网安备42018502001446号