开源项目 Ting 一个用 Semantic-UI 写的音乐社交网站

paul_king · December 31, 2014 · Last by flyweights replied at January 06, 2020 · 7602 hits

在线预览:http://tinger.herokuapp.com 源码:https://github.com/Aufree/ting

明天就 2015 了,这一年也学到了不少东西,仔细想想一年前的现在,我才刚刚开始学习 HTML 和 CSS, 直至今年 3 月才慢慢开始接触 Ruby on Rails, 感谢 @summer_charlie 当初的推荐,现在想想那时的选择是多么的正确,在过去的这一年 Rails 带给我很多 web 相关的知识,让我能够在这个领域快速成长,同时我也希望明年能够学到更多东西。

开发期间经常带上耳机听着音乐,打着代码,想找到那种所谓的音乐的感觉,并将其融入到代码中,然后,我统计了一下,发现我在豆瓣 FM 上面总共听了 2689 首歌,虾米音乐累积收听 1279 首歌曲...

Screen Shots

1 月 2 号当天该项目上了 NEXT 的每日榜单 ✨

太赞了,很喜欢

啊,我的荣幸,我的荣幸。UI 很不错。

哇,界面很漂亮

很喜欢,已赞,可能是因为放在 herokuapp 的原因,有时候会有点卡壳

Fantastic! Love it.

正在听 池田綾子!😄

#7 楼 @reyesyang 😄 她的声线超赞的!

#6 楼 @paul_king 我现在和几个朋友在弄一个音乐推荐平台,最近开始做了几期 podcast,一直想搭个这样的音乐博客,一直没时间,现在觉得你这个真心不错,直接 fork 你的了,呵呵

#9 楼 @ikunsam 欢迎使用,不过目前自动播放下一曲的功能还有缺陷,打算找个时间修复,这点需要注意哦。

界面超级漂亮,大赞

看见这 UI,我就决定 fork 了,非常漂亮。

大赞,很漂亮

很赞啊 不登陆不能控制音乐播放啊?

#20 楼 @kewin 可以的啊,有可能你是打开有 SSL 的那个网站吧,那样的话取 API 的时候是成功不了的,因为 API 那边没用 SSL, 把 https 换成 http 访问应该就可以了。

可以介绍下怎么做 ui 设计的?

#22 楼 @cqcn1991 这我真没学过...

#23 楼 @paul_king 汗…那就随手设计一下就这样了?

#24 楼 @cqcn1991 也不算随手设计吧,dribbble 给了我挺多灵感的。

UI 很漂亮呀,下载源码学习学习,thx

没用过这个 Semantic-UI,这个用起来有什么优势吗?比如和 bootstrap 比起来?

#28 楼 @steven_yue 听说是 bootstrap 和 Foundation 的集合,,,,,,不过这货是版本帝,,,,

#28 楼 @steven_yue 它敢叫 UI,就已经说明了 semantic 的库有多重…也正因为它是朝着 UI 的库方向发展的,所以它里面组件的 Javascript API 就很完善,相比 bootstrap 和 foundation,多了很多现成的 Elements,比如十分好用的 list 啊、feed 啊、rating 什么的…然后本身脱胎于某个电商网站,所以默认样式就已经很好看啦。大量使用 transition 等 css 新的特性,所有字体大小和很多 padding、margin 都适用 rem 作为单位,所以自定义起来也很便捷,但同时也存在极其严重的低版本浏览器兼容性问题

列表滑动不是很流畅

@paul_king 刚看了代码,比较好奇的是 这个的实现 http://inmusic.sinaapp.com/xiami_api/, 虾米官方?自己解析的?

真不错,UI 做得很漂亮啊!

hi, @paul_king 注册页面那个下雨的效果是怎么弄出来的啊

怎么下下来看不到 html 文件呢

容许我点一下赞😁

You need to Sign in before reply, if you don't have an account, please Sign up first.