分享自用的一些软件、插件、网站和应用

Share
总字数5,742 预计阅读23分钟

这些只是收录我现在用到的东西，没有特意收集的意思，未必很全，但每个应该都很实用
Github 仓库

插件篇

Chrome 插件

  • Adblock Plus: 屏蔽广告，必备，不用介绍

  • Code Cola：一个可视化编辑在线页面 css 样式的 chrome 插件，相当于控制台修改的效果，但方便很多

  • Full Page Screen Capture：可以滚动截取整个网页

  • 划词翻译：划词翻译，支持谷歌、百度、有道翻译

  • ★★简阅：巨好用的插件，相当于添加了阅读模式，界面很漂亮，设置很全，功能也挺完整

  • Page Ruler：网页标尺，可以方便测量各个元素的尺寸

  • ★Web Developer：前端必备，功能强大，可以设置网页上几乎所有东西

  • ★★WEB 前端助手 (FeHelper)：也是前端必备，包括 json 美化、页面测试、编解码、代码美化压缩等等

  • ★有道云笔记网页剪报：配合有道云笔记，方便收藏各种笔记、网页

  • Wide Github：加宽 GitHub 的页面内容，让你的 GitHub 网页显示更舒服

  • Sourcegraph for GitHub：相当于一个 IDE，直接查看 GitHub 上的仓库

  • Octotree：GitHub 插件，极力推荐，在仓库左上角显示目录，直接点击文件跳转，不用一级级打开网页上的 repo

  • ★★Insight.io for Github：功能和 Octotree 类似，比 Octotree 略微高级点

  • ★Isometric Contributions：装逼利器，让 GitHub profile 页的提交记录立体化，跟 gitee 的效果差不多

  • ★★GitHub Plus：极力推荐，显示仓库、文件大小，并提供单文件的下载

  • Lisen1：很棒的一个音乐插件，还有客户端版本

  • ★Muzli：集合了很多网站的最新更新，一站式阅读新闻和资讯，适合设计者和开发者

  • feedly：一个 webapp，可以收藏网址，主要用于 RSS 和博客订阅

  • stylish：可以自定义浏览器主题样式，也可以安装别人的

  • ★AddToAny: Share Anywhere：一个分享插件

  • Tampermonkey：油猴脚本，各个浏览器都有，加上脚本就是神器了，脚本可以到 GreasyFork 找

  • WhatFont: 可以找出网站上每处使用的字体

  • Pesticide: 标记所有元素的边框

  • CSS Peeper: 可以分析出网站使用的字体、颜色方案、图片

Terminal 插件

Terminal 插件和 vim 插件没怎么试过. 感兴趣的可以到这个网站看看：Vim Awesome

这里有几个我用过的:

VS Code 插件

更多 vsc 插件可以到官方市场搜索 https://marketplace.visualstudio.com/search?target=VSCode&category=All%20categories&sortBy=Downloads

Settings:

{
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Quiet Light",
    "editor.fontSize": 16,
    "editor.tabSize": 2,
    "editor.renderWhitespace": "boundary",
    "git.enabled": false,
    "files.autoSave": "onFocusChange",
    "licenseheader.Author": "Wang RiYu",
    "licenseheader.CopiedBy": "Copyright (c) 2018 SmartestEE Co,Ltd..",
    "extensions.ignoreRecommendations": true,
    "material-icon-theme.showUpdateMessage": false
}

IDE 插件

分享两个 JetBrains 的插件，无意间看到的

  • Background Image Plus: 设置背景图片的，效果如下
    image
    image

  • activate-power-mode: 这原本是 Atom 的插件，移植过来的，效果还行吧，但是这东西华而不实，如果影响打字还是去掉得好。还有如果安装后发现没有效果，记得把 combo 那个选项去掉，因为默认要连击多少下才会出效果

  • carbon-now-sh: 选中代码，右键 Open in carbon.now.sh，会打开 https://carbon.now.sh ，可以生成一张图片

软件篇

  • ★PDF Expert：mac 上最好用最强大的 pdf 软件，如果资金有限不想购买的客官可以看下 Xclient.info

  • ★★Typora：方便快速地编写 MarkDown，界面简单，实用高效

  • ★NetWorker：状态栏显示网速，简单美观

  • ★iStatistica：一款颜值颇高的系统监控软件，它包括通知中心小部件和状态栏菜单
    image

  • ★Sip：很好用的取色工具，需要购买，如果资金有限不想购买的客官可以看下 Xclient.info

  • ★★F.lux：一款根据时间调整屏幕色温的软件，适合长期用眼的人，推荐程序员使用

  • ★★FastStone Capture：Windows 上一款非常强大的集取色截屏录屏于一身的软件，而且支持滚动截屏，可惜 mac 上没有

  • ★★有道云笔记：收藏编写笔记很方便，配合浏览器插件可以收藏网页，关注官方公众号还可以把微信文章也收藏进去，我的所有收藏和笔记都可以放进去，而且多端同步随时可以看，手机版还可以写 markdown

  • Snip：之前找 mac 上支持滚动截屏的软件，但没找到很好的能代替 Windows 平台利器 FastStone 的，这个 Snip 勉强符合滚动截屏的要求

  • ★Jietu：和 snip 一样同出于鹅厂，也有滚动截屏，功能多一点，可以代替 snip

  • ★MindNode：很漂亮的一款思维导图，如果资金有限不想购买的客官可以看下 Xclient.info

  • Expressions：一款 macOS 平台的强大的正则表达式工具，测试正则表达式，多种主题，选中高亮等。如果资金有限不想购买的客官可以看下 Xclient.info

  • CleanMyMac3：清理 mac 垃圾的软件，颜值比较高

  • OmniDiskSweeper：能快速扫描磁盘并找出占用空间大的文档或文件

  • AppCleaner：可以完全卸载软件

  • WebTorrent：直接看磁链里的内容，无需等待下载

  • Framer：一个设计开发用的

  • Tumult：也是一个设计工具，还没用过

  • ★New File Menu：finder 扩展，右键新建文件，还可以自定义文件模板

  • ★★FDM：全称 free download manager，相当于免费的 idm，而且支持 mac 平台，支持下载 youtubu 视频，支持 url 或者 torrent，我还试了下 mac 平台另一款网上推荐的下载工具 folx，但 folx 速度好像比不上 fdm

  • ★Entropy：很强大的解压缩软件，支持多种格式，操作便捷，但收费，如果资金有限不想购买的客官可以看下 xclient.info

  • ★Leaf：RSS News Reader, 订阅 RSS 源后，可以一站式阅读，之前不知道 rss 这东西，傻傻地一个个打开别人博客看文章
    我收藏的 RSS 源: Leaf Subscriptions.xml - MEGA

  • Bootstrap Studio：这个软件可牛逼了，建议看下官网的介绍视频，这个软件可以让你以直接拖动组件的方式完成一个网页，感觉跟 C#类似，用来做基础布局可以节约大量时间

  • ★智图：图片压缩，方便快捷

  • 萤火虫 Firefly：一款翻墙软件，电脑手机都有

  • 蓝灯：蓝灯 VPN，速度挺快的，如果下载发行版的话有流量限制，建议去 GitHub 上照步骤自己编译程序，这样是没有流量限制的

  • ThunnelBear：ThunnelBear VPN，速度还行，分享推特后每月有 1GB 流量

  • XX-Net：很好用的翻墙工具，但配置会麻烦一点

  • HandShaker：锤子科技出的一款软件，可以无线连接手机和电脑，方便在电脑上管理移动设备的文件，如果要互传可以使用茄子快传

  • ★★Dash：开发者必备，各种 API 文档，配合 Alfred 查询非常方便，如果资金有限不想购买的客官可以看下 Xclient.info

  • xScope：设计开发辅助工具，有 10 个实用优秀的小工具，如屏幕镜像、屏幕标尺、放大镜、十字定位等等

  • ★★ohMyStar2：强烈推荐的一个软件，可以管理 GitHub 账号的 star，分类管理添加标签，还可以看热门项目，对于 star 几百个的人太有用了

  • ★gitee：显示 GitHub 账号信息，方便查看 trending、项目信息等

  • ★Slack：开发人员的聊天 app，主要是国外用户，加入不同的 channel，了解不同的地域风格，与国外友人交流

  • Gitter：也是一款开发人员地聊天 app，集合各种语言和框架，与其相关的还有一个 GitLab

  • ★★★Jitouch：手势拓展，定义手势操作让触控板更强大，加上 alfred，还要什么鼠标。这是我的设置，注意手势要求两指有一定距离，最好用食指和无名指来划。

image

image

  • ★★BetterTouchTool：功能比 jitouch 还要强大，但现在要收费，虽然功能更多而且支持自定义手势但设置也会复杂一点，这里有篇 教程，对我来说 jitouch 已经够用了

  • ★★★Alfred：如果上面的都是神器，那这个就是超神器，强烈推荐。附上 使用教程。
    建议关掉 mac 自带的 Spotlight, 将 Alfred 快捷键设置成 cmd + space(原 Spotlight 快捷键)；
    把常用的网站，特别是搜索类的放到 websearch 里：
    image
    把浏览器书签导入 Safari，可以用 Alfred 搜索打开；快捷键打开终端；查询文档；搜索打开文件；记录 Clipboard 历史等等…
    当然最强大的功能还是 workflow，我用到的 workflow 有 Dash 和有道翻译

  • Alfred 的其他平台替代品：windows 有 wox、linux 有 Albert 和 Synapse

  • Blackmagic Disk Speed Test: 简单实用的硬盘测速软件

应用篇

安卓

  • [Google Play]：第一推荐当然是谷歌商店啦，上面也有很多精品应用

  • [蓝灯 VPN]：要访问谷歌肯定要翻墙，蓝灯还是能用的，之前用的是 green，但后来又被封了

  • [萤火虫 VPN]：萤火虫也是可以用的

  • ★★[知乎、简书、轻氧、掘金、开发者头条]：学习的好地方

  • FastHub：FastHub for GitHub，集合了 GitHub 基本所需的所有功能

  • 最美应用：这是一个应用的名字，是最美团队出品的，收集了很多精品应用

  • Flipboard：需要翻墙，一些时事资讯。热门文章等

  • ZUI Days：一款很漂亮的记录时间和重要纪念日的应用

  • ★即刻：专门为你定制的内容推送，推荐使用

  • Google Spotlight Stories：用手机看真•3D 视频，效果很棒，值得一试

  • ★Memorado：很棒的一款脑力游戏，画面精美，无聊的时候练练脑力

  • PicsArt：很强大的修图应用，但让我印象深刻的是里面的魔法：可以将一张图转换成其他图片的风格，比如梵高的星夜

  • Designer Tools：设计师工具，提供了网格覆盖图、样机覆盖图、取色器、截图细节等

  • Curiosity：各种视频，了解世界，增长见识

  • ★★Via 浏览器：非常小巧的浏览器，但功能一应俱全，而且响应速度很快，类似的还有一个夸克浏览器

  • ★ADM: 安卓上的 IDM，配合 ES 文件浏览器还可以下载百度网盘的东西，具体教程可以在网上搜到; 还可以配合 via 浏览器作下载工具使用

  • ★★TapTap：很棒的游戏社区

ios

  • Ideament：很棒的思维导图工具

  • Silk 2: 动动手指便可创作出独一无二的艺术壁纸

网站篇

收藏库

  • Lozad.js：懒加载库

  • https://tabrisjs.com ：Tabris.js 是一个移动框架，可让您从完全用 JavaScript 编写的单一代码库中开发原生 iOS 和 Android 应用程序

  • You-Dont-Need-jQuery：本项目总结了大部分 jQuery API 替代的方法

  • ★lodash：这是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库

  • ★underscore.js：Underscore 一个 JavaScript 实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何 JavaScript 内置对象

  • url-to-pdf-api：网页生成 pdf 的 API

  • Odometer：Odometer 是一个用于平滑过渡数字的 Javascript 和 CSS 库

  • snabbt.js：snabbt.js 是一个简约的 JavaScript 动画库。它专注于移动事物。它会翻译，旋转，缩放，扭曲和调整元素的大小。

  • css-loaders：这是一个使用 CSS 动画的 loading spinners 集合

  • Force.js：The easy way to scroll and animate your page

  • Ionic：Build amazing native and progressive web apps with open web technologies

  • hyperapp：1 KB JavaScript library for building frontend applications

  • js-buy-sdk：JS Buy SDK 是一个轻量级库，可以让您在任何网站上构建电子商务

  • draggable.js：a lightweight, responsive, modern drag & drop library

  • ★moment.js：JavaScript 日期处理类库

  • Waves：Click effect inspired by Google’s Material Design

  • dat-gui-demos：Dat.gui is a GUI widget for your demos. It provide way for the user to set parameters of the demo to play with it. It is simple to code, yet cool and minimalist on the screen.

  • http://todomvc.com ：Helping you select an MV* framework

  • https://hnpwa.com ：Hacker News readers as Progressive Web Apps

  • fullPage.js：Create Beautiful Fullscreen Scrolling Websites

  • multiScroll.js：Create divided multi-scrolling pages

  • Create js：A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5

  • http://c3js.org ：D3-based reusable chart library

  • ★★D3 ：D3.js is a JavaScript library for manipulating documents based on data，巨强的图表库

  • ★Echarts：百度出品的图表库，配置很简单，文档很全

  • ★G2 + G6：阿里出品的图表库

  • ★Chart js ：Simple yet flexible JavaScript charting for designers & developers

  • Highcharts：Highcharts makes it easy for developers to set up interactive charts in their web pages

  • billboard.js：Re-usable, easy interface JavaScript chart library, based on D3 v4+

  • Recharts：基于 React 的组合式图表，适合做简单轻量的图表

  • https://display.js.org ：A simple JavaScript framework for building ambitious UIs

  • Pixi JS ：Create beautiful digital content with the fastest, most flexible 2D WebGL renderer

  • GKA：简单的、高效的帧动画生成工具

  • curvejs：Made curve a dancer in HTML5 canvas - 魔幻线条，AllolyTeam 出品 https://alloyteam.github.io/

  • ★kute.js：非常漂亮的动画库

  • ★animejs：js 动画库

  • dynamicsjs：js 基于物理的动画库

  • bonsaijs：A lightweight graphics library with an intuitive graphics API and an SVG renderer

  • lazylinepainter：A JQUERY PLUGIN FOR SVG PATH ANIMATION

  • AniJS：A Library to Raise your Web Design without Coding

  • bouncejs：Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations

  • Magic Animations CSS3：漂亮的 css 动画

  • Animate.css

  • ★three.js：js 3D 库

  • Hover-Buttons：button hover 特效

  • ★matter-js：Matter.js is a 2D physics engine for the web，js 平面物理引擎库

  • ★★iScroll.js：iScroll is a high performance, small footprint, dependency free, multi-platform javascript scroller.

  • Draft.js：一个用于构建富文本编辑的框架

  • Vivus：vivus 用于描绘 SVG 动画

  • HammerJS：是页面支持手势操作

  • Marko：A friendly (and fast!) UI library from eBay that makes building web apps

  • VoxelCSS：A lightweight 3D CSS voxel library

  • Bulma：Bulma is a free and open source CSS framework based on Flexbox

  • BlazeCSS：Blaze is an open source modular toolkit. It provides great structure for building websites quickly with a scalable and maintainable foundation

  • PureCSS：A set of small, responsive CSS modules that you can use in every web project

  • ScrollRevealJS：Easy scroll animations for web and mobile browsers

如果你在这找到好用的东西，恭喜！如果你有好用的东西分享，欢迎在评论中告诉我！

本文标题:分享自用的一些软件、插件、网站和应用

文章作者:鱼の乐

发布时间:2017-09-14, 00:00:00

最后更新:2018-09-05, 19:58:22

原始链接:https://blog.wangriyu.wang/2017/09-ShareArtifact.html

许可协议: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

文章目录
  1. 插件篇
    1. Chrome 插件
    2. Terminal 插件
    3. VS Code 插件
    4. IDE 插件
  2. 软件篇
  3. 应用篇
    1. 安卓
    2. ios
  4. 网站篇
  5. 收藏库