Shortcuts Library
Whether you’re on macOS or iOS, this collection, starting small but destined to grow, is designed to streamline your workflow and enhance productivity. It features a variety of shortcuts, each crafted to address the unique needs of a developer’s daily tasks. From quick fixes to complex automated sequences, these shortcuts are not just time-savers; they’re essential tools for your coding journey. So, dive in, explore, and seamlessly integrate these shortcuts into your workflow.
These shortcuts are offered free and open-source for your convenience. You’re welcome to modify them as needed. If you make any improvements or changes that could benefit others, I encourage you to share your updates in the comments section. This way, we can all collaborate and enhance these tools together. Your contributions are greatly appreciated!
MacOS | Safari
Safari FitScreen - Preset Device Dimensions
Kicking off our library is the “Set Screen Size” shortcut for Safari. Remember the handy device presets in Safari’s Responsive Design Mode? Apple might have removed them, but I’ve got you covered. This shortcut allows you to effortlessly resize your Safari window to a selection of preset dimensions, simulating various devices and screen sizes. It’s an essential tool for web developers and UI/UX designers looking to test across different platforms.
MacOS & iOS | Safari
Save URL as Full-Length Image
This shortcut is for Safari users who need a quick way to save webpages as full-length images. Unlike traditional screenshot tools, this shortcut works by fetching the rich text content of a page, saving it as a PDF, and then converting these PDFs into stitched images, creating a comprehensive full-page view. It’s an excellent tool for saving offline copies of webpages, especially useful for long articles, coding documentation, or web pages that are mostly text-based.
Please note that due to its unique method of capturing content, this shortcut may not always capture images and typically won’t retain the original styling of the webpage, resembling a ‘print view’ format. It’s ideal for instances where capturing the text content is more critical than preserving the website’s visual fidelity.