Guest Blog Article for Flowmapp
Thanks to the team at FlowMapp for inviting me to contribute to their Design Voice blog series.
I’m excited to be included alongside many inspiring design practitioners.
Thanks to the team at FlowMapp for inviting me to contribute to their Design Voice blog series.
I’m excited to be included alongside many inspiring design practitioners.
Updated April 29, 2021. See this twitter thread for details.
Not long ago, it was somewhat challenging to create simulated renderings of product mockups.
For example, visualizing what a cool new app would look like on an iPhone 3G or what your branding campaign might look like across mugs, boxes, apparel and more. Eventually, things got easier thanks to Adobe Photoshop (PSD) templates for static images and other video solutions.
Well, such design tasks have gotten even simpler thanks to a growing batch of apps that streamline workflows and offer powerful new layout features. This roundup of relatively new tools now makes the task of creating mockups for software and physical merchandise ridiculously easy.
Here are some notable characteristics of these modern solutions
Let me know if I missed any apps that belong on this list.
Illustrations: Smile by AomAm, t-shirt by Kmg Design, application by Three Six Five, Package by Eucalyp, and Laptop by Visual Glow from the Noun Project
Updated January 14, 2021. See this twitter thread for details.
Several Web Browser apps want to make it easier for people & teams to test and develop Responsive Websites and Web applications iteratively.
These apps are different from services that offer static screen captures of web pages across various popular browser versions and operating systems. Such browser snapshot services have been around for a while and are certainly a helpful tool – especially when trying to do QA for legacy browsers that you plan to support.
In contrast, these specialized Web Browser DevTools focus on allowing Front-end devs to see a realtime synchronized view of responsive web content scrolling within multiple viewport ‘panes’ simultaneously.
This approach enables a website builder to review and compare the same design across various screen dimensions. Scanning multiple renderings all at once can help a developer iteratively fine-tune their layout to perform well on different device sizes.
While this multi-view in a single app approach may never truly replicate testing on the native target devices, such a browser can help you improve your coded results much quicker than a device lab alone.
Here’s a roundup of these unique web content viewing solutions.
“Blisk is the first developer-oriented browser. It provides businesses with a development workspace for the teams and freelancers to develop and test modern web applications twice faster.”
Blisk version 12 is live! Release notes: https://t.co/Kn15GCnONl
Existing users: Blisk updates automatically to the new version. New users can download the latest versions of Blisk:
Windows version: https://t.co/rsk4bpos0g
MacOS version: https://t.co/Pjow1CLRZE pic.twitter.com/AZM4ElSHne— Blisk browser (@BliskBrowser) July 2, 2019
Emmet Re:view “A browser extension for displaying responsive web-pages in a side-by-side views to quickly test how it looks at different resolutions and devices.”
“Re:View” by @emmetio – bird’s-eye view of device-sized, fully synchronized viewports and one of my favorite browser extensions https://t.co/PxIvgzfgcV #productivity #responsive #design #webtools pic.twitter.com/OndVasRR7D
— Oksana Cyrwus (@oksanarray) July 23, 2019
LT Browser “Perform free automated and live interactive cross browser testing on 2000+ real browsers and real devices online.”
We are thrilled to announce that LT Browser is now live on @ProductHunt!💥💥
Presenting a #Developer-friendly browser that lets you develop, test & debug responsiveness of your mobile sites on the fly.🚀
Come check us out 👉 https://t.co/FmtarQKc4L
— LambdaTest (@lambdatesting) January 13, 2021
Polypane “Improve your web dev workflow. All the tools you need to build responsive, accessible and performant sites five times faster.”
Polypane 3.3 is out! 🎉
Overlay columns, grids & guides, detect and fix horizontal overflow-causing elements, new overlays, improved UI and faster page loads. Over 50 new features make this a release we’re very proud of. 🤩
Check it out! https://t.co/o3wfwSDquh
— Polypane (@polypane) September 1, 2020
Responsively App “A dev-tool that helps with faster responsive web apps development. A must-have tool for all web developers. Free and Open Source!”
This is huge! Thanks for the mention @addyosmani! 🚀🙏 https://t.co/Q4wMlTRgp6
— Responsively App (@ResponsivelyApp) July 2, 2020
Sizzy “The browser for developers. Stop wasting time and speed up your development workflow.”
💡 You can toggle the new tab bar with Cmd + Shift + B on macOS and Ctrl + Shift + B on Windows/Linux.
It also works in combination with Zen Mode (Z) 👌 pic.twitter.com/pLmubZHk3Z
— Sizzy – The Browser For Developers (@sizzyapp) September 1, 2020
Here’s a copy of this list in an Airtable database that you can bookmark, follow or copy. If I missed any, please let me know or reply to this Twitter thread.
Updated January 18, 2021. See this twitter thread for details.
The design services landscape has undoubtedly evolved in the last decade.
Regardless of size or model, there’s been a rich history of graphic design services being a “relationships businesses.” Firms typically became known and trusted for their leadership, teams, and results. Reputation is still a factor today, but the variety of means for engaging with design practitioners continue to expand.
Outside agencies still exist and are now competing with the impulse within some companies to either build or acquire their own internal design teams. Individual freelancers and small boutique shops are looking for ways to specialize in countering these pressures. Freelancer marketplaces have been around for a while and focus on a race to the bottom in affordability.
An even more recent trend is the rise of design service companies that commoditize typical graphic and digital design production services and outputs and wrap them up in a SaaS (software as a service) styled capabilities model that offers predictability of pricing and flexibility of commitment.
The business world loves its acronyms. Perhaps this is model could be known as “On-Demand Design Services (ODDS)” or “Unlimited Design as a Service (UDaaS)” 🤓
Here’s a copy of this list in an Airtable database that you can bookmark, follow or copy.
Disclaimer: I am not affiliated with any of the above services, nor have a had the opportunity to work directly with any of them. This article is meant for information purposes only and is not a recommendation to purchase or use these services.
If I’ve missed any related companies, or if you are a business that has hired any of these companies in the past and wish to share your experiences – please get in touch.
Illustration: productive by Becris from the Noun Project
After the spike in interest for Sketch Hunt, I decided to continue the experimenting. I’ve launched three additional sibling sites. Each one offers niche content for designers and developers:
These sites let me share information about new products that I’m personally interested in. They also also served the purpose of being a side-project and exercise in branding. (more…)