《HelloGithub》第02期

2️⃣😁

简介

分享 GitHub 上有趣、入门级的开源项目。

这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊，月刊的内容包括：各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等，这些开源项目大多都是非常容易上手，而且非常 Cool。主要是希望大家能动手用起来，加入到开源社区中。会编程的可以贡献代码，不会编程的可以反馈使用这些工具中的 Bug，帮着宣传你觉得优秀的项目Star 项目⭐️

在浏览、参与这些项目的过程中，你将学习到更多编程知识、提高编程技巧、找到编程的乐趣。

最后 HelloGitHub 这个项目就诞生了。

兴趣是最好的老师，HelloGitHub 就是帮你找到兴趣！

Tips：如果文中的图获取刷不出来，可以点击这里更好的阅读体验。

内容

以下为本期内容

1 CSS项目

1.1 github-markdown-css

github-markdown-css：仿 GitHub 的 Markdown 的样式，就是使用了这个 CSS 后，Markdown 展示效果和 GitHub 的大致一样。示例

2 JavaScript项目

2.1 listen1_desktop

listen1_desktop：Listen1让你用一个网页就能听到多个网站的在线音乐，支持各种平台。如图：

2.2 jquery-weui

jquery-weui：可能是最好用 WeUI 版本，展示效果如下：

2.3 ant-motion

ant-motion：阿里开源的项目，一套 React 框架动效解决方案，可以帮助开发者，更容易的在项目中使用动效。同时可以方便快捷地制作一个公司的介绍页，在线演示。

2.4 wechat-h5-boilerplate

wechat-h5-boilerplate：为腾讯微信优化的 HTML5 动效模板，帮助你快速构建全屏滚动型 HTML5 页面，示例。

2.5 waitForlmages

waitForImages：背景加载完事件，示例代码：

<script type="text/javascript" src="http://catmull.uk/downloads/bg-loaded/bg-loaded.js"></script>
<script type="text/javascript">
   $('body').bgLoaded({
      afterLoaded : function() {
         alert('Background image done loading');
      }
   });
</script>

3 Python项目

3.1 luokr.com

luokr.com：Python Tornado 写的开源网站——螺壳网，访问，如图：

3.2 ssbc

ssbc：Python Django 写的种子搜索网站——手撕包菜，如图：

3.3 python-gems

python-gems：有趣的Pyhton代码片段集合。

3.4 algorithm

algorithm：老齐的 Python 算法教程。

3.5 python-goose

python-goose：Goose 用于文章提取器，提取中文内容的示例代码：

>>> from goose import Goose
>>> from goose.text import StopWordsChinese
>>> url  = 'http://www.bbc.co.uk/zhongwen/simp/chinese_news/2012/12/121210_hongkong_politics.shtml'
>>> g = Goose({'stopwords_class': StopWordsChinese})
>>> article = g.extract(url=url)
>>> print article.cleaned_text[:150]
香港行政长官梁振英在各方压力下就其大宅的违章建筑（僭建）问题到立法会接受质询，并向香港民众道歉。

梁振英在星期二（12月10日）的答问大会开始之际在其演说中道歉，但强调他在违章建筑问题上没有隐瞒的意图和动机。

一些亲北京阵营议员欢迎梁振英道歉，且认为应能获得香港民众接受，但这些议员也质问梁振英有

3.6 mincss

mincss：Python 写的用来找到 CSS 中没有用到的代码片段，并删除。适用于：想要做一个页面，但是不会写 CSS 人。示例代码如下：

#coding:utf-8
#!/usr/bin/env python
from __future__ import print_function
import sys, os
sys.path.insert(0, os.path.abspath('.'))
from mincss.processor import Processor

# 这里改成想要参考的页面
URL = 'http://localhost:9000/page.html'

def run():
    p = Processor()
    p.process(URL)

    # 输出INlink的css的简化前和简化后的css代码
    print("INLINES ".ljust(79, '-'))
    for each in p.inlines:
        print("On line %s" % each.line)
        print('- ' * 40)
        print("BEFORE")
        print(each.before)
        print('- ' * 40)
        print("AFTER:")
        print(each.after)

    # 输出link引用的css的简化前和简化后的css代码
    print("LINKS ".ljust(79, '-'))
    for each in p.links:
        print("On href %s" % each.href)
        print('- ' * 40)
        print("BEFORE")
        print(each.before)
        print('- ' * 40)
        print("AFTER:")
        print(each.after)

if __name__ == '__main__':
    run()

声明

如果你发现了好玩、有意义的开源项目点击这里分享你觉得有意思的项目。

❤❤❤

本文转自Github，点击《HelloGithub》查看原文。