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

paul_king · 2014年12月31日 · 最后由 flyweights 回复于 2020年01月06日 · 7422 次阅读

在线预览: 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 文件呢

容许我点一下赞😁

需要 登录 后方可回复, 如果你还没有账号请 注册新账号