LATEST FROM OUR BLOG

Take your daily dose of (only) relevant news, useful tips and tricks and valuable how to's on using the latest web technologies shaping the digital landscape. We're here to do all the necessary information sifting for you, so you don't have to, to provide you with content that will help you anticipate the emerging trends about to influence the web.

What Are the Essential UX and UI Tools that Shouldn’t Miss From Your Toolbox?
To help you make the right choice or choices, below you can find the most valuable UX and UI tools on the market today. InVision InVision is the world’s leading product design and collaboration tool. It’s equally useful for individuals and small teams, and if you work on multiple projects, or projects involving large numbers of team members, the cloud-based Enterprise version is perfect. InVision Enterprise can accommodate an unlimited number of team members working on an unlimited number of projects. InVision’s unlimited testing capability, which allows you to test your prototypes directly on users’ mobile devices, record their interactions with your prototypes, hear their voices, and even see their faces, is hugely helpful. Feedback doesn’t get much more contextual than that. With such relevant feedback, you’ll have the power to make the right UX and UI decisions quickly, rather than having to rely on days or weeks of serial usability testing activities. Proto.io If you’ve been searching for a high-fidelity prototyping tool with powerful collaborating features, you need to look no further than Proto.io. Some prototyping tools, including many of the more advanced ones, can link screens together, but don’t go beyond that. With this tool, you can create prototypes that are feature-rich, animated, and interactive, and do so in minutes – without having to rely on coding. That’s half the story. The other half is your ability to overcome those pesky communication gaps that can exist between the project manager and the team, between team members, and among other project stakeholders. Proto.io gives you the capability of producing prototypes that are so realistic that your team, or your company, will be able to make the right decisions before investing resources in the final design and development efforts. Appsee Mobile App UX Analytics Appsee’s app analytics platform goes beyond reporting basic, quantitative data by providing mobile teams with visual data. The user recordings and touch heatmaps allow you to see for yourself how users actually behave within your app. These tools can help you pinpoint where you can optimize your user experience and troubleshoot issues from performance to usability. In conjunction with these visualization tools, Appsee supplies mobile teams with insights regarding retention, user journeys, usage, and conversion funnels. These insights can answer questions like: “Which navigation path do my users take the most? “ Or “How many users return to my app after a month?” Overall they can help paint a clearer picture of how your users behave. PowerMockup If you are a PowerPoint user, PowerMockup is a wise choice. This prototyping toolkit enables you to create mockups and wireframes for virtually any website, or for any mobile or desktop application. Select your shapes and icons from the PowerMockup library, drag and drop them onto a PowerPoint slide, and let PowerPoint functionality do the rest. The PowerMockup library is constantly being added to, and you can add your own custom shapes, and share them with other users as well. Pidoco Pidoco offers a better way to create and share beautiful, interactive wireframes. This web app has it all, from making easy sketches to making custom templates, adding interactive elements, and using features that allow quick and easy previews of your work as you progress. Your prototypes feature all of the necessary clicks and touch gestures you’ll need to trigger the system reactions you are looking for. Pidoco offers four different plans, ranging from the Starter Plan (2 projects/ month), to the Platinum Plan (100 projects/month), and you can try any of their plans for free. Lucidchart Lucidchart is an online, cloud-based, multipurpose wireframing and diagramming application that will be an excellent choice if you are looking for an easy way to sketch and share professional-looking wireframes and mockups. Lucidchart employs drag and drop functionality, a variety of useful keyboard shortcuts, and features a large library of icons for the full range of device types. This application can be used on PCs, Macs, and all browsers, and it is fully integrated with Google Apps, Google Drive, Visio, and Jive. Notism Collaboration Notism Collaboration is the ideal choice for creative teams who would benefit from having a real-time design and video platform through which team members can discuss and share their design efforts with others. You can share mockups, videos, interactive web, and mobile prototypes, or any other design-related activity. Notism provides everything needed to ensure that team members and project stakeholders are always able to participate in the feedback loop. You can also use this handy toolkit to support your task management needs, including enhanced data backup and security features. Loop11 Loop11 is the type of usability tool that individuals or teams look for when they need a quick way to perform website, wireframe, and prototype UX testing. Instead of tossing your design over the fence and waiting for a response, Loop11 enables you to carry on a continuous conversation with your customers and users. This usability tool provides heatmaps, clickstreams, task analysis, and other feedback types that enable you to make data-driven design decisions with confidence. It offers the perfect solution for all types of usability testing, including A/B testing. Patternry If you are fortunate enough to have all the UI and UX work you can handle, Patternry might just be one of the most useful tools you can have for storing your design and code assets and sharing them with your team. Patternry gives you the ability to store more than just shapes and icons. Design patterns run the gamut from shapes and icons, to code and screenshots, to guidelines and recorded or documented discussions. You can store all of your valuable design assets in a logical, carefully arranged way that not only supports your deliverables, but gives you and your team a library of reusable design patterns as well. As you can see, there are a number of truly excellent prototyping and UX and UI tools to choose from; and you can feel free to do so without fear of making a poor decision. UI design is one thing, but having an ability to verify the UX performance of that design can be something else entirely. Because of this, we’ve included several usability tools that are easy to use while providing rapid feedback of qualitative results. Whether you are happy with our selections, or you believe we have left something out, we would like to hear from you. Form Analytics by UseItBetter Form Analytics by UseItBetter is an invaluable tool for analyzing user data; particularly with respect to form abandonment, fixing forms, and improving conversion rates. This usability tool may be more specialized than most you could choose from, but it gives you the information you need to fix problems or potential problems on the spot. Form Analytics can also be a tremendous form event tracking time saver. A couple of clicks gives you all of the metrics you might need to determine which form field or fields are causing customers to drop out, and why that is the case. ... Read more
Adrian Ababei / May 12'2016
Are Your Using These 20 Useful Git Commands? You Should!
Git is one of the most popular version control systems in the world. Since its release more than 11 years ago it became a must have for web development specialists and web development agencies alike. Here is a list of very handy Git commands which you can use for app development or web development:   Setting details git config --global user.name "John Doe" git config --global user.email john@example.com Use --global to set the configuration for all projects. If git config is used without --global and run inside a project directory, the settings are set for the specific project.   Ignoring file modes cd project/ git config core.filemode false This option is useful if the file permissions are not important to us, for example when we are on Windows.   See current settings git config –list   Clone a remote repository git clone https://github.com/username/somerepo.git This creates a new directory with the name of the repository.   Get help for a specific command git help clone   Create and Checkout a New Branch git checkout -b   Checkout a Remote Branch git checkout -b origin/   See differences between two commits git diff COMMIT1_ID COMMIT2_ID   See recent commit history git log   Abort Changes git checkout --   Modify the Previous Commit's Message git commit --amend   Partial Change Checkin git add --edit   Undo the Previous Commit git revert HEAD^   Temporarily Stash Changes, Restore Later # After changes have been made... git stash # Do some other things here #Re-apply the changes git stash pop   Delete a Remote Branch git push origin :   Pull in the Latest from a Shared Repository # Add a remote branch git remote add # Get changes from that branch git fetch   Pushing, deleting and tagging tags # Create a Tag git tag # Delete the tag git tag -d # Push Tags git push --tags   Making changes and creating patches git diff > some_patch_1.patch   Adding files and creating patches git add newfile git diff --staged > some_patch.patch   Applying patch patches git apply -v some_patch_2.patch     ... Read more
Adrian Ababei / May 09'2016
How to Build a Better Website: 8 Best Practices
Here is a list of 8 tips on building a better website in 2016: Keep your design fresh and simple The homepage is the most important part of your website – it’s the first thing a potential customer sees. Make sure your homepage provides visitors with all the information they requiere in order to make a purchase – what you have to offer, who you are and your contact information. Think about the fact that you have less than 10 seconds to make a good impression and what you want to communicate to potential customers. It’s a good idea to keep your homepage clean and easy to read – your overall text should not be longer than 120 words.   Make sure your website is fast Nobody likes to wait for pages to load. If your page fails to load quickly enough you’ll most likely miss out on a potential customer. There’s a direct correlation between website speed and the conversion rate of a website. Apart from that, Google also takes loading time into account – a slower loading website will rank lower than a fast loading website. So, if you want to have a great website you’ll need to consider your speed. Try getting a better host for your website, minimize HTTP requests, use a CDN, minimize CSS, JavaScript and HTML and you’re good to go.   Image optimization is important One of the most important parts of a website is images – these tend to be very large and take a considerable amount of bandwidth, effectively slowing your website. By using a few tools you can make your website faster and also save bandwidth. Image optimization is based on choosing the right size and format, using images only when it is necessary and finding a balance between weight and quality.   Build a mobile friendly website Mobile browsing recently surpassed desktop browsing so it’s extremely important to have a fully functional mobile friendly website. Luckily enough, it’s not hard to modify your website and make it responsive. You can simply use CSS media queries to get the job done.   Using webfonts instead of icons is a great idea Using webfonts instead of icons is extremely easy. All you need to do is download a font or create your own. Once that’s done, you’ll need to upload your files to your webserver and add the downloaded stylesheet to your website – you can increase performance by copying the stylesheet’s content directly into your website’s style.css file. Now, all you need to do is just drop the markup in the html file. If you prefer SVG icons, you can use those as well in the same way.   Search engine marketing & search engine optimization are important SEM and SEO should be your second priority – search engine marketing or search engine optimization campaigns can either make or break a business, thus they are two extremely important concepts especially for small businesses. When in doubt, always seek professional help – it can help you on your road to success.   Content is critical Bad content will just make visitors leave your website. Pay attention to your headlines as these can be the difference between a visitor leaving your website or staying to read the rest of the content. It’s a good idea to write catchy and relevant headlines so that visitors can quickly scan it and decide if it’s worth the read or not – large blocks of text simply will not do. Keeping your content fresh and relevant will make visitors turn into customers quicker.   Get a high quality hosting service You can’t have a high quality website without a high quality server – if you want a fast and reliable website you’ll have to use a better hosting provider. Look for a hosting provider with unlimited bandwidth, 24/7 customer service and dedicated servers. ... Read more
Adrian Ababei / May 06'2016
Web Development Tools Essentials for any Web Developer
Web development can be a real hassle without any help from tools, friends or services. That’s why we’ve set up a list of web development tools that can save you many hours of work. Shrinktheweb Shrinktheweb.com helps web developers take automatic screenshots from the server they’re working on through server-side languages and complete plugin integration. With as little as 10 bucks a month you’ll get custom size captures, full length captures and the private label service which lets you add your own logo as the placeholder – you’ll be able to use the image for marketing purposes. Muffingroup The BeTheme is a Muffin theme that gets your WordPress website up and going in a matter of minutes, thanks to its lightning fast drag and drop builder which offers plenty of possibilities. The theme also offers a layouts generator which can provide you with unlimited layouts for customizable pages – you can pick between different skins, grids, layouts, headers and logos. Muffingroup is one of the best web development tools out there – it offers over 200 shortcodes which you can use for your pages, a custom font uploader and plenty of template pages for help pages, gallery pages, about us pages and features pages.   Simbla, One of the Must-Have Web Development Tools Simbla is a powerful site-building platform with plenty of features. It’s one of the simplest web development tools available on the market today – it features a drag and drop system which can help you build code free websites in just a couple of minutes. Thanks to Bootstrap3, all websites built in Simbla are mobile responsive. Flyzoo.co Flyzoo is another interesting web development tool – you’ll be able to create embeddable group chats which you can use for different pages or layouts. All you have to do is log in to Flyzoo, click on setup, group chats and then get embedding code – you’re ready to go! Just copy the code into your page and adjust its height and width accordingly. Group chats are a great way for web developers to improve user engagement. Iconfinder for web developers Brand icons can be difficult to create but even so, icons are an important aspect of marketing as well as web development. Iconfinder can help you get in touch with a professional icon creator. Fill out a design brief, some specific details, target audience and other data about your brand or website and you’ll soon start receiving price quotes from designers. Themify Themify is another quick web development tool. You’ll start by importing a layout, replacing images and text and that’s it! Themify only works for WordPress though, for other more complex projects you’ll need to use other tools. Pidoco.com for web development Pidoco is an online prototyping tool and a real time saver any web developer. You’ll have over 400 elements in the library to play with and plenty of communication features such as sharing, commenting and so on. With Pidoco just about anyone can participate in critical design decisions by seeing the prototype in action. Optinmonster Optinmonster is an essential lead generation tool which you can use for your projects. Over 275.000 websites use Optinmonster with its built-in analytics, page level targeting, A/B testing, exit intent technology and the drag and drop builder. Building mobile responsive forms takes just a couple of minutes with Optinmonster, making it one of the most useful web development tools. actiTIME ActiTIME is a great time tracking solution for a small web development team. Users are able to track the time spent on various tasks, record business trips and days off. Team leaders can create projects, assign them and keep track of the project’s costs and deadlines. Thesquid.ink Squid Ink is another web development tool worth mentioning – it offers a huge library of over 2000 icons, divided into three types: solid, line and flat. There are many different formats and categories so you’re sure you’ll find the right icons for your web development project.   Bowtie Database driven websites can have security risks and require constant maintenance to boot. Bowtie offers a faster and cleaner solution which includes all the features required to share and publish content with ease. Web developers can also have access to version control through git.   48hourslogo.com One of the most popular web development tools is the 48hourslogo platform – you’ll get a beautiful looking logo for a reasonable price and in just two days. ... Read more
Adrian Ababei / May 04'2016
Why Use a Content Delivery Network? Because It Boosts Conversion: Here’s How...
What is a CDN?   A CDN or Content Delivery Network will make your website load much faster for users from all around the world. The system is simple – instead of having a single host, the CDN allows for multiple hosts all around the world and when a visitor logs in to your website they will see it through the host that’s closest to them. Starbuck’s website loads very fast no matter where you travel – they use CDNs as well.   Web hosting As you all know, each website requires its own web host in order to work properly. After you build your website, the hosting will hold all of your website’s content on a server in a data centre with other servers. These are large warehouses where companies rent servers to keep data on.   Web hosting with content delivery network The content delivery network is like an add on for your web hosting – it doesn’t replace it fully but it enhances its capabilities, effectively making your website faster. When using a CDN, the network will copy your website and store them in different servers around the globe. When a visitor comes to your website, it will now load from different countries such as the USA, Canada, England, Germany, France, etc. It will automatically load from the server that’s physically closest to your visitor.   How can this help load your website faster? All your website’s scripts and images are loading from different servers located in different countries across the globe but how does this speed up your website? Latency! Think that latency is a piece of string – the longer the string the greater the latency and the longer it takes to get to the end of it. The same concept can be applied to physical distances between data centres – the further the visitor is from the server, the further the data needs to travel and this can create delays in loading. If a user visits your website from Germany but the site’s hosting is in Atlanta, your website will still load very fast because of the data centre in Berlin. This reduces latency by a great deal.   Do you need a content delivery network? This question is often redundant as CDNs offer plenty of advantages including:   Better performance One of the first reasons why you should implement a CDN is the better performance – your website will load much faster to users regardless where they are located in the world.   SEO perks Google loves fast loading websites and takes loading speed into its ranking algorithm. With a faster loading website you’ll also get lower bounce rates and increased conversion rates, as well as higher ranking. Your content will also be indexed much faster by Google.   Higher conversion rates A one second delay in page response can result in 7% lower conversion rate – take that into account for a moment. If you increase your website’s speed by just 3 seconds that means your conversion rate will jump 21%! That’s huge!   Content delivery networks are affordable You might think the system is extremely expensive but that’s not the case at all – CDNs are quite cheap and well worth the investment.   Websites using content delivery networks are reliable Technical difficulties can be a real drag but with a CDN those problems are long gone – If one server goes down, the closest server to it will take its place. This ensures a more pleasurable web experience for your visitors.   It’s easy to switch to a CDN CDNs are not complicated to setup – they can be used on just about any platform in just a couple of minutes – Magneto, Joomla, Drupal, Wordpress, etc   Conclusions Content delivery networks are especially valuable to websites or companies with international clients or visitors – with minimal investment costs and fast returns it’s one of the best ways to grow your business.   ... Read more
Adrian Ababei / May 03'2016
How to Choose the Best OS for Web Development: The 4 Major Operating Systems’ Pros and Cons
Over the years we’ve heard plenty of arguments regarding the best OS for web development, hence we’ve came up with a list of advantages and disadvantages of the most popuar operating systems – Windows, Linux and Mac OS.   Features available on all platforms Most developer tools, including IDE’s are available on all platforms Most platforms can run another platform within themselves through a 3rd party app All platforms can use Git Most languages can be used on all platforms   Windows OS Features Most services or products are specifically designed for Windows Some servers use this platform It’s not POSIX Has plenty of security issues Can use Photoshop Very few useful apps are pre-installed Major upgrades are slow – 2-3 in a decade   Mac OS Features Can use Photoshop Too many features are pay-to-use Is POSIX Visually stunning Major upgrades are often – every few years and easily installed Very few servers use this platform Many useful apps are pre-installed Installs programs through the GUI by default   Linux OS Features Many servers use a variation of this platform Is POSIX Offers Photoshop alternatives but no Photoshop Is not user friendly Most apps are free or open source Installs apps and programs through CLI by default Has a few useful applications pre-installed Major upgrades are often, every one or two years   Conclusions: Which Is The Best OS for Web Development After All? All operating systems have some advantages and disadvantages and in the end it’s a good idea to pick the one you feel most comfortable with or the one which benefits you the most. ... Read more
Adrian Ababei / Apr 29'2016
What Are the Top Web Development Tools for Mac OS X that Shouldn’t Miss From Your Toolkit?
Every expert from every field has his or her own tools of the trade and web development is no different – web development tools are one of the most important factors to every project and these tools could mean the difference between finishing your project on time or passing multiple deadlines. Luckily enough, plenty of top web development tools are available for just about every platform. Here is our list of OS X apps which you should include in your web development tools box:   Browsers for web development One of the most important tools for web development is a browser – you’ll need to view your website after you created it right? But it’s not so simple – you will need to test your website for many browser versions, including beta and nightly builds. With that taken into consideration, you’ll most likely need Opera Next, Chromium, Chrome Canary, Firefox Aurora, and Firefox Nightly.   Koala Koala, apart from its cute name, is another nifty web development tool which is used to compile CoffeeScript, Compass, Sass, and LESS into a browser-compliant format. If you’re using any of these techs, Koala is definitely a must.   Anvil for web development Anvil is an interesting free app which allows web developers to create .dev domains. You’ll see it as a new icon in the OS X menu bar and you can turn it on or off, create domains or add your projects to it. If you’re looking for a tiny web development tool to manage or work on your local websites with, Anvil is perfect.   Keka When handling multiple files, you need a reliable compression service to help you along. Most web developers may use ortar, rar or zip but Mac has its own built-in feature to extract and manage these formats – this service is rather limited so you’re better off with Keka. Keka is a free open source OS X app for file compression and extraction. Keka supports zip, rar, ortar, ISO, DMG, Tar, Gzip, 7z and it can extract to PAX, CAB, EXE and RAR formats. Keka allows you to split compressed files into different parts of specified sizes, apply password restrictions or automatically delete source files after extraction or compression.   Web development & Web Sharing Since Apple removed the Web Sharing option from the OS X system preference, you might want to install the Web Sharing plugin. This little plugin will allow you to host local websites under the local host address. Once you install it you’ll be able to see a new panel in System Preferences – here you’ll be able to switch web sharing off or on.   File compression, One of The Very Top Web Development Tools for Mac OS X We talked about Keka before but there are two ways you can use it to compress files. You can either download this small web development tool and install the services contextual menu or you can drag and drop your files directly into the Keka app window.   Sequel Pro MySQL is one of the most popular databases in the world – plenty of websites rely on MySQL for storing and managing databases. If you are using OS X, Sequel Pro is a must-have for web development. It’s a native OS X app built in Cocoa and it also features a nice and friendly GUI. With Sequel Pro you can create, filter databases, import, export, remove, create users and execute MySQL queries.   The iPhone Emulator All web developers need to take mobile users into account when building their websites, hence the need for a web development tool that can be used to test websites for specific platforms. Devs can use physical tablets or phones or they can go for the easier option – a simulator like iPhone Simulator. All you need to do is just install Xcode from the AppStore and you’re done – you have another web development tool in your little toolbox.   Icons8 If you’re looking to use icons, Icons8 is one of the top web development tools that you can use. Just install Icons8 and you’ll be able to search through its over 2800 collections of icons. Once you find something you like, you’ll be able to copy it to Finder, Xcode or Photoshop.   Github and SourceTree Even if you’re building a small website or a presentation website, you’ll need a control version system to track your revisions and changes to the project’s code. Github is the most popular service for version control and you can install it on OS X as well. SourceTree is another mentionable service – both of these services are the backbone of any respectable web development agency.   Poedit Poedit is the best web development tool you can use for translating websites into multiple languages. Not only that but you can translate plugins and Wordpress Themes as well with this little app.   Automator Automator is a web development tool that’s pre-installed with OS X. This little app allows users to automate tasks such as cropping multiple images at once, creating thumbnail images, changing file extensions and renaming files in batch.   Dash Dash collects documentation for a lot of the popular programming languages, including LESS, Sass, jQUery, CSS3 and HTML5. Users can search through code snippets, functions, syntax, and other valuable information. ... Read more
Adrian Ababei / Apr 28'2016
How to Improve the Collaboration Between Designers and Developers: Simple Tips on Preparing Design for Coders
As we all know, programmers and designers don’t have a lot in common in terms of workflow or the software used to complete their tasks. Communication and synergy between programmers and designers can either make or break a project. How can you improve your work with a programmer? Implementing a clear workflow and respecting it is crucial – both parties need to provide feedback as work continues and a clear plan of action needs to be set in place for the current project. Start planning your project Simply shipping your design work over to the programmer may work on very small tasks or smaller projects but for larger, more complex projects it could turn into a disaster. The workflow needs to be accompanied by careful planning. Your average plan should include a schedule estimate and an approximate cost. If you’re building the project for a client, cost estimates are mandatory. Project planning needs to also account for how an optimal collaboration can be reached – the small details count in this phase. Prepare your design for coding Instead of simply handing over your design work along with a few requirements to the programmer and waiting for the results to appear, designers need to also focus on things which will enable the programmers to help them in the long run. Here are a few aspects and tips you need to take into consideration when producing your design: Your key objective is Pixel Perfect – If you want your programmer to implement your design work properly, you need to provide him with exact details – elements such as colours, style, fonts, margins and padding need to be specified exactly before the programmer can begin his portion of work. Keep in mind that by doing this you eliminate the need for future changes or revisions – as a result the overall cost of your project will be reduced. Follow Photoshop Etiquette – Designers should properly name layers and structure their files accordingly. Images need to be aligned and the programmer needs to be provided with plenty of information – it goes a long way in building your project and speeding up your workflow. Keep in touch with the coder – It’s a good idea to maintain contact with the coder on a regular basis and ensure he has all the information he needs to properly do his portion of the project. Developers really appreciate it when you provide your support. Designs for interactions are important – These designs can be a great help to your coder as well. Examples can include the intended use of sliders, button hover states, dropdown menus and others. Research on the technology used – You’ll get a better understanding of what’s feasible from a programming point by keeping up to speed with the latest tech trends. Sometimes designers may ask for features which are simply impossible to implement. Don’t rush, time is plenty Planning ahead, coordinating your work and providing clients with meaningful estimates will save you a lot of time in the long run. Transparency will help all people involved to get a better understanding of the overall project and speed up the workflow. ... Read more
Adrian Ababei / Apr 25'2016
Best Photoshop Plugin for Web Design
Get a Photoshop plugin that will help you perfect your work as a web designer! Here is the list of 10 amazing Photoshop addons: Codly Codly can automatically code your Photoshop mobile-design work, saving you lots of time and effort in development. With Codly you’ll have plenty of room for experimentation and new ideas. Codly’s interface is very intuitive, featuring a simple drag and drop system. This platform can generate code for BlackBerry, Windows 10, Android XML and of course iOS. Random User Generator Random User Generator is a free open source API which generates placeholder user data for forms and other similar structures. Random User Generator’s tagline is „Like Lorem Ipsum, but for people”. Data can include passwords, phone numbers, addresses, birthdays, emails and names. Suitcase Fusion 6 Suitcase Fusion 6 is the perfect Photoshop plugin for Google font lovers. This little add-on will keep your fonts perfectly organized in Photoshop. You can compare fonts and preview them before implementing, which can save you a lot of time. Retinize It Retinize It allows designers to slice and export from certain groups or layers directly as assets. Not only that but this plugin offers designers the option to magnify smart objects or shapes by 200-300%, making it easier to prepare the image for iOS displays and retina. PSD Cleaner PSD Cleaner will organize your PSD files in an instant. Browsing for empty layers or missing names is no longer a drag with this neat little add-on. PSD Cleaner will set you back $19.99 but you can work without any distractions. LayerCraft LayerCraft can help you export individual assets to Photoshop layers. You can export directly to Android or iOS, with options such as trimming, duplicating, removing empty pixels and scaling up to 200% or down to 50%. Photoshop Plugin for Prototyping Usually, after you create a mockup in Adobe Photoshop you need to build it again from scratch for prototyping purposes. The UXPin app solves this issue by allowing complete integration. Just export your PSDs straight into the platform and then simply add interactions to your mockup for feedback purposes. This platform also preserves all your layers for prototyping. Oven Oven is a neat little Photoshop plugin that helps with other plugins – When you want to generate image assets from layers through the use of other plugins for web designers, you’ll need to name them appropriately before export images. Oven speeds up the process by baking your multiple layers properly. You can export in either .png or .jpg for Android or iOS. Oven also features a duplicate option which keeps your original label names intact. Perspective Mockups We all know that Photoshop CS6 offers some stunning presentation documents and deliverables. Perspective Mockups can make your PS files even better – this plugin allows you to stack, tilt, rotate or layer the perspective of the file according to your needs and preferences. GuideGuide This plugin allows designers to create highly customizable guides extremely fast. GuideGuide is a very popular Adobe Photoshop plugin – you can create guides with multiple options based on the selected layers, artboards and canvases. You can create instant guides for already designed selections – secondary options such as duplicating or sharing are also available. ... Read more
Adrian Ababei / Apr 22'2016