酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器

2015/12/02 12218

music-for-programming-google-fonts-1

编者按:今天的酷站两连发,一个是专为工程师打造的极客风音乐网站,用音乐帮你集中精神,高效工作,设计师当然也适用。第二个是可以快速搜索Google Fonts,在线实时预览效果,快速产生字体代码的FontCDN,都非常实用,马住!

Music for Programming 号称是为工程师设计的音乐频道,网站走极客(Geek)风,采用固定宽度字体,让网站看起来像在浏览终端机。网站一共收录 36 张音乐专辑,每张专辑长度大约在一小时左右,使用者只需打开网站、按下 Play 播放即可收听。

网站有许多不同风格的音乐,根据说明,这些音乐有助于在写程序时营造出更专心、更有效率的工作环境,当然你也可以在任何工作中尽情使用,而不仅限于程序设计(例如我在写这篇文章时也正在听 Music for Programming)。随意听了几张作品,风格类似于 Interstellar 电影中那种虚幻且带有点神秘感的音乐,我很喜欢。

如果你想把它带着走,可免费下载这些 Mp3 音乐,将它保存于你的手机或播放器。

Musicforprogramming

STEP 1

开启 Music for Programming 网站后,可以看到上方有网站介绍,在 Episodes 收录 36 种不同的音乐专辑。任意点选其中一张专辑名称后,右侧会显示详细曲目以及控制钮。

Music-for-Programming2015-11-29_1147

点选右侧的「PLAY」就能开始播放音乐。此外,专辑底下也会列出 Mp3 下载链结,如果你喜爱某张作品,可以免费将它下载、保存到计算机中。利用控制钮,也能暂停播放、停止或快转。

Music-for-Programming2015-11-29_1148

值得一试的三个理由:

  1. 收录 36 张不同音乐专辑,每张长度约为一小时左右
  2. 专为工作(特别是写程序)设计的音乐,更适合专心、提高工作效率
  3. 无须登入或安装软件,还能免费下载 Mp3 格式音乐

Fontcdn

对于网页开发者来说,Google Fonts 提供了一系列相当丰富的网页字型资源,让我们可以免费使用数百种字体,藉此让网页更加美观,提升整体易读性。但如果经常使用 Google Fonts 的话,会发现它的网站界面其实不好操作,于是国外有使用者重新改造,推出一个便于操作的替代方案。

若你是 Google Fonts 的爱好者,或者工作上经常用到,但又希望有个更快、更简单的方式来搜寻和选择需要的字型,FontCDN 为此而生!透过 FontCDN 你可以快速搜寻超过 700 种以上的网页字型组合,实时获取任何字型的 HTML 及 CSS 程序代码。

开发者 Thomas Park 表示,FontCDN 与 Google Fonts 设计的用途走向完全不同,不做为深入探讨字型或比较字型差异,FontCDN 目标是让开发者快速取得自己需要的字型,套用到自己在开发的项目上。

若你正在寻找 Google Fonts 替代方案(或者说,一个更好使用 Google Fonts 的方式),那么这个服务或许适合你。

STEP 1

开启 FontCDN 网站后,从左侧工具栏来进行相关搜寻或筛选。你可以找任何特定种类的字型,或者建议用于内文、标题的字型集,以热门度、名称、日期来进行排列。

FontCDN2015-11-30_1054

此外,还能切换不同的预览模式(或自己输入要预览的文字),调整字号,FontCDN 让你在在线快速预览这些网页字型。当然这些字型都来自 Google Fonts,可免费套用到自己的开发项目或网页设计。

FontCDN2015-11-30_1050

STEP 2

点选任一字型后,会开启一个选择加载样式的画面,选取要使用的字型样式(例如 Light、Normal、Bold 等等),依据不同字型也会有不一样的样式设计,建议不要选择太多,可能会影响加载速度。

选好后,FontCDN 就会在上方产生 Google Fonts 的程序代码,例如以连结方式来加载 CSS、或是透过 @import 来加载字型,最底下也会有套用到 font-family 的范例。

FontCDN2015-11-30_1050-1

就这样,没有下一步了,是不是比 Google Fonts 的接口还要简单不少呢?

值得一试的三个理由:

  1. 替代 Google Fonts 原始接口,让选择及预览网页字型更简单
  2. 可筛选字型分类、样式,在线实时预览字型效果
  3. 快速产生网页字型程序代码

【优设十一月人气神器酷站合集】

免费图库站!
《超过3亿张!可以按颜色查找的免费高质量图库》

纹理背景素材站两连发!
《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

专业摄影师创建的图库网站!
《图库界的APPLE!专业摄影师创建的高质量免费图库站》

原文地址:free.com.tw

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量106万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/music-for-programming-google-fonts

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里