{"id":75143,"date":"2024-06-13T12:00:45","date_gmt":"2024-06-13T19:00:45","guid":{"rendered":"https:\/\/blog.mozilla.org\/?p=75143"},"modified":"2024-06-27T12:37:12","modified_gmt":"2024-06-27T19:37:12","slug":"creatives","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/","title":{"rendered":"Firefox tips and tricks for creatives"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Picture-in-Picture mode in Firefox #tipsandtricks #productivityhacks #creative\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/NFOVFKhgDto?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>On my way to the airport last week, my driver asked what I do for a living. \u201cI\u2019m a content creator,\u201d I replied. \u201cI\u2019m the video lead at Mozilla.\u201d<\/p>\n\n\n\n<p>\u201cWow, that sounds fun,\u201d he said.<\/p>\n\n\n\n<p>It can be! But, like lots of other creative professions: It\u2019s not as glamorous as it sounds. Between the emails, meetings, docs, slides, more emails, contracts, spreadsheets, more meetings\u2026 alas, our days are not filled with boundless artistry.<\/p>\n\n\n\n<p>Thankfully, Firefox has a ton of built-in features that save me time, so I can focus on my creative work. Here are some of my favorites.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/blog.mozilla.org\/en\/products\/firefox\/firefox-picture-in-picture-for-videos\/\"><strong>Picture-in-picture<\/strong><\/a><\/h2>\n\n\n\n<p>I produce video content, so naturally my job involves watching a LOT of videos. I try to keep up with what\u2019s trending, particularly on YouTube. With the PiP tool, I can easily pin the latest gadget reviews and tech podcasts anywhere on my screen while I\u2019m working. Best of all, the video window floats over any app, not just Firefox\u2014and you can even mute it and turn on captions. Look, I\u2019m not saying you <em>should<\/em> sneak in a couple episodes of <a href=\"https:\/\/www.youtube.com\/playlist?list=PLFlAJDI87Jg2rc6x6OWt6dihaU4qAVCm5\" target=\"_blank\" rel=\"noreferrer noopener\">Firefox Presents<\/a> during your next Zoom meeting; I\u2019m just saying you <em>can<\/em>.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><a href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/features\/eyedropper\/\" target=\"_blank\" rel=\"noreferrer noopener\">Eyedropper tool<\/a><\/strong><\/h2>\n\n\n\n<p>This one frequently comes in handy for my designer colleagues. Just select the tool (under \u201cMore Tools\u201d in the Firefox toolbar menu or under \u201cBrowser Tools\u201d in the Tools menu), highlight any color on any website, and voil\u00e0: instant hexcode.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"961\" height=\"520\" src=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/eyedropper-high-res.7d27f67abc0a.png\" alt=\"Firefox Eyedropper Tool Highlighting Hex Code #ff4a74 on a Gradient Background\" class=\"wp-image-75145\" srcset=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/eyedropper-high-res.7d27f67abc0a.png 961w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/eyedropper-high-res.7d27f67abc0a-300x162.png 300w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/eyedropper-high-res.7d27f67abc0a-768x416.png 768w\" sizes=\"(max-width: 961px) 100vw, 961px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/features\/pdf-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>PDF editor<\/strong><\/a><\/h2>\n\n\n\n<p>Proposals, SOWs, and contracts, oh my! Creative work involves a lot of documents\u2014which, thankfully, you can edit right inside the browser with ease.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"501\" src=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/edit-pdf-highlight-high-res.caa8171b6efe-1024x501.png\" alt=\"PDF Document Editing with Highlighted Text and Fox Image Using Firefox PDF Viewer\" class=\"wp-image-75155\" srcset=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/edit-pdf-highlight-high-res.caa8171b6efe-1024x501.png 1024w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/edit-pdf-highlight-high-res.caa8171b6efe-300x147.png 300w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/edit-pdf-highlight-high-res.caa8171b6efe-768x376.png 768w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/edit-pdf-highlight-high-res.caa8171b6efe-1000x490.png 1000w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/edit-pdf-highlight-high-res.caa8171b6efe.png 1497w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/support.mozilla.org\/en-US\/kb\/take-screenshots-firefox\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Screenshot tool<\/strong><\/a><\/h2>\n\n\n<p>Screenshots have never been easier with the Screenshot tool right in your toolbar. Customize your Firefox toolbar by dragging the Screenshot button <img decoding=\"async\" style=\"max-width: 100%; height: auto;\" src=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/screenshot.png\" alt=\"Icon of a pair of scissors cutting a dotted rectangle, representing the Firefox Screenshot Tool\" \/> from the Customize Toolbar menu. Once it&#8217;s set up, you can download or copy any part of your screen with a single click. For full instructions on adding the Screenshot tool to your browser, check out the guide here.<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"706\" src=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/firefox-screenshot-tool-1024x706.png\" alt=\"Screenshot of the Firefox YouTube channel page showing 148K subscribers, with options to Copy or Download a selected video thumbnail.\" class=\"wp-image-75165\" srcset=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/firefox-screenshot-tool-1024x706.png 1024w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/firefox-screenshot-tool-300x207.png 300w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/firefox-screenshot-tool-768x530.png 768w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/firefox-screenshot-tool-1536x1060.png 1536w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/firefox-screenshot-tool-1000x690.png 1000w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/firefox-screenshot-tool.png 1928w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><a href=\"https:\/\/support.mozilla.org\/en-US\/kb\/change-website-appearance-settings-firefox\">Dark mode<\/a><\/strong><\/h2>\n\n\n\n<p>As a night owl, I can\u2019t live without this. Even better, it works for both mobile and desktop. So, whether you\u2019re <a href=\"https:\/\/blog.mozilla.org\/en\/internet-culture\/karen-ho-twitter-doomscrolling-reminder-lady\/\">doomscrolling<\/a> in bed, or catching up on email in a dark airplane cabin, you won\u2019t fry your poor retinas. Here\u2019s <a href=\"https:\/\/support.mozilla.org\/en-US\/kb\/change-website-appearance-settings-firefox\" target=\"_blank\" rel=\"noreferrer noopener\">how to turn on dark mode on Firefox<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/color.firefox.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Firefox Color<\/strong><\/a><\/h2>\n\n\n\n<p>Speaking of UI: Did you know you can create your own browser themes in Firefox? Not only can you customize the colors to your heart\u2019s content; you can even upload your own background patterns. It might not hack your productivity, but the soothing feng shui is priceless.<\/p>\n\n\n\n<p><em><em>There are endless ways to make Firefox your own, whether you\u2019re a creative, a <\/em><a href=\"https:\/\/blog.mozilla.org\/en\/products\/firefox\/firefox-tips\/gaming-browser\/\"><em>gamer<\/em><\/a><em>, a <a href=\"https:\/\/blog.mozilla.org\/en\/products\/firefox\/firefox-tips\/online-shopping-tips\/\">shopper<\/a>, a <a href=\"https:\/\/blog.mozilla.org\/en\/products\/firefox\/firefox-tips\/transform-firefox-into-minimalist-workspace\/\">minimalist<\/a>, a (tab) maximalist or however you choose to navigate the internet. We want to know how you customize Firefox. Let us know and tag us on <a href=\"https:\/\/x.com\/firefox\/\" target=\"_blank\" rel=\"noreferrer noopener\">X<\/a> or <a href=\"https:\/\/www.instagram.com\/firefox\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram<\/a> at @Firefox.\u00a0<\/em><\/em><\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>On my way to the airport last week, my driver asked what I do for a living. \u201cI\u2019m a content creator,\u201d I replied. \u201cI\u2019m the video lead at Mozilla.\u201d \u201cWow, that sounds fun,\u201d he said. It can be! But, like lots of other creative professions: It\u2019s not as glamorous as it sounds. Between the emails, [&hellip;]<\/p>\n","protected":false},"author":1889,"featured_media":75222,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11377],"tags":[],"coauthors":[464239],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Firefox tips and tricks for creatives<\/title>\n<meta name=\"description\" content=\"Streamline your creative workflow with Firefox&#039;s picture-in-picture, eyedropper tool, PDF editor, dark mode and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/\",\"name\":\"Firefox tips and tricks for creatives\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/moz_blogpostseries_creatives_1x.png\",\"datePublished\":\"2024-06-13T19:00:45+00:00\",\"dateModified\":\"2024-06-27T19:37:12+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/ff2a2684ab8dcbe5372151857748455d\"},\"description\":\"Streamline your creative workflow with Firefox's picture-in-picture, eyedropper tool, PDF editor, dark mode and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/moz_blogpostseries_creatives_1x.png\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/moz_blogpostseries_creatives_1x.png\",\"width\":1200,\"height\":800,\"caption\":\"Illustration of a web design interface with tools for text, drawing, and color selection, showing a cursor interacting with design elements on a white background.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Firefox tips and tricks for creatives\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/ff2a2684ab8dcbe5372151857748455d\",\"name\":\"Kristina Bravo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/cd320165a9224f3c60c912bf4086a89f\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/22fa545a3c48bc13cc1d84d5e09ffbff?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/22fa545a3c48bc13cc1d84d5e09ffbff?s=96&d=mm&r=g\",\"caption\":\"Kristina Bravo\"},\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/kbravo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Firefox tips and tricks for creatives","description":"Streamline your creative workflow with Firefox's picture-in-picture, eyedropper tool, PDF editor, dark mode and more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/","url":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/","name":"Firefox tips and tricks for creatives","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/moz_blogpostseries_creatives_1x.png","datePublished":"2024-06-13T19:00:45+00:00","dateModified":"2024-06-27T19:37:12+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/ff2a2684ab8dcbe5372151857748455d"},"description":"Streamline your creative workflow with Firefox's picture-in-picture, eyedropper tool, PDF editor, dark mode and more.","breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/moz_blogpostseries_creatives_1x.png","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2024\/06\/moz_blogpostseries_creatives_1x.png","width":1200,"height":800,"caption":"Illustration of a web design interface with tools for text, drawing, and color selection, showing a cursor interacting with design elements on a white background."},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-tips\/creatives\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"Firefox tips and tricks for creatives"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/ff2a2684ab8dcbe5372151857748455d","name":"Kristina Bravo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/cd320165a9224f3c60c912bf4086a89f","url":"https:\/\/secure.gravatar.com\/avatar\/22fa545a3c48bc13cc1d84d5e09ffbff?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/22fa545a3c48bc13cc1d84d5e09ffbff?s=96&d=mm&r=g","caption":"Kristina Bravo"},"url":"https:\/\/blog.mozilla.org\/en\/author\/kbravo\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/75143"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/1889"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=75143"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/75143\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media\/75222"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=75143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=75143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=75143"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=75143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}