From a38b1bbe916bd78997c189c3e70de2968ddb90bc Mon Sep 17 00:00:00 2001 From: chenjiajia Date: Fri, 20 Dec 2024 21:09:47 +0000 Subject: [PATCH] Robot Updated at:20 Dec 2024 21:09:47 GMT --- docs/awesome/awesome-agi-cocosci.md | 2 +- docs/awesome/awesome-design-systems.md | 159 +++++++++++++------------ docs/awesome/awesome-mac.md | 3 +- docs/awesome/awesome-neovim.md | 1 + docs/awesome/awesome-slack.md | 152 ++++++++++++----------- docs/awesome/free-for-dev.md | 1 + 6 files changed, 158 insertions(+), 160 deletions(-) diff --git a/docs/awesome/awesome-agi-cocosci.md b/docs/awesome/awesome-agi-cocosci.md index 4900a6670e..826ce516ab 100644 --- a/docs/awesome/awesome-agi-cocosci.md +++ b/docs/awesome/awesome-agi-cocosci.md @@ -546,7 +546,7 @@ organized into intricate patterns that seem to be consistent across individuals. * [Quantifying usability of domain-specific languages: An empirical study on software maintenance](https://www.sciencedirect.com/science/article/pii/S0164121214002799) - ***Journal of Systems and Software***, 2015. [[All Versions](https://scholar.google.com/scholar?cluster=3450893039446010260)]. A DSL aims to support software development by offering abstractions to a particular domain. It is expected that DSLs improve the maintainability of artifacts otherwise produced with general-purpose languages. However, the maintainability of the DSL artifacts and, hence, their adoption in mainstream development, is largely dependent on the usability of the language itself. Unfortunately, it is often hard to identify their usability strengths and weaknesses early, as there is no guidance on how to objectively reveal them. Usability is a multi-faceted quality characteristic, which is challenging to quantify beforehand by DSL stakeholders. There is even less support on how to quantitatively evaluate the usability of DSLs used in maintenance tasks. In this context, this paper reports a study to compare the usability of textual DSLs under the perspective of software maintenance. A usability measurement framework was developed based on the cognitive dimensions of notations. The framework was evaluated both qualitatively and quantitatively using two DSLs in the context of two evolving object-oriented systems. The results suggested that the proposed metrics were useful: (1) to early identify DSL usability limitations, (2) to reveal specific DSL features favoring maintenance tasks, and (3) to successfully analyze eight critical DSL usability dimensions. -* [How Domain Experts Use an Embedded DSL](https://dl.acm.org/doi/abs/10.1145/3622851) - ***OOPSLA'23***, 2023. This work conducts a thematic analysis identified five key themes, including: the interaction between the eDSL and the host language has significant and sometimes unexpected impacts on eDSL user experience, and users preferentially engage with domain-specific communities and code templates rather than host language resources. +* [How Domain Experts Use an Embedded DSL](https://dl.acm.org/doi/abs/10.1145/3622851) - ***OOPSLA'23***, 2023. [[All Versions]()]. Programming tools are increasingly integral to research and analysis in myriad domains, including specialized areas with no formal relation to computer science. Embedded domain-specific languages (eDSLs) have the potential to serve these programmers while placing relatively light implementation burdens on language designers. However, barriers to eDSL use reduce their practical value and adoption. This work aims to deepen the understanding of how programmers use eDSLs and identify user needs to inform future eDSL designs. The authors performed a contextual inquiry (9 participants) with domain experts using Mimi, an eDSL for climate change economics modeling. A thematic analysis identified five key themes, including: the interaction between the eDSL and the host language has significant and sometimes unexpected impacts on eDSL user experience, and users preferentially engage with domain-specific communities and code templates rather than host language resources. #### Design Automation diff --git a/docs/awesome/awesome-design-systems.md b/docs/awesome/awesome-design-systems.md index e50135adfc..714ef2705e 100644 --- a/docs/awesome/awesome-design-systems.md +++ b/docs/awesome/awesome-design-systems.md @@ -1,7 +1,7 @@
## Awesome Design Systems [![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re) -> 针对开发人员的有关设计系统的书签、资源和文章的精选列表. +> A curated list of bookmarks, resources and articles about design systems focused on developers.

@@ -13,19 +13,19 @@ ## Design systems -设计系统是不断发展的可重用组件的集合，以确保一致性和速度的规则为指导，成为任何产品开发的单一事实来源. +A Design System is an ever evolving collection of reusable components, guided by rules that ensure consistency and speed, by being the single source of truth for any product development. ### Design systems of some "known" companies -- [Atlassian Design Guidelines](https://atlassian.design/) - 端到端的设计语言，创造简单而美丽的体验. -- [Firefox Photon Design System](https://design.firefox.com/photon) - 更快地推出可识别、令人愉快的 Firefox 产品和功能. -- [GitHub Primer](https://primer.style/) - 开源它以允许社区设计和构建自己的项目. -- [GitLab Design System - Pajamas](https://design.gitlab.com/) - GitLab 背后的资源、组件和设计指南. -- [Google Material Design](https://material.io/design) - 使用 Material Design 创建直观且美观的产品. -- [IBM Carbon](https://www.carbondesignsystem.com/) - Carbon 是 IBM 的产品和体验开源设计系统. -- [Shopify Polaris](https://polaris.shopify.com/) - 我们的设计系统帮助我们共同努力，为所有 Shopify 商家打造良好的体验. +- [Atlassian Design Guidelines](https://atlassian.design/) - End-to-end design language to create straightforward and beautiful experiences. +- [Firefox Photon Design System](https://design.firefox.com/photon) - Launch recognizable, enjoyable Firefox products and features faster. +- [GitHub Primer](https://primer.style/) - Open-source it to allow the community to design and build their own projects. +- [GitLab Design System - Pajamas](https://design.gitlab.com/) - Resources, components, and design guidelines behind GitLab. +- [Google Material Design](https://material.io/design) - Create intuitive and beautiful products with Material Design. +- [IBM Carbon](https://www.carbondesignsystem.com/) - Carbon is IBM's open-source design system for products and experiences. +- [Shopify Polaris](https://polaris.shopify.com/) - Our design system helps us work together to build a great experience for all of Shopify's merchants. -查看更多设计系统 [here](https://github.com/alexpate/awesome-design-systems)! +See more design systems [here](https://github.com/alexpate/awesome-design-systems)! ### Design systems articles @@ -42,37 +42,38 @@ ### More resources -- [Design system checklist](https://designsystemchecklist.com/) - 建立更好的设计系统. 开源清单可帮助您规划、构建和发展您的设计系统. -- [Design Systems Survey](https://designsystemssurvey.seesparkbox.com/) - 来自20多个行业的设计师和开发人员向我们讲述他们的设计系统及其用途. -- [Design.system](https://design.systems/) - 设计系统社区的资源. -- [Super friendly](https://superfriendlydesign.systems/) - 我们帮助内部团队利用设计系统制作更好的数字产品. +- [Design system checklist](https://designsystemchecklist.com/) - Build better design systems. An open-source checklist to help you plan, build and grow your design system. +- [Design Systems Survey](https://designsystemssurvey.seesparkbox.com/) - Designers and developers from more than 20 industries tell us about their design systems and their uses. +- [Design.system](https://design.systems/) - Resources for the design systems community. +- [Super friendly](https://superfriendlydesign.systems/) - We help in-house teams make better digital products with design systems. ## UI Design tools ### Design tools -- [Figma](https://www.figma.com/) - 帮助团队从头到尾创建、测试和交付更好的设计（跨平台）. -- [InVision](https://www.invisionapp.com/) - 数字产品设计平台为世界上最好的用户体验提供动力. -- [Sketch](https://www.sketch.com/) - 一个设计工具包，旨在帮助您从最早的想法到最终的艺术作品（适用于 macOS）创造出最好的作品. -- [AdobeXD](https://www.adobe.com/products/xd.html) - 通过看起来和感觉都像真实的设计来分享您的故事. 线框、动画、原型、协作等等 — 一切都在一个 UI/UX 设计工具中. -- [Marvel](https://marvelapp.com/) - Marvel 拥有您将想法变为现实并改变您与团队一起创建数字产品的方式所需的一切. 将设计的力量置于每个人的手中. -- [UXPin](https://www.uxpin.com/) - 在一个工具中设计和管理整个 UX/UI 项目. -- [Penpot](https://penpot.app) - Penpot 是第一个面向跨领域团队的开源设计和原型平台. +- [Figma](https://www.figma.com/) - Helps teams create, test, and ship better designs from start to finish (cross-platform). +- [InVision](https://www.invisionapp.com/) - The digital product design platform powering the world's best user experiences. +- [Sketch](https://www.sketch.com/) - A design toolkit built to help you create your best work from your earliest ideas, through to final artwork (for macOS). +- [AdobeXD](https://www.adobe.com/products/xd.html) - Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it’s all right here, all in one UI/UX design tool. +- [Marvel](https://marvelapp.com/) - Marvel has everything you need to bring ideas to life and transform how you create digital products with your team. Placing the power of design in everyone’s hands. +- [UXPin](https://www.uxpin.com/) - Design and manage your entire UX/UI project in one tool. +- [Penpot](https://penpot.app) - Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. -查看设计工具插件 [here](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md)! +See design tools plugins [here](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md)! ### Integrations -- [Abstract](https://www.abstract.com/) - 无障碍设计协作（适用于 macOS 上的 Sketch 和 XD）. -- [Avocode](https://avocode.com/) - 帮助您更快地共享设计文件、讨论更改以及编写网站、移动应用程序和新闻通讯. -- [InVision Design System Manager](https://www.invisionapp.com/design-system-manager) - 通过集中管理设计和编码组件的方式，大规模支持创意和一致的设计. -- [Zeplin](https://zeplin.io/) - 共享、组织和协作设计的更好方式——专为开发人员而设计. +- [Abstract](https://www.abstract.com/) - Design collaboration without the chaos (for Sketch and XD on macOS). +- [Avocode](https://avocode.com/) - Helps you share design files, discuss changes, and code websites, mobile apps, & newsletters faster. +- [InVision Design System Manager](https://www.invisionapp.com/design-system-manager) - Powers creative and consistent design at scale with a central place to manage design and coded components. +- [Zeplin](https://zeplin.io/) - The better way to share, organize and collaborate on designs—built with developers in mind. ### Accessibility (a11y) -- [Accessibility for developeres](https://www.invisionapp.com/inside-design/accessibility-for-developers/) - 开发人员可以帮助改进和增强网站可访问性的 5 种简单方法. -- [Stark](https://www.getstark.co/) - 使您能够在从品牌概念到产品成果的整个设计过程中考虑到可访问性. 对比度检查器、色盲模拟和颜色建议. -- [The A11Y Project](https://a11yproject.com/) - 社区驱动的努力，使网络访问变得更容易. 看 [resources](https://a11yproject.com/resources/) 部分. +- [Accessibility for developers](https://www.invisionapp.com/inside-design/accessibility-for-developers/) - 5 simple ways developers can help improve and enforce website accessibility. +- [Stark](https://www.getstark.co/) - Empowers you to design with accessibility in mind from conception of brand to fruition of product. Contrast checker, colorblind simulation and color suggestions. +- [The A11Y Project](https://a11yproject.com/) - A community-driven effort to make web accessibility easier. See [resources](https://a11yproject.com/resources/) section. +- [InclusiveColors palette creator](https://www.inclusivecolors.com/) - Creates accessible custom Tailwind-style color palettes that pass WCAG contrast checks and can be exported to CSS/Figma/Adobe. ### Design tools articles @@ -80,22 +81,22 @@ ## Design tokens -- [Design Tokens W3C Community Group](https://www.w3.org/community/design-tokens/) - 查看 GitHub 上的存储库 [here](https://github.com/design-tokens/community-group)! -- [DesignTokens.dev](https://www.designtokens.dev/) - 无需管理基础设施即可交付您的设计代币. -- [Diez](https://diez.org/) - 免费开源开发人员工具包，用于表达可在代码库、本机平台和团队之间共享的视觉样式. -- [Design Tokens Validator](https://animaapp.github.io/design-token-validator-site/) - 根据设计令牌社区组规范验证您的设计令牌. +- [Design Tokens W3C Community Group](https://www.w3.org/community/design-tokens/) - View repository on GitHub [here](https://github.com/design-tokens/community-group)! +- [DesignTokens.dev](https://www.designtokens.dev/) - Ship your design tokens without managing infrastructure. +- [Diez](https://diez.org/) - Free & open-source developer toolkit for expressing visual styles that can be shared across codebases, native platforms, and teams. +- [Design Tokens Validator](https://animaapp.github.io/design-token-validator-site/) - Validate your design tokens against the Design Token Community Group spec. ### Plugins -- [Abstract Connect](https://github.com/MichaelZaporozhets/abstractconnect) - 使用 Abstract 和 JavaScript 为开发人员设计令牌提取器. -- [Zeplin JSON export tokens](https://extensions.zeplin.io/berk/zeplin-json-extension) - 设计令牌 Zeplin 扩展以生成 JSON 格式的令牌. +- [Abstract Connect](https://github.com/MichaelZaporozhets/abstractconnect) - A Design tokens extractor for devs using Abstract & JavaScript. +- [Zeplin JSON export tokens](https://extensions.zeplin.io/berk/zeplin-json-extension) - Design tokens Zeplin extension to generate your tokens in JSON format. ### Tools -- [Figmagic](https://github.com/mikaelvesavuori/figmagic) - 生成设计令牌、导出图形并从 Figma 文档中提取设计令牌驱动的 React 组件. -- [Style Dictionary](https://github.com/amzn/style-dictionary) - 样式字典使用设计标记一次定义样式并在任何平台或语言上使用这些样式. -- [Superposition](https://superposition.design/) - 从网站中提取设计令牌并在代码和设计工具中使用它们. 使用您已有的设计系统. -- [Theo](https://github.com/salesforce-ux/theo) - Theo 是用于转换和格式化设计令牌的抽象. +- [Figmagic](https://github.com/mikaelvesavuori/figmagic) - Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. +- [Style Dictionary](https://github.com/amzn/style-dictionary) - A Style Dictionary uses design tokens to define styles once and use those styles on any platform or language. +- [Superposition](https://superposition.design/) - Extract design tokens from websites and use them in code and in your design tool. Use the design system you already have. +- [Theo](https://github.com/salesforce-ux/theo) - Theo is an abstraction for transforming and formatting Design Tokens. ### Articles @@ -109,41 +110,41 @@ - [Tokenize it](https://blog.prototypr.io/tokenize-it-2a544ef1413b) - [Tokens in Design Systems](https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421) -查看更多设计令牌信息 [here](https://github.com/sturobson/Awesome-Design-Tokens)! +See more design tokens info [here](https://github.com/sturobson/Awesome-Design-Tokens)! ## Coding tools -- [Backlight](https://backlight.dev/) — Backlight 注重开发人员和设计人员之间的协作，是一个非常完整的编码平台，团队可以在其中构建、记录、发布、扩展和维护设计系统. +- [Backlight](https://backlight.dev/) — With collaboration between developers and designers at heart, Backlight is a very complete coding platform where teams build, document, publish, scale and maintain Design Systems. ## Pattern library ### Styleguides and documentation -- [Stencil](https://stenciljs.com/) - 用于构建可重用、可扩展设计系统的工具链. -- [Zeroheight](https://zeroheight.com/) - 创建精美的生活风格指南并将您的所有设计系统资源记录在一个地方. _[Learn about this](https://medium.com/zeroheight/zeroheight-3-0-b6643c347596)_. +- [Stencil](https://stenciljs.com/) - Toolchain for building reusable, scalable Design Systems. +- [Zeroheight](https://zeroheight.com/) - Create beautiful living styleguides and document all your design system resources in one place. _[Learn about this](https://medium.com/zeroheight/zeroheight-3-0-b6643c347596)_. ### Develop isolated components -- [Backlight](https://backlight.dev/) - 在代码端构建设计系统的协作平台. 为您的前端提供管理组件的一体化解决方案. 快速启动，加速协作. -- [Pattern Lab](https://patternlab.io/) - 模式实验室帮助您和您的团队使用原子设计原则构建深思熟虑的、模式驱动的用户界面. -- [React Styleguidist](https://react-styleguidist.js.org/) - 独立的 React 组件开发环境，带有生活风格指南. -- [Storybook](https://storybook.js.org/) - 更快地构建防弹 UI 组件. Storybook 是一个开源工具，用于为 React、Vue 和 Angular 单独开发 UI 组件. 它使构建令人惊叹的 UI 变得井井有条且高效. -- [Styled System](https://styled-system.com/) - Styled System 是实用函数的集合，可将样式道具添加到 React 组件中，并允许您基于全局主题对象控制样式. +- [Backlight](https://backlight.dev/) - Collaborative platform to build Design Systems on the code side. Empower your front-end with an all-in-one solution to manage components. Quick start, speed-up collaboration. +- [Pattern Lab](https://patternlab.io/) - Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles. +- [React Styleguidist](https://react-styleguidist.js.org/) - Isolated React component development environment with a living style guide. +- [Storybook](https://storybook.js.org/) - Build bulletproof UI components faster. Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient. +- [Styled System](https://styled-system.com/) - Styled System is a collection of utility functions that add style props to your React components and allows you to control styles based on a global theme object. #### Storybook addons - [Accessibility](https://github.com/storybookjs/storybook/tree/master/addons/a11y) - Test component compliance with web accessibility standards. -- [Actions](https://github.com/storybookjs/storybook/tree/master/addons/actions) - 在交互元素上执行操作时获取 UI 反馈. -- [Backgrounds](https://github.com/storybookjs/storybook/tree/master/addons/backgrounds) - 切换背景以查看不同设置中的组件. -- [Console](https://github.com/storybookjs/storybook-addon-console) - 在 Storybook 中显示控制台输出，例如日志、错误和警告. -- [Docs](https://github.com/storybookjs/storybook/tree/master/addons/docs) - 在 Markdown 中记录组件的使用和属性. -- [Knobs](https://github.com/storybookjs/storybook/tree/master/addons/knobs) - 在 Storybook UI 中与组件输入动态交互. -- [Links](https://github.com/storybookjs/storybook/tree/master/addons/links) - 将故事链接在一起，用您的 UI 组件构建演示和原型. -- [Source](https://github.com/storybookjs/storybook/tree/master/addons/storysource) - 查看故事的源代码以了解其工作原理并粘贴到您的应用程序中. -- [Storyshots](https://github.com/storybookjs/storybook/tree/master/addons/storyshots) - 使用 Jest 自动拍摄每个故事的代码快照. -- [Viewport](https://github.com/storybookjs/storybook/tree/master/addons/viewport) - 通过调整 Storybook 的视口大小和方向来构建响应式组件. - -故事书的更多信息 [here](https://github.com/lauthieb/awesome-storybook)! +- [Actions](https://github.com/storybookjs/storybook/tree/master/addons/actions) - Get UI feedback when an action is performed on an interactive element. +- [Backgrounds](https://github.com/storybookjs/storybook/tree/master/addons/backgrounds) - Switch backgrounds to view components in different settings. +- [Console](https://github.com/storybookjs/storybook-addon-console) - Show console output like logs, errors, and warnings in the Storybook. +- [Docs](https://github.com/storybookjs/storybook/tree/master/addons/docs) - Document component usage and properties in Markdown. +- [Knobs](https://github.com/storybookjs/storybook/tree/master/addons/knobs) - Interact with component inputs dynamically in the Storybook UI. +- [Links](https://github.com/storybookjs/storybook/tree/master/addons/links) - Link stories together to build demos and prototypes with your UI components. +- [Source](https://github.com/storybookjs/storybook/tree/master/addons/storysource) - View a story's source code to see how it works and paste into your app. +- [Storyshots](https://github.com/storybookjs/storybook/tree/master/addons/storyshots) - Take a code snapshot of every story automatically with Jest. +- [Viewport](https://github.com/storybookjs/storybook/tree/master/addons/viewport) - Build responsive components by adjusting Storybook's viewport size and orientation. + +More info to Storybook [here](https://github.com/lauthieb/awesome-storybook)! ### Pattern libraries articles @@ -158,32 +159,32 @@ ### Unit & Regression test -- [Chromatic](https://www.chromaticqa.com/) - React、Angular 和 Vue 的可视化测试. Chromatic 确保 UI 组件的一致性，直至像素. 每次提交都会自动测试云中的视觉变化. -- [Testing library](https://testing-library.com/) - 简单而完整的测试实用程序，鼓励良好的测试实践. +- [Chromatic](https://www.chromaticqa.com/) - Visual testing for React, Angular and Vue. Chromatic ensures consistency in UI components, down to the pixel. Every commit is automatically tested for visual changes in the cloud. +- [Testing library](https://testing-library.com/) - Simple and complete testing utilities that encourage good testing practices. ## Books -- [Acing the System Design Interview](https://www.manning.com/books/acing-the-system-design-interview) - 谭志勇所著的书籍，提供了解决最棘手的系统设计面试问题所需的见解、技能和实践. -- [Atomic Design](https://atomicdesign.bradfrost.com/) - Brad Frost 用于创建设计系统的原子设计方法. -- [Building Design Systems](https://www.apress.com/gp/book/9781484245132) - 通过 Sarrah Vesselov 和 Taurie Davis 的共享设计语言统一用户体验. -- [Design systems](https://www.smashingmagazine.com/design-systems-book/) - Alla Kholmatova（Smashing 杂志）为数字产品创建设计语言的实用指南. -- [Front-End Style Guides](https://www.maban.co.uk/projects/front-end-style-guides/) - Anna Debenham 为网站创建和维护风格指南. -- [Frontend Architecture for Design Systems](http://shop.oreilly.com/product/0636920040156.do) - Micah Godbolt 绘制的可扩展和可持续网站的现代蓝图. -- [Introduction to Design Systems](https://fem-design-systems.netlify.app/) - Emma Bostian 撰写的使用 React、Figma 和 Storybook 设计系统的实用介绍 -- [Modular Web Design](https://www.amazon.com/Modular-Web-Design-Components-Documentation/dp/0321601351/) - Nathan Curtis 为用户体验设计和文档创建可重用组件. +- [Acing the System Design Interview](https://www.manning.com/books/acing-the-system-design-interview) - Book that gives the insights, skills, and practice needed to ace the toughest system design interview questions by Zhiyong Tan. +- [Atomic Design](https://atomicdesign.bradfrost.com/) - Atomic design methodology for creating design systems by Brad Frost. +- [Building Design Systems](https://www.apress.com/gp/book/9781484245132) - Unify user experiences through a shared design language by Sarrah Vesselov and Taurie Davis. +- [Design systems](https://www.smashingmagazine.com/design-systems-book/) - A practical guide to creating design languages for digital products by Alla Kholmatova (Smashing Magazine). +- [Front-End Style Guides](https://www.maban.co.uk/projects/front-end-style-guides/) - Creating and maintaining style guides for websites by Anna Debenham. +- [Frontend Architecture for Design Systems](http://shop.oreilly.com/product/0636920040156.do) - A modern blueprint for scalable and sustainable websites by Micah Godbolt. +- [Introduction to Design Systems](https://fem-design-systems.netlify.app/) - A practical introduction to design systems by using React, Figma and Storybook by Emma Bostian +- [Modular Web Design](https://www.amazon.com/Modular-Web-Design-Components-Documentation/dp/0321601351/) - Creating Reusable Components for user experience design and documentation by Nathan Curtis. ## Talks -- [Building Accessible Interfaces: Patterns And Techniques](https://vimeo.com/331530115) - 将构建和重构常见的 UI 组件，并与 Sara Soueidan 分享她经常使用的一些技术来构建可访问性. -- [Design Processes & Systems in Craft](https://dotall.com/sessions/design-processes-systems-in-craft) - 设计不应该是一种孤立的实践，而是植根于流程的协作努力. 我们怎么去那里？ 在本次会议中，我们将探讨如何重新构建我们的设计方法，使其更加以人为本和以系统为中心，由 Courtney Bradford 提出. -- [Design Systems - The State of the Web](https://www.youtube.com/watch?v=jpmeWXISU5E) - Adam Argyle（Google 设计倡导者）关于设计系统在现代 Web 开发中的作用以及它们如何改变设计师和开发人员之间动态的对话. -- [Design Systems](https://youtu.be/K8MF3aDg-bM?t=4750) - React 女性会议 [Neha Sharma](https://twitter.com/hellonehha). -- [How To Build a Design System | UXPin](https://www.youtube.com/watch?v=h0MqkRJdaao) - 将教您如何使用 UX Pin 原型设计和设计平台构建 UX 设计系统. -- [Introducing Design Systems Into Chaos](https://youtu.be/FZSi1bK-BRM) - 分享关于从哪里开始建立设计系统、优先考虑什么以及如何对客户和同事产生重大影响的实际示例，以帮助您介绍由 Diana Mounter（GitHub 设计系统主管）带来秩序的系统）. -- [Jina Anne - Designing a Design System](https://youtu.be/7hYOLLO2gc4) - 将分享如何处理、设计和构建有效的设计系统的策略； 如何成功维护系统以确保持续有用，作者：Jina（Salesforce UX 设计系统团队首席设计师）. -- [Level up your Design System with styled-system](https://youtu.be/K8MF3aDg-bM?t=7280) - React 女性会议 [Taley'a Mirza](https://twitter.com/TaleyaMirza). -- [Maintaining Design Systems](https://aneventapart.com/news/post/maintaining-design-systems-by-brad-frost-aea-video) - Brad Frost（前端设计师）帮助您学习如何保持系统及其所服务的产品同步，并了解如何维护和发展您的设计系统，以使您的用户获得最佳体验. +- [Building Accessible Interfaces: Patterns And Techniques](https://vimeo.com/331530115) - Will be building and refactoring common UI components, and share a couple of techniques she often uses to build with accessibility in mind by Sara Soueidan. +- [Design Processes & Systems in Craft](https://dotall.com/sessions/design-processes-systems-in-craft) - Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there? In this session, we'll look at how we can reframe our design approach to be more human-centric and systems-minded by Courtney Bradford. +- [Design Systems - The State of the Web](https://www.youtube.com/watch?v=jpmeWXISU5E) - Conversation about the role of design systems in modern web development and how they can change the dynamics between designer and developer by Adam Argyle (Design Advocate at Google). +- [Design Systems](https://youtu.be/K8MF3aDg-bM?t=4750) - Women of React conf by [Neha Sharma](https://twitter.com/hellonehha). +- [How To Build a Design System | UXPin](https://www.youtube.com/watch?v=h0MqkRJdaao) - Will teach you how to build a UX Design System using the UX Pin prototyping & design platform. +- [Introducing Design Systems Into Chaos](https://youtu.be/FZSi1bK-BRM) - Shares practical examples on where to begin to set up a design system, what to prioritize, and how to make a big impact to customers and colleagues, to help you introduce systems that bring order to chaos by Diana Mounter (Design Systems Lead at GitHub). +- [Jina Anne - Designing a Design System](https://youtu.be/7hYOLLO2gc4) - Will share strategies for how to approach, design and build an effective design system; how to successfully maintain the system to ensure ongoing usefulness by Jina (Lead Designer on the Design Systems team at Salesforce UX). +- [Level up your Design System with styled-system](https://youtu.be/K8MF3aDg-bM?t=7280) - Women of React conf by [Taley'a Mirza](https://twitter.com/TaleyaMirza). +- [Maintaining Design Systems](https://aneventapart.com/news/post/maintaining-design-systems-by-brad-frost-aea-video) - Helps you learn how to keep your system and the products it serves in sync and understand how to maintain and evolve your design system to give your users get the best possible experience by Brad Frost (Front-end designer). ## Contributing -欢迎投稿！ 阅读 [contribution guidelines](https://github.com/klaufel/awesome-design-systems/blob/master/CONTRIBUTING.md) 第一的. +Contributions welcome! Read the [contribution guidelines](https://github.com/klaufel/awesome-design-systems/blob/master/CONTRIBUTING.md) first. diff --git a/docs/awesome/awesome-mac.md b/docs/awesome/awesome-mac.md index b7b54528f1..04f9c6394f 100644 --- a/docs/awesome/awesome-mac.md +++ b/docs/awesome/awesome-mac.md @@ -1120,7 +1120,8 @@ highlighting. [![Open-Source Software][OSS Icon]](https://github.com/dbcli/pgcli ### Finder Tools * [Command X](https://sindresorhus.com/command-x) - Cut and paste files in Finder. ![Freeware][Freeware Icon] [![App Store][app-store Icon]](https://apps.apple.com/app/id1666327168) -* [Default Folder X](https://www.stclairsoft.com/DefaultFolderX/index.html) - Quick access to your files and folders in every app. +* [Default Folder X](https://www.stclairsoft.com/DefaultFolderX/index.html) - Quick access to your files and folders in every app. +* [FileMinutes](https://www.fileminutes.com/) - Find files and take actions, all in one. * [FinderFix](https://synappser.github.io/apps/finderfix/) - Finally, a lasting solution for Finder windows size and position. ![Freeware][Freeware Icon] * [fman](https://fman.io) - The first dual-pane file manager to integrate features from Sublime Text. * [ForkLift](http://binarynights.com/forklift/) - The most advanced dual pane file manager and file transfer client for macOS. diff --git a/docs/awesome/awesome-neovim.md b/docs/awesome/awesome-neovim.md index 5196dc3ca5..a19d3cd47c 100644 --- a/docs/awesome/awesome-neovim.md +++ b/docs/awesome/awesome-neovim.md @@ -1114,6 +1114,7 @@ These colorschemes may not specialize in Tree-sitter directly but are written in - [Mr-LLLLL/treesitter-outer](https://github.com/Mr-LLLLL/treesitter-outer) - Jump to outer node with smart. - [DanilaMihailov/beacon.nvim](https://github.com/DanilaMihailov/beacon.nvim) - Highlights cursor when it moves, changes windows and more. Inspired by Emacs beacon package. - [Aaronik/Treewalker.nvim](https://github.com/aaronik/Treewalker.nvim) - Move seamlessly around the abstract syntax tree. +- [sphamba/smear-cursor.nvim](https://github.com/sphamba/smear-cursor.nvim) - Animate the cursor with a smear effect in all terminals. Inspired by Neovide's animated cursor. ### Tree-sitter Based diff --git a/docs/awesome/awesome-slack.md b/docs/awesome/awesome-slack.md index a672586b46..92a949b345 100644 --- a/docs/awesome/awesome-slack.md +++ b/docs/awesome/awesome-slack.md @@ -1,82 +1,76 @@ -

-[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) - -

- Logo -

- -

-

Awesome Slack

-

- -

- A curated list of awesome, Slack-related things. -

- -*** - -An avid Slack user? A developer looking for awesome tools to build out an integration? Just looking for inspiration? This is a list of all the best things Slack. - - -## :pencil:   Lists -- [Community-Built Libraries](https://api.slack.com/community) - Slack-curated list of community open-source libraries -- [Slack App Directory](https://slack.com/apps) - Official directory of publicly available Slack apps -- [Slack Emojis](https://emoji.gg) - Unofficial directory of custom emojis for Slack - -## :art:   Themes - -- [Slack Themes](http://slackthemes.net/) - A Slack sidebar theme browser -- [Sweet Themes Are Made of These](http://sweetthemesaremadeofthe.se/) - Website for sharing Slack custom palettes - -## :hammer_and_wrench:   Libraries and SDKs - -### C# - -- [margiebot](https://github.com/jammerware/margiebot) - A .NET library designed to make building bots for Slack fast, easy, and fun -- [Slack.Webhooks](https://github.com/nerdfury/Slack.Webhooks) - A library to work with Slack webhooks more easily -- [SlackAPI](https://github.com/Inumedia/SlackAPI) - A third-party implementation of Slack's API written in C# - -### Erlang - -- [slacker](https://github.com/julienXX/slacker) - Erlang Slack REST API wrapper - -### Go - -- [webhook](https://github.com/adnanh/webhook) - Easily run commands in response to HTTP webhook requests from Slack - -### Java - -- [java-slack-sdk](https://github.com/slackapi/java-slack-sdk) - Slack's official Java framework for building Slack apps -- [simple-slack-api](https://github.com/Ullink/simple-slack-api) - A Slack client library in Java - -### JavaScript/TypeScript - -- [bolt-js](https://github.com/slackapi/bolt-js) - Slack's official JavaScript framework for building Slack apps -- [jsx-slack](https://github.com/yhatt/jsx-slack) - Build JSON object for Slack Block Kit surfaces from JSX -- [node-slack-sdk](https://github.com/slackapi/node-slack-sdk) - Slack's official SDK for Node.js -- [slack-block-builder](https://github.com/raycharius/slack-block-builder) - Lightweight Node.js library for building Slack Block Kit UIs, with a declarative syntax inspired by SwiftUI - -### PHP - -- [SlackBundle](https://github.com/DZunke/SlackBundle) - SlackBundle for Symfony2 -- [slack-php-app-framework](https://github.com/slack-php/slack-php-app-framework) - Robust PHP framework for building Slack apps in PHP -- [slack-php-block-kit](https://github.com/jeremeamia/slack-block-kit) - Fluent interface for composing Slack Block Kit messages and modals in PHP -- [slack-php-socket-mode](https://github.com/slack-php/slack-php-socket-mode) - A Socket Mode implementation for [slack-php-app-framework](https://github.com/slack-php/slack-php-app-framework) -- [slack-php-slick](https://github.com/slack-php/slack-php-slick) - Dependency-free micro-framework for building Slack apps in PHP - -### PowerShell - -- [PSSlack](https://github.com/RamblingCookieMonster/PSSlack) - PowerShell module for simple Slack integration. - -### Python - -- [blockkit](https://github.com/imryche/blockkit) - A fast way to build Block Kit interfaces in Python -- [bolt-python](https://github.com/slackapi/bolt-python) - Slack's official Python framework for building Slack apps -- [django-slack](https://github.com/lamby/django-slack) - Slack integration for Django, using the templating engine to generate messages -- [django-slack-oauth](https://github.com/izdi/django-slack-oauth) - Slack OAuth module for Django -- [python-slack-events-api](https://github.com/slackapi/python-slack-events-api) - Slack Events API adapter for Python -- [python-slack-sdk](https://github.com/slackapi/python-slack-sdk) - Slack's official SDK for Python -- [slackblocks](https://github.com/nicklambourne/slackblocks) - Python API for building Slack Block Kit messages +
+## Awesome Slack Communities [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) +[![Build Status](https://api.travis-ci.org/filipelinhares/awesome-slack.svg)](https://travis-ci.org/filipelinhares/awesome-slack) + +A list of communities about web development and design that are powered by **Slack**. + +## What's Slack +> Slack is a platform for team communication: everything in one place, instantly searchable, available wherever you go. *- slack.com* + + +## Development +- [Ember](https://ember-community-slackin.herokuapp.com/) +- [Laravel](https://larachat.co/) +- [Ruby](https://rubydevelopers.typeform.com/to/l7WVWl) +- [Front end](https://frontenddevelopers.org/) +- [Android](https://androidchat.co/) +- [GO](https://docs.google.com/forms/d/e/1FAIpQLScNsNXbz2SCLH5hVNoZS0C70nPAXv730SW9F3K1g6iVvlcUTg/viewform?fbzx=4754263898376949596) +- [PHP Chat](https://phpchat.co) +- [Clojure](http://clojurians.net/) +- [iOS Developers](https://ios-developers.io/) +- [Elixir](https://elixir-slackin.herokuapp.com/) +- [slashrocket](https://slashrocket.io/) +- [Cordova](http://slack.cordova.io/) +- [Python Community](https://pythoncommunity.herokuapp.com/) +- [CFML/ColdFusion](https://cfml-slack.herokuapp.com/) + + +## Regional +- [Australia & New Zealand](http://devanz.co) +- [Les Pitonneux - Montreal QC Canada](https://pitonneux.slack.com) +- [Python Brazilian Community](http://slack-pythonbrasil.herokuapp.com/) +- [Remote workers in Romania](https://github.com/filipelinhares/awesome-slack/blob/master/weworkremotely.slack.com/) +- [Russian-speaking developers community](https://rusdevs.herokuapp.com/) +- [Kazan Developers](https://devkzn.slack.com/) +- [Polish developers](http://slackin.devstyle.pl/) +- [Spanish-speaking developer communities list](https://github.com/comunidad-tecnologica/awesome-spanish-slack-dev-groups) +- [Ruby Turkey Community](https://rubytr.herokuapp.com/) +- [Rochester NY USA Developers (RocDev)](https://rocdev.org/) +- [Vancouver Developers (yvrdev)](https://yvrdev.slack.com/) + +## Design +- [Sketch](http://teamsketch.io/) +- [Design Talks](https://docs.google.com/forms/d/e/1FAIpQLSeKT_LC8kKTzJ4JjmgVQVpfl24i1qBkjJ7TYyQcNHL7fBQkYQ/viewform?c=0&w=1) +- [Designer Hangout](https://www.designerhangout.co/) + +## Misc +- [WordPress](https://make.wordpress.org/chat/) +- [Chit Chats](http://www.chitchats.co/) +- [The Evangelist Collective](https://github.com/evangelistcollective/) +- [Psychedelic Chat](http://psychedelicchat.com/) +- [LGBTQ in Technology](https://lgbtq.technology/) +- [#Startup](http://startup.chat) +- [Safelight](http://safelight.herokuapp.com/) - Photography. +- [DFIR Community](https://rishi28.typeform.com/to/sTbTI8) - Information Security. +- [First Contributors](https://firstcontributors.slack.com/join/shared_invite/enQtNjkxNzQwNzA2MTMwLTVhMWJjNjg2ODRlNWZhNjIzYjgwNDIyZWYwZjhjYTQ4OTBjMWM0MmFhZDUxNzBiYzczMGNiYzcxNjkzZDZlMDM#/) - Help / mentorship for open source contributors. +- [IT Pro Community](https://www.electric.ai/it-pro-slack) - Connect and network with IT practitioners and decision-makers +- [SaaS Community](https://join.slack.com/t/saas-hgv7803/shared_invite/zt-qwvrywyr-8DmSpEzBiSWD2WQuB9r9pw) - Community for SaaS product builders, to discuss the challenges involved. +- [Developer Marketing](https://marketingto.dev/) - Passionate marketing folks working in API Marketing, developer tooling, or actively marketing to developers. + +## DevOps +- [Google Cloud Platform](http://bit.ly/gcp-slack) +- [Kubernetes](http://slack.kubernetes.io/) +- [DevOps](https://devopschat.co/) +- [Devop Engineers](https://www.devopsengineers.com/) +- [SweetOps](https://slack.cloudposse.com/) +## Looking for more lists like that +- [Awesome Community](https://github.com/phpearth/awesome-community) + +## Contribute +Your contributions and suggestions are :heart: welcome. Ensure to read the [guidelines](https://github.com/filipelinhares/awesome-slack/blob/master/CONTRIBUTING.md) first. + +## License +[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)rne/slackblocks) - Python API for building Slack Block Kit messages - [slack-php-api](https://github.com/jolicode/slack-php-api) - PHP Slack client based on the official OpenAPI specification - [slacker-cli](https://github.com/juanpabloaj/slacker-cli) - Messages to slack from the command line - [slashbot](https://github.com/ebrassell/slashbot) - An easy way to create slash commands using AWS Lambda functions diff --git a/docs/awesome/free-for-dev.md b/docs/awesome/free-for-dev.md index 553d807dda..6489b61af5 100644 --- a/docs/awesome/free-for-dev.md +++ b/docs/awesome/free-for-dev.md @@ -328,6 +328,7 @@ This list results from Pull Requests, reviews, ideas, and work done by 1600+ peo * [Gemfury](https://gemfury.com) — Private and public artifact repos for Maven, PyPi, NPM, Go Module, Nuget, APT, and RPM repositories. Free for public projects. * [paperspace](https://www.paperspace.com/) — Build & scale AI models, Develop, train, and deploy AI applications, free plan: public projects, 5Gb storage, basic instances. * [RepoForge](https://repoforge.io) - Private cloud-hosted repository for Python, Debian, NPM packages and Docker registries. Free plan for open source/public projects. + * [RepoFlow](https://repoflow.io) - RepoFlow Simplifies package management with support for npm, PyPI, Docker, Go, Helm, and more. Try it for free with 10GB storage, 10GB bandwidth, 100 packages, and unlimited users in the cloud, or self-hosted for personal use only. ## Tools for Teams and Collaboration