Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to SafariWhen comparing Foundation vs Photoshop, the Slant community recommends Foundation for most people. In the question“What are the best web design tools?” Foundation is ranked 11th while Photoshop is ranked 19th. The most important reason people chose Foundation is:
Foundation allows designing for multiple screen sizes simultaneously easily, meaning your content will always fit.
Specs
Question Ranking
Pros
Pro Responsive design philosophy
Foundation allows designing for multiple screen sizes simultaneously easily, meaning your content will always fit.
Pro Uses REMs instead of pixels
Foundation uses REMs instead of pixels, meaning you don't have to state an explicit height, width, padding, etc, for every device. Simply put, using REMs means you can just state font-size: 80%; and have the whole component (and its nested elements) shrink by 20%.
This is great for making your site mobile friendly. There is also a Sass function in Zurb that converts pixels to REMs so if you're used to thinking in pixels, you don't have to learn a different system.
Pro No style lock-in
Styles are purposefully undeveloped to encourage differentiation between different sites using Foundation.
Pro Block grid
Foundation has a feature called block grid. Block grid gives designers the power to divide the contents of an unordered list into a grid that is evenly spaced. Furthermore, Foundation also takes care of collapsing columns as well as removing gutters.
Pro Easy customization
Just by looking at the name, Foundation merely provides designers with a foundation of sorts on which they can build their design. It can be customized easily through SASS, a powerful CSS pre-processor or by overriding the default CSS styles.
Pro Easily extensible with a selection of add-ons
There's a variety of front-end templates, icon fonts, responsive table examples, SVG icons and stencils that help you quick-start or easily improve on your site.
Pro Support for off-canvas navigation
Foundation comes with an easy way of creating off-canvas menus.
Pro Uses Interchange to load responsive content
Foundation comes with Interchange, it makes use of media queries to load images responsively and create content that's suited to different browsers and devices.
Pro RTL support
Allows easily changing text direction.
<html class="no-js" lang="ar" dir="rtl">Pro Built-in form validation
Foundation comes with Abide plugin, an HTML5 form validation library.
Pro Good mobile support
Foundation was one of the first frameworks to adopt a mobile-first philosophy. By focusing on mobile design first, Foundation makes designers think on what kind of content is important, relevant and interesting to the users without thinking too much on the space.
Pro Industry standard
Photoshop is used by professionals everywhere in a wide variety of fields including photography, graphic design and digital art. It is the de facto standard for image manipulation. If you've seen a magazine ad featuring a model, you've probably seen the effects of Photoshop. You won't be alone when using Photoshop.
Pro Trove of plugins that extend functionality are available
A wide variety of plugins that add new effects, improve existing functionality and simplify workflow are available.
Pro Lots of tutorials
There's a huge number of both free and paid tutorials available online. Websites like Lynda.com offer premium high-quality, in-depth tutorials, but there are plenty of free alternatives to be found on YouTube, blogs and specialized sites on the Internet.
Pro A cheaper, standalone version called Photoshop Elements is available
A stripped down version of Photoshop, called Photoshop Elements can be bought as a standalone application for $100.
Pro Includes powerful content-aware tools
Photoshop includes content-aware tools such as content-aware fill that can fill in a select area based on what surrounds it.
Pro Packs a staggering amount of functionality
Photoshop is the most fully featured image editing software available today allowing you to perform highly advanced image manipulation.
It has tools for RAW image adjustments, lens correction, retouching, image stitching, HDR, fixing framing. It supports most professional color modes and file formats. It includes extensive lists of filters, styles, effects, fonts as well as tools for painting, sketching and typography work. It understands both raster and vector graphics. It even includes tools for video editing, working with 3D objects and support for 3D printing.
Pro Integrates with Creative Cloud
You can save all projects directly to the Creative Cloud allowing you to access them from any device and with any relevant Adobe software.
Pro Creative Cloud Photography subscription includes Lightroom
Lightroom is another image editing software from Adobe that's specifically designed for photo editing and managing of large quantities of digital images.
Pro Mobile companion apps available
There's a free mobile app available for iOS, Android & Windows Phone.
Cons
Con Can be hard for beginners to grasp
Since Foundation is built to be customizable, it's default style may not be very appealing for most. While it's true that most production-ready websites shouldn't be using the default style of a css framework (they would all end up looking the same), this is even more true for Foundation.
Con Needs more pre-built components
Example would be a scroll-spy not only for one cell, but cell to cell.
Con Not UMD pattern in core
This problem will bring attention when used with Angular, React and other JS framework. It is important to know that they create app version of this framework.
Con Documentation is a bit better than average
Documentation could be written better and clearer, with many more example than they currently have. Sometimes hard to find solutions for detailed css problems.
Con Expensive
The standalone version of Photoshop costs $19.99/month, though it can be leased as part of the Creative Cloud Photography bundle that includes Lightroom for $9.99/month.
Con Latest versions of Photoshop are subscription-only
While you can still buy CS6 from 2012 without needing a subscription by contacting Adobe support or the cut-down Photoshop Elements, any full-version version of Photoshop past CS6 requires a subscription.
Con Learning it can take some time
While you can relatively quickly learn how to perform a few basic image editing tasks, understanding Photoshop's ins and outs can be difficult. It's partially due to the sheer amount of functionality that Photoshop packs (and understanding that some of the advanced functionality can take a while to understand on its own), and partially due to it being aimed at professionals with little hand-holding for novice users.
Con Very slow
It needs a very power CPU and GPU and many GBs of RAM and still it is so slow.
Con Stop paying, it vaporises
With Adobes adaptation of the "subscription world" PhotoShop too is available as subscription software only. This means it will never become yours. And if you stop paying, you won't have any PhotoShop any more. Whether you are OK with that or not, it also means that PhotoShop for a large part becomes software for those "who can afford it". Or "push cost to others". Like customers of professionals. Which is also a way to become an "industry standard".
Con Affinity Photo is just as good at a fraciton of the price
Switching from Photoshop to Affinity Photo and it's hard to notice the difference quality of a professional's work. They say that PS is the industry standard, but so very few pros that tried Affinity Photo ever look back.
Con Not good enough to be so expensive
Probably the only big advantage Photoshop has over the other free software is the adjustment layers. But still too expensive for just one feature.
Con Batch editing of images is not straightforward
Photoshop is designed to work extensively on one image at a time and while batch editing support exists, it's not that intuitive to use.
Con Asset management capabilities are lacking
In Photoshop asset management is done through a separate program called Bridge. As Bridge is supposed to be a file management tool for not just Photoshop's files, but for files generated by all of Adobe's applications it covers a breadth of capabilities, but not depth.
