Design

All in One Bookmark Links for Designer

An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.0 which contains stability fixes and many new features. More details can befound in the releaste notes.

Shadows generator

Turn your app prototypes into native iOS and Android apps without coding, while using your favourite design tool.

Create living prototypes with code components.

Quickly create a beautiful resume or CV for free and get useful tips along the way. Share your resume easily with your friends and customise it easily.

Hebcal makes calendars of Jewish holidays. Convert Hebrew and Gregorian dates, get Shabbat candle-lighting times, Torah readings for Diaspora + Israel, Yahrzeit dates and more.

Keep an aspect ratio of a nested element when resizing its parent.

See career ladders / levels for Product Designer roles

Almanac is a knowledge base that combines wisdom from tech leaders with your team's own practices.

How to work remotely - the GitLab guide

The Good Partner Map gives you an understanding of how your skills, capabilities, and communications generate excitement for and match the ability of your colleagues. See your value through the eyes of your colleagues.

Optimize and compress your jpeg and png images online. Compressor is a lossy and lossless photo compression tool.

Creating a high-quality icon family requires a thoughtful approach, a trained eye, and a lot of practice. Below, I’ll illustrate the…

Learn how to improve the design of digital forms

Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.

Calltoidea is the unique place where you can find inspiration. A great tool created by a deisnger for web professionals.

Products & pattern designs inspiration.

Four months ago, I joined the International Growth team at Shopify. The mission of the INTL team (as we call it) is to help Shopify conquer international markets. Our team builds tools, services and enhances Shopify’s platform to make it scale to different markets where we need to tailor the experience locally to a country: add new shipping patterns, new payment paradigms, and be compliant with local laws. As a senior web developer, the first problem I tackled was to make sure addresses were formatted correctly for everyone, everywhere. Addresses are core parts of our merchant’s business; crucial when delivering products and dealing with customers. At the same time, they are also a crucial part of a customer's journey. Entering an address in a form seems obvious, but there are essential details that you need to get right when going international. Details that might not seem obvious if you haven't thought about it or never lived abroad. I’m going to take you through some of the problems the team encountered when dealing with addresses and how we solved some of those problems. The Problem with Addresses Definition Let’s start with a simple definition. At Shopify, we describe an address with the following fields: First name Last name Address line 1 Address line 2 Zone code Postal code City Country code Phone Zones are administrative divisions by country (see Wikipedia’s article), they are States in the US, provinces in Canada, etc. Some of these fields may be optional or required depending on the country. Ordering When looking at the fields listed above, I’m assuming that for some readers, the order of the fields listed make sense. Well, it’s not the case for most people of the world. For example: In Japan, people start their address by entering their postal code. Postal codes are very precise, so with just seven digits, a whole address can be auto-completed. The last name is first, otherwise, it’s considered rude In France, the postal code comes before the city while in Canada it’s the opposite As you can imagine, the list goes on and on. All of these details can’t be overlooked for a proper localized experience for customers connecting from everywhere in the world. At the same time, creating one version of the form for every country leads to unnecessary code duplication— something to avoid for the code to scale and remain maintainable. Wording Let's talk about wording. What is address1? What is zone? Parts of an address aren’t the same around the world, so how to name the labels of forms when building them? The tough part of these differences, from a developer’s perspective, is that we had variations per country, as well as, variations per locale. For example: Zone can refer to

A 5-step guide to designing global addresses

Imagine you’re browsing the web from your overpriced California apartment one day and you find a neat new website with some really cool stuff. You pick out a few items, add them to your cart, and s…

Approaches to collect addresses in a globalized world

A free resource that will help you understand the design process and improve the quality of your work. Learn about strategies our team has been implementing and improving over years of cooperation with clients.

Product design principles (or, in short, design principles) are value statements that frame design decisions and support consistency in decision making across teams working on the same product or service.