Introducing the CC Search Browser Extension

Mayank Nader

This is part of a series of posts introducing the projects built by open source contributors mentored by Creative Commons duringGoogle Summer of Code (GSoC) 2019.Mayank Nader他是这些贡献者之一,我们很感激他在这个项目上所做的工作。

Creative Commons (CC) is working towards providing easy access to CC-licensed and public domain works. One significant step towards achieving that goal was the release ofCC Searchin 2019. Through this search and indexing tool, we’re making a plethora of CC-licensed images accessible in one place. As CC Search expands to include more than just images, CC is also developing a suite of applications and interfaces to help users across the world interact, consume, and reuse open access content.

CC Search Extension (1)

TheCC Search Browser Extensionis one such application. This browser extension is an open-source, lightweight plugin that can be installed and used by anyone with an updated web browser.

Why did we create this browser extension?

Browsers are the gateway to the web, and users often install browser plugins to improve productivity and overall experience. With the CC Search Browser Extension, users can now search for CC-licensed images, download them, and attribute the owner/creator without needing to head over to Flickr, Behance, Rawpixel or any other source of CC-licensed content. The other great feature? The CC Search Browser Extension works across different browsers, providing a familiar and intuitive experience for all users.

Install the latest version of the extension viaMozilla Firefox,Google Chrome, andOpera!

Key features of the CC Search Browser Extension:

  • Search and filter CC-licensed content

You can use the extension filters to filter the content by the source website, types of licenses, and/or use-case.

CC Search Extension (2)

  • One-click attribution

One condition of all CC licenses is attribution. Attributing the owner/creator of CC-licensed content found using the extension is easy with one-click attribution. Both the Rich-text and HTML versions of the attribution are available.

CC Search Extension (3)

  • Download images (and attribution)

下载图像,通过扩展本身在您的作品中使用它。您还可以将属性信息作为文本文件与图片一起下载;当在一个会话中下载多个映像时,这是很有用的。

  • Bookmark images

Bookmarking the images will save them in the extension. You can view and remove your bookmarks from the bookmarks section.

CC Search Extension (4)

  • Export and import bookmarks

As a user, you can easily archive and/or transfer your bookmarks. This feature makes sure that the process of archiving and transferring bookmarks is uncomplicated and straightforward.

CC Search Extension (5)

  • User-interface (UI) options available for custom settings

The extension also allows for setting default filters, etc. The “Options” page helps declutter the main popup of the extension, ensuring that it shows only the most necessary information. In the future, this “Options” page will also host additional and updated features.

CC Search Extension (6)

  • Sync your custom settings and bookmarks across devices

Chrome and Firefox have a built-in feature that syncs browser settings and preferences across your logged-in devices. The extension leverages this feature to sync your custom settings and bookmarks. This will make your experience more pleasant and familiar.

  • Dark Mode

扩展也有一个黑暗模式,你可以通过点击头部的图标来切换“打开”。这减少了屏幕眩光和电池消耗。您可以在“选项”页面将暗模式设置为默认。

Future plans and development

  • Find and fix bugs
  • Add a review and feedback tab on the “Options” page
  • IntegrateVocabularyinto the extension
  • Develop usability enhancements
  • Remove infinite scrolling and replace it with pagination or voluntary loading
  • Add search syntax for better specificity of results and a search syntax guide
  • Make the code more modular and add more tests
  • Port the features of the CC Search web application that are relevant in the context of the browser plugin

Installation

The latest version of the extension is available for installation viaMozilla Firefox,Google Chrome, andOpera.

Join the community

Community contribution and feedback is an essential part of the development process, so we encourage you to contact us if you have feedback or a specific suggestion. This is anopen-source project, you can contribute in the form ofbug reports,feature requests, orcode contributions.

To install the development version of the extension, read theinstallation guide on Github.

Finally, come and tell us about your experience on theCreative Commons Slackvia the slack channel: #cc-dev-browser-extension.