Hi,我是优设小编

cyRotel

浏览全部 4425 篇文章

到我的微博瞧瞧

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

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