每周GitHub摘要＃53

• Oncebot / pushbar.js微型javascript插件，用于在网络应用中创建滑动抽屉

像是螺丝的菜单栏是在许多网站上都能看到的设计，用JavaScript实现方式相当多，更甚者Codepen上还有过多纯CSS实作的范例，而是年头面试前端就目前看来很少人会刻意刁难你的CSS技巧，因此功能面而言还是可以去用JS。pushbar.js不出一百行，透过在classList上的操作开与关，算是很好的临摹小专案，除此之外还有一个长得很像的popbox.js同样值得参考。

Terminal —已经是iTerm的形状了呢

• mixn / carbon-now-cli🎨代码的精美图片-从终端内部开始

一直以来都有Follow WGD的读者应该对这个专案很眼熟，在第四期就已经介绍过carbon的用途，提供一个Web介面，贴入程式码，选择主题转换，输出后就是一张漂亮的图片，今天就来看看它在CLI的上一个版本：

全域安装一下：

  $ npm i -g carbon-now-cli 

看下README吧：

 代码的精美图片-从终端内部直接显示。 
  $ carbon-now 选项 
  -s，--start 的起始行 
  -e，--end 的结尾行 
  -i，--interactive交互式模式 
  -l，--location图像保存位置，默认值：cwd 
  -o，--open在浏览器中打开而不是保存 
  -p，-preset使用保存的预设 
  -h，--headless仅使用非实验性的操纵up功能 

看到那个i估计是可以互动的，在输入指定的程式码档案名称之后加上这个参数，就会有问询者跑出来了：

直接有一个更直接的方法，我们一样拿其中一段程序码做为输出看看：

好吧老实说有点过度包装了XＤ，因为它其实后来还是用了puppeteer去模拟浏览器的行为，本质上跟在Web上使用大同小异，而其中在做细微调整的体验其实更胜前者。

有用的OSS —好用的开源软体

• pomber / code-surfer React组件，用于滚动，缩放和突出显示代码

通常在学习技术的时候，如果该东西很新，想要自己办社交推广，制作浅显易懂好上手的简报几乎不可或缺，但简报的呈现方式也是极为，有的人喜欢把画面填满得满满满，怕自己准备时间不够的或许也可以尝试看看高桥流，不过如果有程式码需要讲解的部分，很多简报的形式可能都不够合适。code-surfer是从mdx-deck打包变成的React Component，支持滚动，放大/缩小以及程序代码语法突出显示，其诉求就是突出互动，比起文字，直接看程序代码或许更胜过过千言万语。

开发人员—开发者们

• joshwcomeau（Joshua Comeau）·GitHub

上一期redux-vcr的作者，react-flip-move也是出自于他的repo，近期的作品还有guppy，一个制作成GUI介面，方便您视觉化管理任务运行者的工具。值得一提的是Khan Academy，这个试图转向教育的组织所释出的教学影片质量都不错，台湾也有均一以类似的方式推广，Khan的开源专案也不输FLAG呀！

技术文章—你都去哪看技术文啊城武

• 开源工场—开源

开源工场也是近期在推友的动态上发现的，惊觉自己做的的周刊-GitHub-Digest有点像呀，只不过开源工场的内容取向更广，细项上还有一部分日报，周报，百科全书，还有一些直接以开发者为主题做为侧写的媛宝和猿帅。读了一些内容下来，日报可能囿于时间压力，大多是替换描述该专案的主要功能，其余的九成篇幅几乎以该专案的README主要是，所以偶有中英夹杂的怪异感，不过周报的话就充实多了，蛮像同样每周出刊的码天狗。

您需要一些音乐和一瓶干马提尼酒-你一定要把气氛搞得这么销魂吗

• 椎名林檎—长く短い祭り耳コピ

钢琴会被钢琴乐器之王的几个原因，典型的多音乐器，善于制造和声，一个人两只手，十根手指头，两人合作则是进阶的四手联弹，变化既全面且无穷，不过会弹钢琴意味着会弹即兴吗？这两者之间的等号是未必成立的，而人们经常对那些擅于演演即兴编曲的乐手更加着迷，程度吗，大概就像吴亦凡是日本的一位YouTuber，好吧其实也不是那种会替代日更的典型，没什么废话，几乎画面一切进来就是直接自弹自唱，有时当然也是会有比较恶性的场景出现，没有乐谱，卖帅以外兼卖才艺，仰赖绝对音感，仅凭双耳接连敲下脑海中的各种旋律。有个名词忘记是谁发明的了：空耳调琴，大意就是不用音叉或另外的调音器，听一听，敲一敲，调音就搞定了。似乎只有像柯南这样拥有绝对音感的天赋之人 才有办法做到了。

• 关于作者
• 赞助作者