From b9e03e7f23ed52d16bda64506a84d712c7b9a4da Mon Sep 17 00:00:00 2001 From: chenjiajia Date: Thu, 28 Dec 2023 21:08:24 +0000 Subject: [PATCH] Robot Updated at:28 Dec 2023 21:08:24 GMT --- docs/awesome/awesome-agi-cocosci.md | 2 +- .../awesome-browser-extensions-for-github.md | 102 ++--- docs/awesome/awesome-cosmos.md | 5 +- docs/awesome/awesome-integration.md | 13 +- docs/awesome/awesome-neovim.md | 1 + docs/awesome/awesome-scriptable.md | 18 +- docs/awesome/awesome-slack.md | 230 +++------- docs/awesome/awesome-streaming.md | 1 + docs/awesome/css-protips.md | 431 +++++++++--------- docs/awesome/free-for-dev.md | 1 + .../urban-and-regional-planning-resources.md | 5 +- 11 files changed, 379 insertions(+), 430 deletions(-) diff --git a/docs/awesome/awesome-agi-cocosci.md b/docs/awesome/awesome-agi-cocosci.md index b412f29894..1e92a601c5 100644 --- a/docs/awesome/awesome-agi-cocosci.md +++ b/docs/awesome/awesome-agi-cocosci.md @@ -605,7 +605,7 @@ Contributions are greatly welcomed! Please refer to [Contribution Guidelines](ht * [Compositionality and Generalization in Emergent Languages](https://arxiv.org/abs/2004.09124) - ***ACL'20***, 2020. [[All Versions](https://scholar.google.com/scholar?cluster=5792073344743965767&hl=en&as_sdt=0,5)]. -* [Word formation supports efficient communication: The case of compounds](http://www.charleskemp.com/papers/hanrpk_humanlikepropertyinductionisachallengeforlargelanguagemodels.pdf) - ***CogSci'22***, 2022. +* [Word formation supports efficient communication: The case of compounds](https://escholarship.org/uc/item/5kv636c5) - ***CogSci'22***, 2022. [[All Versions](https://scholar.google.com/scholar?cluster=17465553221758916299&hl=en&as_sdt=0,5)]. * [War and Peace (WarAgent): Large Language Model-based Multi-Agent Simulation of World Wars](https://arxiv.org/abs/2311.17227) - 2023. [[All Versions](https://scholar.google.com/scholar?cluster=3598519753107761968&hl=en&as_sdt=0,5)]. diff --git a/docs/awesome/awesome-browser-extensions-for-github.md b/docs/awesome/awesome-browser-extensions-for-github.md index 9280a6493a..eb9d7d2478 100644 --- a/docs/awesome/awesome-browser-extensions-for-github.md +++ b/docs/awesome/awesome-browser-extensions-for-github.md @@ -25,42 +25,42 @@ Want to know more about this process? Check out the [Codeless Contributions with Shows notifications when you get a new notification on GitHub and provides quick access to all notifications in a popup. -Installs: 116 | Stars: 78 | Last update: 2 Jun 2023 +Installs: 114 | Stars: 78 | Last update: 2 Jun 2023 Removes clutter from your pull request by automatically marking as viewed files that aren't worth reviewing. -Installs: 33 | Stars: 8 | Last update: 14 Feb 2022 +Installs: 31 | Stars: 8 | Last update: 14 Feb 2022 Next level code navigation for GitHub. -Installs: 568 | Stars: 60 | Last update: 20 Jul 2022 +Installs: 559 | Stars: 60 | Last update: 20 Jul 2022 Visualize GitHub repos as d3 force-directed graphs. The extension gives you a quick overview of the size and composition of any repo. -Installs: 221 | Stars: 13 | Last update: 26 Apr 2022 +Installs: 219 | Stars: 13 | Last update: 26 Apr 2022 The CoderStats link for GitHub Chrome extension displays a link to the CoderStats page for the currently displayed user or organization profile page on GitHub. -Installs: 792 | Stars: 20 | Last update: 2 May 2023 +Installs: 783 | Stars: 20 | Last update: 2 May 2023 Show the # of PRs and other contributors stats in the Issues/PRs tab. Can be helpful for maintainers that want to know if it's a contributor's first PR. -Installs: 327 | Stars: 455 | Last update: 1 Mar 2021 +Installs: 321 | Stars: 456 | Last update: 1 Mar 2021 Displays size of each file, download link and an option of copying file contents directly to clipboard -Installs: 40697 | Stars: 1939 | Last update: 25 Dec 2021 +Installs: 40692 | Stars: 1939 | Last update: 25 Dec 2021 Easily search GIPHY to add a GIF into any GitHub comment box. -Installs: 10442 | Stars: 161 | Last update: 7 Nov 2023 +Installs: 10432 | Stars: 161 | Last update: 7 Nov 2023 Find the best GIFs for your awesome pull requests. @@ -70,27 +70,27 @@ Installs: 136 | Stars: 22 | Last update: n/a Quickly browse the history of a file from any git repository. -Installs: 7209 | Stars: 13438 | Last update: 14 Oct 2023 +Installs: 7206 | Stars: 13438 | Last update: 14 Oct 2023 GitHub provides a page that only shows diffs with a .diff at the end of the URL of the pull request. This browser extension makes it easier to view csv diffs by using daff on that page. -Installs: 25 | Stars: 4 | Last update: 18 Apr 2021 +Installs: 24 | Stars: 4 | Last update: 18 Apr 2021 Code folding - the ability to selectively hide and display sections of a code - is an invaluable feature in many text editors and IDEs. Now, developers can utilize that same style code-folding while poring over source code on the web in GitHub. Works for any type of indentation- spaces or tabs. -Installs: 3117 | Stars: 288 | Last update: 14 Jul 2022 +Installs: 3116 | Stars: 288 | Last update: 14 Jul 2022 Set custom tab size for code view on GitHub.com -Installs: 528 | Stars: 67 | Last update: 6 May 2019 +Installs: 532 | Stars: 67 | Last update: 6 May 2019 Easily navigate through the changes in a file that has been edited on GitHub. -Installs: 197 | Stars: 19 | Last update: 28 Apr 2023 +Installs: 194 | Stars: 19 | Last update: 28 Apr 2023 A browser extension which gives different filetypes different icons on GitHub. @@ -105,27 +105,27 @@ Installs: 1000 | Stars: 143 | Last update: 8 Oct 2019 Neat hovercards for GitHub. -Installs: 27344 | Stars: 1794 | Last update: 12 May 2021 +Installs: 27347 | Stars: 1794 | Last update: 12 May 2021 Colorize issue and PR links to see their status (open, closed, merged). -Installs: 891 | Stars: 294 | Last update: 15 Dec 2023 +Installs: 872 | Stars: 294 | Last update: 15 Dec 2023 Displays npm package stats on GitHub -Installs: 622 | Stars: 56 | Last update: 31 May 2020 +Installs: 609 | Stars: 56 | Last update: 31 May 2020 Lists repositories that are similar to the one being viewed -Installs: 429 | Stars: 45 | Last update: 10 Aug 2022 +Installs: 430 | Stars: 45 | Last update: 10 Aug 2022 Revert closed GitHub issues from purple back to red -Installs: 26 | Stars: 39 | Last update: 11 Aug 2023 +Installs: 24 | Stars: 39 | Last update: 27 Dec 2023 Automatically adds repository size to GitHub's repository summary. @@ -135,22 +135,22 @@ Installs: 20000 | Stars: 1179 | Last update: 26 Jun 2020 Chrome extension to see story points in GitHub projects. -Installs: 588 | Stars: 60 | Last update: 17 Aug 2020 +Installs: 584 | Stars: 60 | Last update: 17 Aug 2020 Generates a pie chart on user profile pages displaying a breakdown of what languages they have used in their repositories. -Installs: 944 | Stars: 48 | Last update: 25 Sep 2023 +Installs: 932 | Stars: 48 | Last update: 25 Sep 2023 This extension adds the simplicity of WYSIWYG editing to issues, comments, pull requests, wikis and discussions in GitHub. It accepts Markdown input and offers productive writing, starting with tables. -Installs: 2113 | Stars: 355 | Last update: 14 Nov 2023 +Installs: 2111 | Stars: 355 | Last update: 14 Nov 2023 View and create Linear tickets from any GitHub PR or issue. -Installs: 61 | Stars: 20 | Last update: 12 Apr 2023 +Installs: 62 | Stars: 20 | Last update: 12 Apr 2023 Show [vscode-icons](https://github.com/vscode-icons/vscode-icons) in the repository browser. @@ -160,17 +160,17 @@ Installs: 2000 | Stars: 283 | Last update: 30 Sep 2021 It can make the sub-directories and files of github repository as zip and download it -Installs: 103253 | Stars: 34 | Last update: 21 Aug 2023 +Installs: 103236 | Stars: 34 | Last update: 21 Aug 2023 Create, save, edit, pin, search and delete filters that you commonly use on the Github Issues and Pull Requests pages. You are able to scope filters to be shown globally (on each repo) or only have them show up on the repo you create them on. Pinning filters is also a feature that this extension allows you to do. So if you have several filters you use daily - you have a way to quickly access them, at the top of your list. -Installs: 527 | Stars: n/a | Last update: 22 Aug 2022 +Installs: 520 | Stars: n/a | Last update: 22 Aug 2022 Extension to get back current and longest streak. -Installs: 659 | Stars: 227 | Last update: 10 Jan 2023 +Installs: 658 | Stars: 227 | Last update: 10 Jan 2023 Replace browser new tab screen with GitHub trending projects. @@ -180,52 +180,52 @@ Installs: 2000 | Stars: 344 | Last update: n/a Hide dotfiles from the GitHub file browser. -Installs: 683 | Stars: 317 | Last update: 17 Sep 2021 +Installs: 675 | Stars: 317 | Last update: 17 Sep 2021 Allows you to toggle between the normal GitHub contribution chart and an isometric pixel art version. -Installs: 10000 | Stars: 3403 | Last update: 19 Nov 2023 +Installs: 10000 | Stars: 3404 | Last update: 19 Nov 2023 Browser extension to add git graph to GitHub website. -Installs: 5344 | Stars: 2222 | Last update: 17 Nov 2023 +Installs: 5338 | Stars: 2222 | Last update: 17 Nov 2023 Chrome extension that adds a button in browser and links this button to a GitHub repository that you will configure, then on any webpage just click this extension button and it will add the given link with the title of the page in that repository. -Installs: 68 | Stars: 234 | Last update: 26 May 2018 +Installs: 65 | Stars: 234 | Last update: 26 May 2018 See forks with the most stars under the names of repositories. -Installs: 1315 | Stars: 567 | Last update: 6 Nov 2023 +Installs: 1312 | Stars: 568 | Last update: 6 Nov 2023 Show Material icons for files/folders in repository file viewer. Display the same icons from vscode-material-icon-theme VSCode extension. -Installs: 10612 | Stars: 399 | Last update: 21 Nov 2023 +Installs: 10606 | Stars: 399 | Last update: 21 Nov 2023 An extension that creates direct links to imported modules, external or internal, on source code on GitHub. Supports multiple languages, including common ones like Rust, Go, Python and Ruby, but also odd ones like Nim, Haskell, Julia and Elm. -Installs: 39 | Stars: 247 | Last update: 27 Nov 2019 +Installs: 37 | Stars: 247 | Last update: 27 Nov 2019 Chrome extension which helps you not to miss important changes in your news thread related to your repo -Installs: 14 | Stars: 15 | Last update: 1 Oct 2018 +Installs: 13 | Stars: 15 | Last update: 1 Oct 2018 A Chrome and Firefox extension to quickly see your notifications in a popup without leaving the current page. -Installs: 410 | Stars: 141 | Last update: 6 Apr 2023 +Installs: 408 | Stars: 141 | Last update: 6 Apr 2023 Displays your GitHub notifications unread count. Supports GitHub Enterprise and an option to only show unread count for issues you're participating in. You can click the icon to quickly see your unread notifications. -Installs: 10510 | Stars: 1760 | Last update: 12 Jul 2023 +Installs: 10497 | Stars: 1760 | Last update: 12 Jul 2023 Filter your pull requests/issues in different categories giving you a big boost in productivity. Also suggests new trending repositories. @@ -235,14 +235,14 @@ Installs: 86 | Stars: 134 | Last update: 20 Nov 2023 OctoLinker is the easiest and best way to navigate between files and projects on GitHub. It supports languages such as JavaScript, Ruby, Go, PHP, JAVA and more. It works with package.json as well as with Gemfiles. -Installs: 32663 | Stars: 5212 | Last update: 13 Nov 2022 +Installs: 32656 | Stars: 5212 | Last update: 13 Nov 2022 OctoPermalinker is a browser extension that searches GitHub comments/files for links to files on branches, and adds a link to where the branch pointed when the comment/file was made/updated. This helps you avoid following a link that was broken after being posted. For context, here's some discussion about broken GitHub links: [Don't link to line numbers in GitHub](https://news.ycombinator.com/item?id=8046710). For example, suppose you're looking at a gist that links to a file on the master branch of a repo. At the time the gist was made, the link worked, but if the file gets removed, the link is broken. OctoPermalinker uses the gist creation date to add a permalink that still works. -Installs: 234 | Stars: 22 | Last update: 20 May 2017 +Installs: 226 | Stars: 22 | Last update: 20 May 2017 The missing IntelliSense hint for GitHub and GitLab @@ -252,7 +252,7 @@ Installs: 4000 | Stars: 960 | Last update: 4 Feb 2022 Useful for developers who frequently read source in GitHub and do not want to download or checkout too many repositories. -Installs: 337129 | Stars: 22605 | Last update: 22 Dec 2023 +Installs: 337094 | Stars: 22603 | Last update: 22 Dec 2023 Revert GitHub's UI back to its classic look (before the June 23, 2020 update that has a flat, rounded and more whitespaced design). @@ -262,32 +262,32 @@ Installs: 354 | Stars: 225 | Last update: 30 Apr 2023 This browser extension allows you to open files in your IDE directly from GitHub, assuming the repository you are working on is cloned on your computer. When a fragment of a file is displayed, your IDE opens the file and puts the cursor at the desired line. -Installs: 1045 | Stars: 66 | Last update: 23 Sep 2023 +Installs: 1044 | Stars: 66 | Last update: 23 Sep 2023 Helps you keep track of incoming and outgoing PRs, and notifies you when you receive a pull request on GitHub. -Installs: 708 | Stars: 111 | Last update: 21 Jun 2023 +Installs: 705 | Stars: 111 | Last update: 21 Jun 2023 Browser extension that shows which pull requests contain changes related to a file. -Installs: 38 | Stars: 97 | Last update: 15 Oct 2020 +Installs: 36 | Stars: 97 | Last update: 15 Oct 2020 Extension that simplifies the GitHub interface and adds useful features. -Installs: 78050 | Stars: 22360 | Last update: 17 Dec 2023 +Installs: 77940 | Stars: 22366 | Last update: 17 Dec 2023 Are they tabs? Are they spaces? How many? Never wonder again! Renders spaces as `·` and tabs as `→` in all the code on GitHub. -Installs: 612 | Stars: 74 | Last update: 25 Aug 2018 +Installs: 607 | Stars: 74 | Last update: 25 Aug 2018 Introduces the Explore tab in the pull request interface where you can review changes ordered by importance and see the semantic context surrounding each change. -Installs: 29 | Stars: n/a | Last update: 10 Aug 2020 +Installs: 26 | Stars: n/a | Last update: 10 Aug 2020 The Sourcegraph browser extension gives GitHub IDE-like powers when you're viewing code, pull requests, and diffs: @@ -298,7 +298,7 @@ The Sourcegraph browser extension gives GitHub IDE-like powers when you're viewi 4. Hover tooltips 5. File tree navigation -Installs: 100943 | Stars: 9289 | Last update: 12 Dec 2023 +Installs: 100931 | Stars: 9293 | Last update: 12 Dec 2023 Make tab indented code more readable by forcing the tab size to 4 instead of 8. @@ -308,7 +308,7 @@ Installs: 1000 | Stars: 280 | Last update: 25 Sep 2021 Helps you see easily which activities happened since you last visited GitHub. -Installs: 188 | Stars: 32 | Last update: n/a +Installs: 186 | Stars: 32 | Last update: n/a Generate a magic link for your PR and post it on shared Slack channel, to entice reviewers to pick up your PR faster! @@ -323,12 +323,12 @@ Installs: 70000 | Stars: n/a | Last update: 14 Dec 2023 All your issues, PRs, repos and other work documents right in your new tab -Installs: 20156 | Stars: n/a | Last update: 17 Oct 2023 +Installs: 20154 | Stars: n/a | Last update: 17 Oct 2023 file tree for github, and more than that. -Installs: 10371 | Stars: n/a | Last update: 15 Dec 2023 +Installs: 10367 | Stars: n/a | Last update: 15 Dec 2023 Add breakpoints at 1400px, 1600px and 1800px for full GitHub experience on large screens. Also removes the truncating of file and directory names in the repository browser. @@ -338,14 +338,14 @@ Installs: 1000 | Stars: 131 | Last update: 24 Jul 2020 gitpod streamlines developer workflows by providing ready-to-code development environments in your browser - powered by vs code. -Installs: 52226 | Stars: 127 | Last update: 7 Dec 2023 +Installs: 52199 | Stars: 127 | Last update: 7 Dec 2023 When viewing a repository on github.com that has a package.json file, this extension will introspect the dependencies in package.json and display links and description for each dependency, just below the repo's README. -Installs: 2078 | Stars: 733 | Last update: 20 Dec 2023 +Installs: 2077 | Stars: 733 | Last update: 20 Dec 2023 Extends GitHub pages with math, diagrams, embedded YouTube videos etc. -Installs: 415 | Stars: 89 | Last update: 22 Aug 2023 +Installs: 408 | Stars: 89 | Last update: 22 Aug 2023 diff --git a/docs/awesome/awesome-cosmos.md b/docs/awesome/awesome-cosmos.md index 0db43d8414..03457c4faf 100644 --- a/docs/awesome/awesome-cosmos.md +++ b/docs/awesome/awesome-cosmos.md @@ -203,6 +203,7 @@ Modules or frameworks for virtual machines that run in the Cosmos SDK * [multisig](https://github.com/informalsystems/multisig) - CLI tool for managing multisig accounts on Cosmos SDK chains. * [cosmos-genesis-tinkerer](https://github.com/hyphacoop/cosmos-genesis-tinkerer) - CLI tool for modifying Cosmos genesis files. * [airdrop-tools](https://github.com/Reecepbcups/airdrop-tools) - CLI scripts to help distribute a variety of tokens from multiple formats. +* [cosmos.nix](https://github.com/informalsystems/cosmos.nix) - [Nix](https://nixos.org/) support for Cosmos and CosmWasm. ### GUI @@ -261,7 +262,3 @@ As the ecosystem grows, so does the content. DYOR and follow the projects you fi ## Related * [Awesome CosmWasm](https://github.com/InterWasm/cw-awesome) -* [Awesome Crypto.com Chain](https://github.com/crypto-org-chain/awesome) -* [Awesome Evmos](https://github.com/evmos/awesome) -* [Awesome IRISnet](https://github.com/irisnet/awesome) -* [Awesome Osmosis](https://github.com/osmosis-labs/awesome) diff --git a/docs/awesome/awesome-integration.md b/docs/awesome/awesome-integration.md index 78c2be7326..0043e17b33 100644 --- a/docs/awesome/awesome-integration.md +++ b/docs/awesome/awesome-integration.md @@ -38,7 +38,7 @@ System integration is the process of linking together different IT systems (com *API design, documentation, and life-cycle automation tools streamline the process of creating, maintaining, and evolving APIs. These tools offer efficient means to design consistent and scalable APIs, generate comprehensive documentation, and automate various stages of the API life-cycle, enhancing developer experience and promoting API adoption.* - [Dredd (⭐4k)](https://github.com/apiaryio/dredd) - Validate API description docs against backend implementation using this language-agnostic CLI tool. - [OpenAPI-GUI (⭐1.3k)](https://github.com/Mermade/openapi-gui) - Create and validate OpenAPI specs with ease using this intuitive graphical user interface. -- [OpenAPI Diff (⭐701)](https://github.com/OpenAPITools/openapi-diff) - Compare OpenAPI specs with version control and visualize the differences in HTML or Markdown format. +- [OpenAPI Diff (⭐704)](https://github.com/OpenAPITools/openapi-diff) - Compare OpenAPI specs with version control and visualize the differences in HTML or Markdown format. - [OpenAPI Generator (⭐18k)](https://github.com/OpenAPITools/openapi-generator) - Automate the creation of API client libraries, server stubs, documentation and config files with this powerful OpenAPI Spec tool. - [OpenAPI Style Validator (⭐183)](https://github.com/OpenAPITools/openapi-style-validator) - Ensure that your OpenAPI specs meet your organization's standards with this flexible and customizable style validator. - [Spectral (⭐2.1k)](https://github.com/stoplightio/spectral) - Detect and fix errors in your JSON/YAML files using this linter tool that supports OpenAPI 3.0 & 2.0 and AsyncAPI. @@ -67,7 +67,7 @@ System integration is the process of linking together different IT systems (com - [Apache APISIX (⭐13k)](https://github.com/apache/apisix) - A dynamic, real-time, and high-performance API Gateway that leverages Apache plugins for enhanced functionality. - [Gloo Edge (⭐3.9k)](https://github.com/solo-io/gloo) - An Envoy Proxy-based API Gateway that provides advanced traffic management, security, and observability features for modern microservices architectures. - [Kong API Gateway (⭐36k)](https://github.com/Kong/kong) - A cloud-native, platform-agnostic, and scalable API Gateway that supports plugins for easy integration with third-party services. -- [KrakenD API Gateway (⭐1.5k)](https://github.com/devopsfaith/krakend-ce) - An ultra-high performance API Gateway that leverages middlewares for fast and efficient API management. +- [KrakenD API Gateway (⭐1.6k)](https://github.com/devopsfaith/krakend-ce) - An ultra-high performance API Gateway that leverages middlewares for fast and efficient API management. - [Ocelot (⭐7.9k)](https://github.com/ThreeMammals/Ocelot) - A .NET API Gateway that provides a simple and elegant way to manage APIs with its intuitive routing and middleware configuration. - [Spring Cloud Gateway (⭐4.2k)](https://github.com/spring-cloud/spring-cloud-gateway) - An API Gateway built on top of the Spring ecosystem, providing advanced routing and filtering features for Spring applications. - [Traefik (⭐45k)](https://github.com/traefik/traefik) - A modern, open-source API Gateway that is designed to handle dynamic container environments such as Kubernetes, Docker Swarm, and Mesos. It provides load balancing, SSL/TLS termination, rate limiting, circuit breaking, and more. @@ -180,6 +180,7 @@ System integration is the process of linking together different IT systems (com *The Integration frameworks section includes software tools and libraries that help developers implement and manage integration patterns in their applications. These frameworks are based on well-established Enterprise Integration Patterns (EIPs), which provide a standard vocabulary and architecture for designing and implementing integration solutions. The frameworks in this section can help simplify the process of integrating different systems, applications, and data sources by providing pre-built connectors, message routing, and transformation capabilities.* - [Apache Camel (⭐5.1k)](https://github.com/apache/camel) - A powerful integration framework that uses Enterprise Integration Patterns to connect and unify different transport APIs. - [Ballerina (⭐3.5k)](https://github.com/ballerina-platform/ballerina-lang) - An open-source programming language that simplifies the creation, usage, and combination of network services. +- [Frank!Framework (⭐86)](https://github.com/frankframework/frankframework) - A Low-Code Java-based messaging framework to connect your system and application data, that is completely configurable through XML configurations. - [Spring Integration (⭐1.4k)](https://github.com/spring-projects/spring-integration) - An extension of the Spring programming model that supports Enterprise Integration Patterns, allowing for streamlined integration of various systems. @@ -259,14 +260,14 @@ System integration is the process of linking together different IT systems (com - [Apache Qpid (⭐55)](https://github.com/apache/qpid-broker-j) - A messaging tool that supports the Advanced Message Queuing Protocol (AMQP) and multiple programming languages and platforms. Offers enterprise-grade messaging capabilities with reliable and efficient message delivery. - [BlazingMQ (⭐2.3k)](https://github.com/bloomberg/blazingmq) - A distributed message queueing platform with a focus on efficiency, reliability, and a rich feature set for modern-day workflows. - [Centrifugo (⭐7.5k)](https://github.com/centrifugal/centrifugo) - An open-source, scalable real-time messaging server that allows you to build interactive applications where events are delivered to online users with minimal delay. -- [Eclipse Mosquitto (⭐7.9k)](https://github.com/eclipse/mosquitto) - A lightweight open-source message broker that implements the MQTT protocol. Designed for low-power devices and supports message encryption and authentication. +- [Eclipse Mosquitto (⭐8k)](https://github.com/eclipse/mosquitto) - A lightweight open-source message broker that implements the MQTT protocol. Designed for low-power devices and supports message encryption and authentication. - [EMQX (⭐12k)](https://github.com/emqx/emqx) - A high-performance, scalable, and reliable open-source MQTT broker for IoT, IIoT, and connected vehicles. - [IBM MQ](https://www.ibm.com/products/mq) - A robust enterprise-grade messaging system that enables safe and efficient communication between applications. Offers high availability and disaster recovery capabilities and supports multiple messaging protocols. - [KubeMQ](https://kubemq.io/) - A Kubernetes-based message broker and queue system designed for scalability, high availability, and security. Offers seamless integration with Kubernetes and supports various messaging patterns. - [NATS (⭐14k)](https://github.com/nats-io/gnatsd) - A lightweight and high-performance messaging system designed for microservices, IoT, and cloud-native systems. Offers efficient and reliable message delivery and supports multiple messaging protocols. - [Oracle AQ](https://www.oracle.com/database/technologies/advanced-queuing.html) - A messaging system that provides enterprise message functionality and is widely used within the Oracle database. Offers reliable and efficient message delivery and supports multiple messaging styles. - [RabbitMQ (⭐11k)](https://github.com/rabbitmq/rabbitmq-server) - An open-source message broker that implements AMQP and supports multiple messaging protocols and patterns. Offers reliable and efficient message delivery and supports clustering and high availability. -- [Redpanda (⭐8.1k)](https://github.com/vectorizedio/redpanda) - A streaming platform that is Kafka-compatible and does not require Zookeeper or JVM. Offers high-performance and low-latency messaging and supports stream processing and analytics. +- [Redpanda (⭐8.2k)](https://github.com/vectorizedio/redpanda) - A streaming platform that is Kafka-compatible and does not require Zookeeper or JVM. Offers high-performance and low-latency messaging and supports stream processing and analytics. - [Red Hat AMQ](https://www.redhat.com/en/technologies/jboss-middleware/amq) - A messaging system based on open-source communities like Apache ActiveMQ and Apache Kafka. Offers enterprise-grade messaging capabilities with reliable and efficient message delivery. - [TIBCO Enterprise Message Service](https://www.tibco.com/products/tibco-enterprise-message-service) - A standards-based JMS implementation that allows for easy exchange of messages between applications. Offers reliable and efficient message delivery and supports various messaging protocols and patterns. - [VerneMQ (⭐3.1k)](https://github.com/vernemq/vernemq) - A high-performance distributed MQTT message broker designed for scalability and reliability. Offers efficient and reliable message delivery and supports multiple messaging protocols and patterns. @@ -750,10 +751,10 @@ the Design of Network-based Software Architectures](https://www.ics.uci.edu/~fie - [BSON](https://bsonspec.org/) - Binary-encoded serialization format for JSON-like documents that is designed to be lightweight and efficient. It supports rich data types and is widely used in NoSQL databases, such as MongoDB. - [CSV](https://datatracker.ietf.org/doc/html/rfc4180) - A simple and widely used data format that stores tabular data in plain text. It is easy to read and write, and can be processed by most programming languages. - [JSON](https://datatracker.ietf.org/doc/html/rfc8259) - A lightweight and easy-to-read data format that is widely used for data exchange. It supports a wide range of data types and is compatible with many programming languages. -- [NDJSON (⭐607)](https://github.com/ndjson/ndjson-spec) - A standard for delimiting JSON objects in stream protocols. It allows for efficient processing of large JSON datasets and is widely used in big data processing. +- [NDJSON (⭐608)](https://github.com/ndjson/ndjson-spec) - A standard for delimiting JSON objects in stream protocols. It allows for efficient processing of large JSON datasets and is widely used in big data processing. - [Protocol Buffers (⭐62k)](https://github.com/protocolbuffers/protobuf) - A language-neutral and platform-neutral serialization mechanism that is designed to be highly efficient and extensible. It supports rich data types and is widely used in distributed systems, such as gRPC and Apache Kafka. - [XML](https://www.w3.org/TR/xml11/) - A flexible and widely used markup language that is used for storing and exchanging structured data. It supports rich data types and is compatible with many programming languages. -- [YAML (⭐279)](https://github.com/yaml/yaml-spec) - A human-friendly and easy-to-read data serialization format that is widely used for configuration files and data exchange. It supports rich data types and is compatible with most programming languages. +- [YAML (⭐280)](https://github.com/yaml/yaml-spec) - A human-friendly and easy-to-read data serialization format that is widely used for configuration files and data exchange. It supports rich data types and is compatible with most programming languages. diff --git a/docs/awesome/awesome-neovim.md b/docs/awesome/awesome-neovim.md index bb45102c52..a941ff3a6c 100644 --- a/docs/awesome/awesome-neovim.md +++ b/docs/awesome/awesome-neovim.md @@ -632,6 +632,7 @@ These colorschemes may not specialize in Tree-sitter directly but are written in - [ariel-frischer/bmessages.nvim](https://github.com/ariel-frischer/bmessages.nvim) - Replace the default :messages window with a configurable, auto-updating buffer. - [LintaoAmons/easy-commands.nvim](https://github.com/LintaoAmons/easy-commands.nvim) - A collection of intuitive, easily searchable, and ready-to-use commands. - [backdround/tabscope.nvim](https://github.com/backdround/tabscope.nvim) - Make tab-local buffers. +- [linrongbin16/gentags.nvim](https://github.com/linrongbin16/gentags.nvim) - The tags generator/management for old school vimers. ## Terminal Integration diff --git a/docs/awesome/awesome-scriptable.md b/docs/awesome/awesome-scriptable.md index e12421c20e..fbd94f6f50 100644 --- a/docs/awesome/awesome-scriptable.md +++ b/docs/awesome/awesome-scriptable.md @@ -21,7 +21,7 @@ - [FordPassWidget](https://github.com/dschablowsky/FordPassWidget) - Information about your Ford, like location or mileage. - + - [Polestar SoC Medium Widget](https://github.com/niklasvieth/polestar-ios-medium-widget) - Current state of charge of your Polestar 2 as medium widget or as simplified [lockscreen widget](https://github.com/niklasvieth/polestar-ios-lockscreen-widget). @@ -37,7 +37,7 @@ - [TeslaData-Widget](https://github.com/DrieStone/TeslaData-Widget) - Information about your Tesla, like charging status and doors locked/unlocked. - + - [ZOE-Widget.js](https://gist.github.com/mountbatt/772e4512089802a2aa2622058dd1ded7) - Information about your Renault Zoe like charging or location. @@ -73,7 +73,7 @@ - [btc-usd-course.js](https://github.com/wickenico/btc-usd-course.js) - Shows the current bitcoin course in USD. - + - [Tradegate Stock Widget](https://github.com/Chrischi-/tradegate-stock-widget-for-scriptable) - Stocks Widget to show share prices from Tradegate Exchange. @@ -117,7 +117,7 @@ - [scriptable_premiumsim](https://github.com/BergenSoft/scriptable_premiumsim) - Data consumption based on tariff for Drillisch providers (e.g. WinSIM, PremiumSIM). - + ## Music @@ -137,7 +137,7 @@ - [scriptable-pocket-widget](https://github.com/brianseidman/scriptable-pocket-widget) - Shows unread or favorited Pocket articles. - Scriptable Pocket Widget Screenshot + - [sonntagsfrage](https://github.com/henningtillmann/sonntagsfrage) - The latest German political poll results. @@ -151,7 +151,7 @@ - [conversable-for-scriptable](https://github.com/andyngo/conversable-for-scriptable) - Contact icons to start conversations. - + - [ig-latest-post.js](https://github.com/supermamon/scriptable-scripts/blob/master/instagram-widgets/ig-latest-post.js) - The latest post from selected Instagram users. @@ -189,9 +189,13 @@ ## Tools +- [bamboo-scriptable-widget](https://github.com/Korysam15/bamboo-scriptable-widget) - Status of build plans from Bamboo. + + + - [gitlab-stats-for-scribtable](https://github.com/p0fi/gitlab-stats-for-scribtable) - Statistics from GitLab like the number of assigned merge requests. - + - [mz_invisible_widget.js](https://gist.github.com/mzeryck/3a97ccd1e059b3afa3c6666d27a496c9) - Creation of "invisible" backgrounds. diff --git a/docs/awesome/awesome-slack.md b/docs/awesome/awesome-slack.md index a672586b46..9fc39434bd 100644 --- a/docs/awesome/awesome-slack.md +++ b/docs/awesome/awesome-slack.md @@ -1,157 +1,73 @@ -
-[![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 -- [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 -- [boltworks](https://github.com/YSaxon/boltworks) - Extensions to Slack's bolt framework: expandable GUIs, easier callbacks, richer CLIs - -### R - -- [slackr](https://github.com/hrbrmstr/slackr) - A package to send webhook API messages to Slack channels/users from R - -### Ruby - -- [slack-notifier](https://github.com/stevenosloan/slack-notifier) - A simple wrapper for posting to Slack -- [slack-notify](https://github.com/sosedoff/slack-notify) - Send notifications to Slack -- [slack-poster](https://github.com/rikas/slack-poster) - Simple gem to post messages on Slack using webhooks -- [slack-ruby-block-kit](https://github.com/CGA1123/slack-ruby-block-kit) - A ruby wrapper for Slack's Block Kit -- [slack-ruby-bot](https://github.com/dblock/slack-ruby-bot) - The easiest way to write a Slack bot in Ruby -- [slack-ruby-bot-server](https://github.com/slack-ruby/slack-ruby-bot-server) - Ruby library for building Slack applications -- [slack-ruby-client](https://github.com/dblock/slack-ruby-client) - A Ruby client for the Slack Web and RealTime Messaging APIs - -### Rust - -- [slack-morphism-rust](https://github.com/abdolence/slack-morphism-rust) - A modern async Slack API client for Rust - -### Scala - -- [slack-scala-client](https://github.com/gilbertw1/slack-scala-client) - A Scala Slack client for the Web and RTM API - -### Swift - -- [SwiftBlocksUI](https://github.com/SwiftBlocksUI/SwiftBlocksUI/) - Interactive Slack messages and modals using a SwiftUI-like declarative style - -## :gear:   Open-Source Slack Apps and Integrations - -### CoffeeScript - -- [jinora](https://github.com/sdslabs/jinora) - Slack webhook app to create anonymous public channels - -### Java - -- [simple-slack-api](https://github.com/Ullink/simple-slack-api) - A Slack client library in Java -- [tasks-app](https://github.com/slackapi/tasks-app) - Simple task management app produced by Slack - -### JavaScript/Typescript - -- [definition-app](https://github.com/slackapi/definition-app) - App for storing and accessing company-specific phrases -- [slack-github-action](https://github.com/slackapi/slack-github-action) - Send data into Slack using this GitHub Action -- [slack-reporting-tool](https://github.com/slackapi/slack-reporting-tool) - App that allows team members to report offensive messages -- [tesla-slack](https://github.com/heikkipora/tesla-slack) - Track your Tesla from Slack -- [tasks-app](https://github.com/slackapi/tasks-app) - Simple task management app produced by Slack - -### PHP - -- [MantisBT-Slack](https://github.com/infojunkie/MantisBT-Slack) - MantisBT plugin to send bug updates to Slack -- [monolog](https://github.com/Seldaek/monolog) - Sends your logs to Slack - -### Python - -- [slackbot](https://github.com/lins05/slackbot) - A chat bot for Slack -- [slacker-cli](https://github.com/juanpabloaj/slacker-cli) - Messages to slack from the command line -- [tasks-app](https://github.com/slackapi/tasks-app) - Simple task management app produced by Slack -- [wee-slack](https://github.com/rawdigits/wee-slack) - A WeeChat plugin for Slack - -### Ruby - -- [slack-gamebot](https://github.com/dblock/slack-gamebot) - A game bot for Slack -- [snarkov](https://github.com/gesteves/snarkov) - Sinatra-based Markov bot for Slack -- [tickbot](https://github.com/barryf/tickbot) - Simple team time tracking reminder -- [trebekbot](https://github.com/gesteves/trebekbot) - A Jeopardy! bot for Slack - -## :busts_in_silhouette:   Contributions - -Contributions are always welcome! Please read the [contribution guidelines](https://github.com/matiassingers/awesome-slack/blob/master/contributing.md) first. - -## :classical_building:   License - -[![CC0](https://licensebuttons.net/p/zero/1.0/88x31.png)](http://creativecommons.org/publicdomain/zero/1.0/) - -To the extent possible under law, [Matias Singers](http://mts.io) has waived all copyright and related or neighboring rights to this work. +
+## 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/) diff --git a/docs/awesome/awesome-streaming.md b/docs/awesome/awesome-streaming.md index de474c83c6..a0fe364a39 100644 --- a/docs/awesome/awesome-streaming.md +++ b/docs/awesome/awesome-streaming.md @@ -127,6 +127,7 @@ Mesos, designed for high performance data processing jobs that require flexibili - [ksqlDB](https://github.com/confluentinc/ksql) [Java] - A cloud-native, source-available [database](https://ksqldb.io/) purpose-built for stream processing applications - [Materialize](https://materialize.com) [Rust] - A source-available streaming SQL engine for maintaining materialized views on data from message brokers and databases. - [Siddhi](https://github.com/siddhi-io/siddhi) [Java] - A cloud native Streaming and Complex Event Processing engine that understands Streaming SQL queries in order to capture events from diverse data sources, process them, detect complex conditions, and publish output to various endpoints in real time. +- [Proton](https://github.com/timeplus-io/proton) [C++] - A unified streaming and historical data analytics database in a single binary, powered by ClickHouse. ### Benchmark diff --git a/docs/awesome/css-protips.md b/docs/awesome/css-protips.md index ac198719d2..87e28e3da3 100644 --- a/docs/awesome/css-protips.md +++ b/docs/awesome/css-protips.md @@ -5,9 +5,9 @@ ## CSS Protips [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) -一系列技巧可帮助您提高 CSS 技能. +A collection of tips to help take your CSS skills pro. -> 如需其他精彩列表,请查看 [@sindresorhus](https://github.com/sindresorhus/)的精选清单 [awesome lists](https://github.com/sindresorhus/awesome/). +> For other great lists check out [@sindresorhus](https://github.com/sindresorhus/)'s curated list of [awesome lists](https://github.com/sindresorhus/awesome/). @@ -20,44 +20,44 @@ ### Use a CSS Reset - CSS 重置有助于在不同浏览器之间强制执行样式一致性,并为样式元素提供干净的状态. 您可以使用 CSS 重置库,例如 [Normalize](http://necolas.github.io/normalize.css/),_et al._,或者您可以使用更简化的重置方法: +CSS resets help enforce style consistency across different browsers with a clean slate for styling elements. You can use a CSS reset library like [Normalize](http://necolas.github.io/normalize.css/), _et al._, or you can use a more simplified reset approach: ```css *, *::before, -*::后 { - 框大小:边框框; - 保证金:0; - 填充:0; +*::after { + box-sizing: border-box; + margin: 0; + padding: 0; } ``` -现在,元素将被去除边距和填充,并且“box-sizing”可让您使用 CSS 盒模型管理布局. +Now elements will be stripped of margins and padding, and `box-sizing` lets you manage layouts with the CSS box model. -#### [Demo](http://codepen.io/AllThingsSmitty/pen/kkrkLL) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/kkrkLL) -**注意:** 如果您遵循 [Inherit `box-sizing`](#inherit-box-sizing) 下面的提示您可能会选择在 CSS 重置中不包含“box-sizing”属性. +**Note:** If you follow the [Inherit `box-sizing`](#inherit-box-sizing) tip below you might opt to not include the `box-sizing` property in your CSS reset. [back to table of contents](#table-of-contents) ### Inherit `box-sizing` -让 `box-sizing` 继承自 `html`: +Let `box-sizing` be inherited from `html`: ```css -html{ - 框大小:边框框; +html { + box-sizing: border-box; } *, *::before, -*::后 { - 盒子大小:继承; +*::after { + box-sizing: inherit; } ``` -这使得在插件或利用其他行为的其他组件中更改“盒子大小”变得更容易. +This makes it easier to change `box-sizing` in plugins or other components that leverage other behavior. #### [Demo](https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) @@ -66,123 +66,123 @@ html{ ### Use `unset` Instead of Resetting All Properties -重置元素的属性时,无需重置每个单独的属性: +When resetting an element's properties, it's not necessary to reset each individual property: ```css -按钮 { - 背景:无; - 边框:无; - 颜色:继承; - 字体:继承; - 概要:无; - 填充:0; +button { + background: none; + border: none; + color: inherit; + font: inherit; + outline: none; + padding: 0; } ``` -您可以使用“all”简写来指定元素的所有属性. 将值设置为“unset”会将元素的属性更改为其初始值: +You can specify all of an element's properties using the `all` shorthand. Setting the value to `unset` changes an element's properties to their initial values: ```css -按钮 { - 全部:未设置; +button { + all: unset; } ``` -**注意:** IE11 不支持 `all` 和 `unset` 简写. +**Note:** the `all` and `unset` shorthand isn't supported in IE11. [back to table of contents](#table-of-contents) ### Use `:not()` to Apply/Unapply Borders on Navigation -而不是把边界... +Instead of putting on the border... ```css -/* 添加边框 */ -.name in { +/* add border */ +.nav li { border-right: 1px solid #666; } ``` -...然后把它从最后一个元素上取下来... +...and then taking it off the last element... ```css -/* 去除边框 */ -.nav li:最后一个子项 { - 右边界:无; +/* remove border */ +.nav li:last-child { + border-right: none; } ``` -...使用 `:not()` 伪类仅应用于您想要的元素: +...use the `:not()` pseudo-class to only apply to the elements you want: ```css -.nav li:not(:最后一个孩子) { +.nav li:not(:last-child) { border-right: 1px solid #666; } ``` -在这里,CSS 选择器被解读为人类对它的描述. +Here, the CSS selector is read as a human would describe it. -#### [Demo](http://codepen.io/AllThingsSmitty/pen/LkymvO) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/LkymvO) [back to table of contents](#table-of-contents) ### Check If Font Is Installed Locally -您可以在远程获取字体之前检查本地是否安装了字体,这也是一个很好的性能提示. +You can check if a font is installed locally before fetching it remotely, which is a good performance tip, too. ```css @font-face { - 字体系列:“Dank Mono”; - 源代码: - /* 全名 */ - 本地(“丹克单声道”), - /* 后记名称 */ - 本地(“丹克单声道”), - /* 否则,下载它! */ - url("//...a.server/fonts/DankMono.woff"); + font-family: "Dank Mono"; + src: + /* Full name */ + local("Dank Mono"), + /* Postscript name */ + local("Dank-Mono"), + /* Otherwise, download it! */ + url("//...a.server/fonts/DankMono.woff"); } -代码 { - 字体系列:“Dank Mono”,system-ui-monospace; +code { + font-family: "Dank Mono", system-ui-monospace; } ``` -感谢 Adam Argyle 分享此专业提示并 [demo](https://codepen.io/argyleink/pen/VwYJpgR). +H/T to Adam Argyle for sharing this protip and [demo](https://codepen.io/argyleink/pen/VwYJpgR). [back to table of contents](#table-of-contents) ### Add `line-height` to `body` -您不需要为每个`添加`line-height`

`,` `,_et al_. 分别地. 相反,将其添加到“body”中: +You don't need to add `line-height` to each `

`, ``, _et al_. separately. Instead, add it to `body`: ```css -身体 { - 行高:1.5; +body { + line-height: 1.5; } ``` -这样文本元素就可以轻松地从“body”继承. +This way textual elements can inherit from `body` easily. -#### [Demo](http://codepen.io/AllThingsSmitty/pen/VjbdYd) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/VjbdYd) [back to table of contents](#table-of-contents) ### Set `:focus` for Form Elements -有视力的键盘用户依靠焦点来确定键盘事件在页面中的位置. 使表单元素的焦点比浏览器的默认实现更加突出和一致: +Sighted keyboard users rely on focus to determine where keyboard events go in the page. Make focus for form elements stand out and consistent than a browser's default implementation: ```css a:focus, button:focus, input:focus, select:focus, -文本区域:焦点{ - 盒子阴影:无; +textarea:focus { + box-shadow: none; outline: #000 dotted 2px; - 轮廓偏移:0.05em; + outline-offset: .05em; } ``` @@ -193,56 +193,53 @@ select:focus, ### Vertically-Center Anything -不,这不是黑魔法,你确实可以将元素垂直居中. 你可以用 Flexbox 来做到这一点...... +No, it's not black magic, you really can center elements vertically. You can do this with flexbox... ```css html, -身体 { - 高度:100%; - 保证金:0; +body { + height: 100%; + margin: 0; } -身体 { - -webkit-align-items:居中; - -ms-flex-align:居中; - 对齐项目:居中; - 显示:-webkit-flex; - 显示:柔性; +body { + align-items: center; + display: flex; } ``` -...还有 CSS 网格: +...and also with CSS Grid: ```css -身体 { - 显示:网格; - 高度:100vh; - 保证金:0; - 地点项目:中心中心; +body { + display: grid; + height: 100vh; + margin: 0; + place-items: center center; } ``` -想要集中其他东西吗? 垂直、水平……任何时间、任何地点? CSS-Tricks 有 [a nice write-up](https://css-tricks.com/centering-css-complete-guide/) 做这一切. +Want to center something else? Vertically, horizontally...anything, anytime, anywhere? CSS-Tricks has [a nice write-up](https://css-tricks.com/centering-css-complete-guide/) on doing all of that. -**注意:** 注意一些 [buggy behavior](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) 在 IE11 中使用 Flexbox. +**Note:** Watch for some [buggy behavior](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) with flexbox in IE11. -#### [Demo](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/GqmGqZ) [back to table of contents](#table-of-contents) ### Comma-Separated Lists -使列表项看起来像一个真实的、以逗号分隔的列表: +Make list items look like a real, comma-separated list: ```css -ul > li:not(:last-child)::after { - 内容: ”,”; +ul > li:not(:last-child)::after { + content: ","; } ``` -使用 `:not()` 伪类,最后一项不会添加逗号. +Use the `:not()` pseudo-class and no comma will be added to the last item. [back to table of contents](#table-of-contents) @@ -250,50 +247,50 @@ ul > li:not(:last-child)::after { ### Select Items Using Negative `nth-child` -在 CSS 中使用负数“nth-child”来选择项目 1 到 n. +Use negative `nth-child` in CSS to select items 1 through n. ```css -那 { - 显示:无; +li { + display: none; } -/* 选择项目 1 到 3 并显示它们 */ -li:第n个孩子(-n+3) { - 显示:块; +/* select items 1 through 3 and display them */ +li:nth-child(-n+3) { + display: block; } ``` -或者,既然你已经了解了一些 [using `:not()`](#use-not-to-applyunapply-borders-on-navigation), 尝试: +Or, since you've already learned a little about [using `:not()`](#use-not-to-applyunapply-borders-on-navigation), try: ```css -/* 选择除前 3 项之外的所有项并显示它们 */ -li:not(:第n个孩子(-n+3)) { - 显示:块; +/* select all items except the first 3 and display them */ +li:not(:nth-child(-n+3)) { + display: block; } ``` -#### [Demo](http://codepen.io/AllThingsSmitty/pen/WxjKZp) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/WxjKZp) [back to table of contents](#table-of-contents) ### Use SVG for Icons -没有理由不使用 SVG 来制作图标: +There's no reason not to use SVG for icons: ```css -.标识 { - 背景: url("logo.svg"); +.logo { + background: url("logo.svg"); } ``` -SVG 可以很好地适应所有分辨率类型,并且在所有浏览器中都受支持 [back to IE9](http://caniuse.com/#search=svg) . 放弃 .png、.jpg 或 .gif-jif-whatev 文件. +SVG scales well for all resolution types and is supported in all browsers [back to IE9](http://caniuse.com/#search=svg). Ditch your .png, .jpg, or .gif-jif-whatev files. **Note:** If you have SVG icon-only buttons for sighted users and the SVG fails to load, this will help maintain accessibility: ```css .no-svg .icon-only::after { - 内容:attr(aria-label); + content: attr(aria-label); } ``` @@ -302,292 +299,320 @@ SVG 可以很好地适应所有分辨率类型,并且在所有浏览器中都 ### Use the "Lobotomized Owl" Selector -它可能有一个奇怪的名字,但使用通用选择器(“*”)和相邻的同级选择器(“+”)可以提供强大的 CSS 功能: +It may have a strange name but using the universal selector (`*`) with the adjacent sibling selector (`+`) can provide a powerful CSS capability: ```css * + * { - 顶部边距:1.5em; + margin-top: 1.5em; } ``` -在此示例中,文档流中其他元素后面的所有元素都将接收“margin-top: 1.5em”. +In this example, all elements in the flow of the document that follow other elements will receive `margin-top: 1.5em`. -有关“脑白质切除猫头鹰”选择器的更多信息,请阅读 [Heydon Pickering's post](http://alistapart.com/article/axiomatic-css-and-lobotomized-owls) 在*A List Apart*上. +For more on the "lobotomized owl" selector, read [Heydon Pickering's post](http://alistapart.com/article/axiomatic-css-and-lobotomized-owls) on *A List Apart*. -#### [Demo](http://codepen.io/AllThingsSmitty/pen/grRvWq) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/grRvWq) [back to table of contents](#table-of-contents) ### Use `max-height` for Pure CSS Sliders -使用隐藏溢出的“max-height”实现纯 CSS 滑块: +Implement CSS-only sliders using `max-height` with overflow hidden: ```css -.滑块{ - 最大高度:200px; - 溢出-y:隐藏; - 宽度:300px; +.slider { + max-height: 200px; + overflow-y: hidden; + width: 300px; } -.slider:悬停{ - 最大高度:600px; - 溢出-y:滚动; +.slider:hover { + max-height: 600px; + overflow-y: scroll; } ``` -元素在悬停时扩展到“最大高度”值,并且滑块由于溢出而显示. +The element expands to the `max-height` value on hover and the slider displays as a result of the overflow. [back to table of contents](#table-of-contents) ### Equal-Width Table Cells -使用表格可能会很痛苦. 尝试使用“table-layout:fixed”来保持单元格宽度相等: +Tables can be a pain to work with. Try using `table-layout: fixed` to keep cells at equal width: ```css -.日历 { - 表格布局:固定; +.calendar { + table-layout: fixed; } ``` -无痛的表格布局. +Pain-free table layouts. -#### [Demo](http://codepen.io/AllThingsSmitty/pen/jALALm) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/jALALm) [back to table of contents](#table-of-contents) ### Get Rid of Margin Hacks With Flexbox -使用列装订线时,您可以通过使用 Flexbox 的“space- Between”属性来摆脱“nth-”、“first-”和“last-child”黑客行为: +When working with column gutters you can get rid of `nth-`, `first-`, and `last-child` hacks by using flexbox's `space-between` property: ```css -.列表 { - 显示:柔性; - justify-content:空间之间; +.list { + display: flex; + justify-content: space-between; } -.列表.人{ - 弹性基础:23%; +.list .person { + flex-basis: 23%; } ``` -现在,列装订线总是显示均匀间隔. +Now column gutters always appear evenly-spaced. [back to table of contents](#table-of-contents) ### Use Attribute Selectors with Empty Links -当 ` ` 元素没有文本值但 `href` 属性有链接时显示链接: +Display links when the `` element has no text value but the `href` attribute has a link: ```css -a[href^="http"]:empty::before { - 内容:attr(href); +a[href^="http"]:empty::before { + content: attr(href); } ``` -那是相当方便的. +That's pretty convenient. -#### [Demo](http://codepen.io/AllThingsSmitty/pen/zBzXRx) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/zBzXRx) + +[back to table of contents](#table-of-contents) + + +### Control Specificity Better with `:is()` + +The `:is()` pseudo-class is used to target multiple selectors at onece, reducing redundancy and enhancing code readability. This is incredibly useful for writing large selectors in a more compact form. + +```css +:is(section, article, aside, nav) :is(h1, h2, h3, h4, h5, h6) { + color: green; +} +``` + +The above ruleset is equivalent to the following number selector rules... + +```css +section h1, section h2, section h3, section h4, section h5, section h6, +article h1, article h2, article h3, article h4, article h5, article h6, +aside h1, aside h2, aside h3, aside h4, aside h5, aside h6, +nav h1, nav h2, nav h3, nav h4, nav h5, nav h6 { + color: green; +} +``` + +#### [Demo](https://codepen.io/AllThingsSmitty/pen/rNRVxdx) + +**Note:** The `:is()` pseudo-class isn't supported in IE11. [back to table of contents](#table-of-contents) ### Style "Default" Links -添加“默认”链接的样式: +Add a style for "default" links: ```css a[href]:not([class]) { color: #008000; - 文本装饰:下划线; + text-decoration: underline; } ``` -现在,通过 CMS 插入的链接(通常没有“class”属性)将具有区别,而不会普遍影响级联. +Now links that are inserted via a CMS, which don't usually have a `class` attribute, will have a distinction without generically affecting the cascade. [back to table of contents](#table-of-contents) ### Intrinsic Ratio Boxes -要创建具有固有比例的框,您所需要做的就是将顶部或底部填充应用于 div: +To create a box with an intrinsic ratio, all you need to do is apply top or bottom padding to a div: ```css -.容器 { - 高度:0; - 底部填充:20%; - 位置:相对; +.container { + height: 0; + padding-bottom: 20%; + position: relative; } -.容器div { +.container div { border: 2px dashed #ddd; - 高度:100%; - 左:0; - 位置:绝对; - 顶部:0; - 宽度:100%; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; } ``` -使用 20% 进行填充会使框的高度等于其宽度的 20%. 无论视口的宽度如何,子 div 都将保持其纵横比 (100% / 20% = 5:1). +Using 20% for padding makes the height of the box equal to 20% of its width. No matter the width of the viewport, the child div will keep its aspect ratio (100% / 20% = 5:1). -#### [Demo](http://codepen.io/AllThingsSmitty/pen/jALZvE) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/jALZvE) [back to table of contents](#table-of-contents) ### Style Broken Images -使用一点 CSS 让破碎的图像更加美观: +Make broken images more aesthetically-pleasing with a little bit of CSS: ```css -图像{ - 显示:块; - 字体系列:无衬线字体; - 字体粗细:300; - 高度:自动; - 行高:2; - 位置:相对; - 文本对齐:居中; - 宽度:100%; +img { + display: block; + font-family: sans-serif; + font-weight: 300; + height: auto; + line-height: 2; + position: relative; + text-align: center; + width: 100%; } ``` -现在添加伪元素规则来显示用户消息和损坏图像的 URL 引用: +Now add pseudo-elements rules to display a user message and URL reference of the broken image: ```css -img::之前{ - content: "很抱歉,下面的图片已损坏:("; - 显示:块; - 底部边距:10px; +img::before { + content: "We're sorry, the image below is broken :("; + display: block; + margin-bottom: 10px; } -图像::之后{ - 内容:“(url:“attr(src)”)”; - 显示:块; - 字体大小:12px; +img::after { + content: "(url: " attr(src) ")"; + display: block; + font-size: 12px; } ``` -了解有关此模式样式的更多信息 [Ire Aderinokun](https://github.com/ireade/)'s [original post](http://bitsofco.de/styling-broken-images/). +Learn more about styling for this pattern in [Ire Aderinokun](https://github.com/ireade/)'s [original post](http://bitsofco.de/styling-broken-images/). [back to table of contents](#table-of-contents) ### Use `rem` for Global Sizing; Use `em` for Local Sizing -在根部设置基本字体大小(`html { font-size: 100%; }`)后,将文本元素的字体大小设置为 `em`: +After setting the base font size at the root (`html { font-size: 100%; }`), set the font size for textual elements to `em`: ```css h2 { - 字体大小:2em; + font-size: 2em; } p { - 字体大小:1em; + font-size: 1em; } ``` -然后将模块的字体大小设置为“rem”: +Then set the font-size for modules to `rem`: ```css -文章 { - 字体大小:1.25rem; +article { + font-size: 1.25rem; } -放在一边.module { - 字体大小:.9rem; +aside .module { + font-size: .9rem; } ``` -现在,每个模块都变得分区化,更容易设计样式、更易于维护且更灵活. +Now each module becomes compartmentalized and easier to style, more maintainable, and flexible. [back to table of contents](#table-of-contents) ### Hide Autoplay Videos That Aren't Muted -对于自定义用户样式表来说,这是一个很棒的技巧. 避免页面加载时自动播放的视频声音给用户造成负担. 如果声音未静音,则不显示视频: +This is a great trick for a custom user stylesheet. Avoid overloading a user with sound from a video that autoplays when the page is loaded. If the sound isn't muted, don't show the video: ```css -视频[自动播放]:not([静音]) { - 显示:无; +video[autoplay]:not([muted]) { + display: none; } ``` -我们再次利用 [`:not()`](#use-not-to-applyunapply-borders-on-navigation) 伪类. +Once again, we're taking advantage of using the [`:not()`](#use-not-to-applyunapply-borders-on-navigation) pseudo-class. [back to table of contents](#table-of-contents) ### Use `:root` for Flexible Type -响应式布局中的字体大小应该能够根据每个视口进行调整. 您可以使用`:root`根据视口高度和宽度计算字体大小: +The type font size in a responsive layout should be able to adjust with each viewport. You can calculate the font size based on the viewport height and width using `:root`: ```css -:根 { - 字体大小: calc(1vw + 1vh + .5vmin); +:root { + font-size: calc(1vw + 1vh + .5vmin); } ``` -现在您可以根据 `:root` 计算的值使用 `root em` 单位: +Now you can utilize the `root em` unit based on the value calculated by `:root`: ```css -身体 { - 字体:1rem/1.6 无衬线; +body { + font: 1rem/1.6 sans-serif; } ``` -#### [Demo](http://codepen.io/AllThingsSmitty/pen/XKgOkR) +#### [Demo](https://codepen.io/AllThingsSmitty/pen/XKgOkR) [back to table of contents](#table-of-contents) ### Inherit `font` on Form Elements for a Better Mobile Experience -默认情况下,某些表单控件不继承印刷样式. 避免移动浏览器(iOS Safari 等)在“”时放大 HTML 表单元素` drop-down is tapped, and to mitigate styling inconsistencies across browsers, set the `font` rule to `inherit`: ```css input, button, select, -文本区域{ - 字体:继承; +textarea { + font: inherit; } ``` -了解更多信息 [MDN's guide to styling web forms](https://developer.mozilla.org/en-US/docs/Learn/Forms/Styling_web_forms). +Learn more in [MDN's guide to styling web forms](https://developer.mozilla.org/en-US/docs/Learn/Forms/Styling_web_forms). [back to table of contents](#table-of-contents) ### Use Pointer Events to Control Mouse Events -[Pointer events](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) 允许您指定鼠标如何与其所触摸的元素交互. 要禁用按钮上的默认指针事件,例如: +[Pointer events](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) allow you to specify how the mouse interacts with the element it's touching. To disable the default pointer event on a button, for instance: ```css -按钮:禁用{ - 不透明度:.5; - 指针事件:无; +button:disabled { + opacity: .5; + pointer-events: none; } ``` -就是这么简单. +It's that simple. [back to table of contents](#table-of-contents) ### Set `display: none` on Line Breaks Used as Spacing -As [Harry Roberts pointed out](https://twitter.com/csswizardry/status/1170835532584235008),这可以帮助防止 CMS 用户使用额外的换行符作为间距: +As [Harry Roberts pointed out](https://twitter.com/csswizardry/status/1170835532584235008), this can help prevent CMS users from using extra line breaks for spacing: ```css br + br { - 显示:无; + display: none; } ``` @@ -596,29 +621,29 @@ br + br { ### Use `:empty` to Hide Empty HTML Elements -如果您有空的 HTML 元素,即内容尚未由 CMS 设置或动态注入(例如,`

`) 并且它在布局上创建了不需要的空间,请使用 `:empty` 伪类隐藏布局上的元素. +If you have HTML elements that are empty, i.e., the content has yet to be set either by a CMS or dynamically injected (e.g., `

`) and it's creating unwanted space on your layout, use the `:empty` pseudo-class to hide the element on the layout. ```css -:空的 { - 显示:无; +:empty { + display: none; } ``` - **注意:** 请记住,带有空格的元素不被视为空,例如`

`. +**Note:** Keep in mind that elements with whitespace aren't considered empty, e.g., `

`. [back to table of contents](#table-of-contents) ## Support -Chrome、Firefox、Safari、Opera、Edge 和 IE11 的当前版本. +Current versions of Chrome, Firefox, Safari, Opera, Edge, and IE11. [back to table of contents](#table-of-contents) ## Translations - **注意:** 我没有足够的时间来维护不断增长的翻译提示列表; 添加新的提示需要包含十几个翻译. 因此,翻译后的自述文件可能不包含主自述文件中列出的所有提示. +**Note:** I've had less time available to maintain the growing list of translated tips; adding a new tip requires including it with over a dozen translations. For that reason, translated README files may not include all the tips listed on the main README file. * [简体中文](https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-CN) * [正體中文](https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-TW) diff --git a/docs/awesome/free-for-dev.md b/docs/awesome/free-for-dev.md index 5a5ff2896e..7f28e70907 100644 --- a/docs/awesome/free-for-dev.md +++ b/docs/awesome/free-for-dev.md @@ -1710,6 +1710,7 @@ Update Time, five active automations, webhooks. * [ray.so](https://ray.so/) - Create beautiful images of your code snippets. * [readme.com](https://readme.com/) — Beautiful documentation made easy, free for Open Source. * [redirection.io](https://redirection.io/) — SaaS tool for managing HTTP redirections for businesses, marketing and SEO. + * [redirect.ing](https://redirect.ing/) - Fast & secure domain forwarding without managing servers or SSL certificates. Free plan includes 10 hostnames and 100,000 requests per month. * [redirect.pizza](https://redirect.pizza/) - Easily manage redirects with HTTPS support. The free plan includes 10 sources and 100,000 hits per month. * [ReqBin](https://www.reqbin.com/) — Post HTTP Requests Online. Popular Request Methods include GET, POST, PUT, DELETE, and HEAD. Supports Headers and Token Authentication. Includes a basic login system for saving your requests. * [Smartcar API](https://smartcar.com) - An API for cars to locate, get fuel tank, battery levels, odometer, unlock/lock doors, etc. diff --git a/docs/awesome/urban-and-regional-planning-resources.md b/docs/awesome/urban-and-regional-planning-resources.md index 8a5b17262c..2b1a45c42b 100644 --- a/docs/awesome/urban-and-regional-planning-resources.md +++ b/docs/awesome/urban-and-regional-planning-resources.md @@ -124,7 +124,8 @@ Open Data Sites and national scale datasets should be near the top of each secti - [NLCD](https://www.usgs.gov/centers/eros/science/national-land-cover-database) - The National Land Cover Database is generated in cooperation with the Multi-Resolution Land Characteristics Consortium (MRLC), a partnership of Federal agencies working together to produce current, nationally consistent, land cover products for all 50 US states and Puerto Rico. - [Corine Land Cover](https://land.copernicus.eu/pan-european/corine-land-cover) - European Land Cover Database generated by the Land Monitoring Core Service (LMCS) of [Copernicus](https://land.copernicus.eu/), the European flagship programme on Earth Observation. -- [National Zoning & Land Use Database](https://github.com/mtmleczko/nzlud/tree/main) - This GitHub project catalogs major metros municipal zoning ordinances in plain text. It can be a useful reference for comparing ordinances or perhaps fine tuning language models. +- [National Zoning & Land Use Database](https://github.com/mtmleczko/nzlud/tree/main) - This GitHub project catalogs major metros municipal zoning ordinances in plain text. It can be a useful reference for comparing ordinances or perhaps fine tuning language models. +- [National Zoning Atlas](https://www.zoningatlas.org/) - This colloborative project is working depict key aspects of zoning codes in an online, user-friendly map to enable cross jurisdiction comparison's of land use regulations. This project was further explored a Planning Webcasts [here](https://www.youtube.com/watch?v=XBWAXHDPM8Q&ab_channel=PlanningWebcast) and [here](https://www.youtube.com/watch?v=WjWe2U313gE&ab_channel=PlanningWebcast). ### OpenStreetMap @@ -395,6 +396,7 @@ Software, tools, and platforms intended to aid with public engagement and outrea - [Social Pinpoint](https://www.socialpinpoint.com/) - Social Pinpoint is a proprietary digital public engagement tool that allows users to give feedback and share their inspirations through interactive maps, surveys, participatory budgeting exercises, and idea wall forums. - [Hello Lamp Post](https://www.hellolamppost.co.uk/) - Hello Lamp Post is a proprietary text and SMS-based on-street public engagement tool that uses physical signage and mobile devices to get citizen feedback, improve wayfinding, promote local events and services, or provide creative educational content. - [Maptionnaire](https://www.maptionnaire.com) - Provides map-based tools for designing questionnaires, collecting survey data, and conveying information. +- [SurveyMonkey](https://www.surveymonkey.com/mp/take-a-tour/) - A cloud-based survey tool that helps users create, send and analyze surveys. Users can email surveys to respondents and/or embed them on their websites and social media profiles to increase response rate. ### Urban Design Tools and Platforms Software, tools, and platforms to assist with urban design and similar creative applications in built environments. This includes 3D modeling tools, rendering, and different XR applications. @@ -407,6 +409,7 @@ Software, tools, and platforms to assist with urban design and similar creative - [Inkscape](https://inkscape.org/) - Inkscape is vector-based, open graphic manipulation tool often used as a counterpart to GIMP. - [TestFit](https://testfit.io/) - TestFit features algorithms and co-creation tools help developers, architects, urban planners and more to solve hotel, parking or multifamily building site plans in seconds. - [Delve](https://www.sidewalklabs.com/products/delve) - Delve uses generative design and AI to reveal the very best options for your project priorities and site design metrics. +- [Enscape](https://enscape3d.com/) - Enscape is an easy-to-use rendering software that produces quick, realistic and customizable rendering images for urban design and architectural visualization. The tool integrates well with commonly used 3D modeling softwares such as Rhino, SketchUp, etc. ### Urban Planning Tools and Platforms Software, tools, and platforms intended to assist general urban planning tasks and processes.