May 2013
2 posts
1 tag
Simplifying Workspaces and Focusing on...
Patternry is essentially a service for teams and companies who need a shared front-end resource for UI design & development. In addition to teams we have also supported individual designers and developers with Personal Workspaces which were for private use and testing purposes. However, Personal Workspaces have been of little use and caused some confusion among users. Therefore, starting from...
1 tag
Few tips on how to organize your patterns in...
Here are a few tips on how to organize your patterns. In Patternry patterns are organized into libraries. For example, you can have a library for a specific project, product, or interaction type, whatever works best for you.
There are basically three different ways to organize your patterns.
Put all your patterns into one library and use tags to categorize them. This works as a great starting...
March 2013
2 posts
1 tag
Introducing Dashboard - Keep track of what your...
From now on when entering your workspace on Patternry you will see a dashboard. The dashboard shows the latest activity in your workspace, for example new comments, patterns, and links.
The dashboard also lists the latest posts from our blog to keep you up to date on recent improvements in Patternry.
As always we’d appreciate your feedback, comments and suggestions!
1 tag
Sharing Tacit Knowledge and Boosting Creativity...
I had a discussion with a potential customer about the benefits of Patternry. He told they don’t need Patternry because he thinks that the benefits of UI design patterns comes from copying and repeating the same solutions over and over again. According to him a lot of the value they create for their own customers comes from building the software specifically for the customer in mind and not by...
February 2013
1 post
1 tag
Export patterns as PDFs
Patternry can now export your patterns to PDF and provide you an alternative way to share patterns and export your data from Patternry. Single pattern can be exported as pdf in the “pattern view” and all patterns in a library can be exported by clicking on the PDF-icon in the “Manage libraries” view.
December 2012
1 post
1 tag
JavaScript Support and Other Improvements
As we’ve developed Patternry, we have listened carefully to your feedback and worked hard to improve Patternry to make it fit your needs better. Here’s what we have done recently:
Javascript support. To make your patterns more useful and interactive we added Javascript support to HTML patterns. So far you have been able to create only static patterns and components using HTML & CSS, but...
November 2012
2 posts
1 tag
Are you a non-profit organization looking to make...
Patternry Builder, a tool for building front-end resources, is free for non-profit organizations and charities.
So, if your organization’s purpose is to make the world a better place, just sign up if you haven’t yet, and create a Shared Workspace from the choose workspace-page. After you’re done just drop us an email with a short description about your organization. If your organization is...
1 tag
Scheduled maintenance notice
Patternry will move to a new server on Wednesday, November 7, between 09:00 and 12:00 UTC. Therefore, patternry.com may not be available during this time.
Thanks for your patience during the move.
September 2012
1 post
1 tag
Introducing Custom Pattern Templates for Shared...
The wait is finally over! From now on you can create patterns with custom templates on Patternry. This means that you can decide what fields and titles your patterns should contain.
The screenshot below illustrates how it works. First give a name for your new template, add as many text fields as needed and give them good describing names. Finally mark the HTML & CSS checkbox if you want to...
August 2012
1 post
1 tag
Starting your 14-day free trial just got easier -...
No credit card or other payment method is required for the free 14-day trial for Patternry Shared Workspace. So if you don’t have a Shared Workspace yet, create one for your team to see how Patternry can help you to build a front-end resource that fits your company’s specific needs.
Creating a Shared Workspace is simple and takes only a minute. Sign in or sign up and choose “Create a Shared...
July 2012
1 post
1 tag
Build a Front-End Resource for your team!
With Patternry you can now easily build a Front-End Resource that can be anything from a simple online styleguide to a comprehensive front-end resource that contains design patterns, HTML & CSS needed in projects, wireframes and mockups, images, code snippets and links.
Patternry makes it easy to collect all your resources online in one place where everyone in your team can find them. Use...
June 2012
2 posts
1 tag
Introducing Workspace-Wide CSS Templates
CSS templates are workspace-wide templates that allow you to share CSS between libraries and patterns. Instead of typing the same boilerplate code on each pattern, you can create a CSS template and use it in your HTML patterns where you need it. This makes writing new HTML patterns fast and easy as you don’t need to write the same CSS code again and again when building your pattern library. Also,...
1 tag
Meet us at DjangoCon Europe!
Our Lead Developer, Matti, is attending DjangoCon Europe in Zurich next week (June 4-8, 2012). DjangoCon is the main conference for development of and with the Django Framework in Europe.
So, if you’re there too, keep an eye out for Matti, he’s happy to talk with you about Django and how it has helped us build Patternry.
May 2012
1 post
1 tag
Patternry Library Builder Intro Video
We made a video to showcase Patternry Library Builder. Now everyone can see how Patternry works without signing up.
It is the first video we made. Let us know what you think.
April 2012
2 posts
1 tag
Twitter Bootstrap for Patternry + 3 new HTML...
Twitter Bootstrap is a toolkit to develop Web apps and sites faster than ever. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
Today we added an option to import Twitter Bootstrap styles to your HTML patterns. When you tick the “Import Twitter Bootstrap styles” in the HTML pattern form, Twitter Bootstrap CSS applies to your HTML elements. This...
New Tour Pages
Not sure how Patternry can help you? Take a look at our updated Tour-pages!
March 2012
3 posts
1 tag
Introducing HTML & CSS patterns
Now you can create, share and reuse HTML + CSS patterns. Using our live editor it’s also easy to test, experiment and mockup with the markup and styles.
We at Patternry often hear the question “I like your patterns, but how can I use them in my Web app?”. The new HTML pattern makes it easy to use the patterns in daily work: just copy & paste the markup and styles to your Web app and you...
1 tag
Patternry reviewed on AppVita →
Patternry just got reviewed on AppVita, a technology blog focused on Web applications with great user experiences. Read the article here.
1 tag
Displaying full name instead of username
Did you sign up on Patternry using a username you didn’t want to be showed to others? Changing your display name is now easy! Just add your real name in the “My Info” and it will be shown to others instead of your username in comments and patterns.
We have also fixed some bugs and made a number of other small improvements in the last couple of weeks. Currently we are working with a new pattern...
February 2012
1 post
1 tag
Scheduled maintenance notice
Patternry will move to a new, more powerful server on Monday, February 13, between 14:00 and 18:00 UTC. Therefore, patternry.com will be offline for a while during the server move.
This will improve the performance and reliability of our service significantly. Thanks for your patience during the move.
UPDATE: We’re back online! I hope you’re happy with the significantly improved...
January 2012
1 post
1 tag
New pattern editor, simplified navigation and more
We had a great last year with Patternry, and want to thank You for it! We are extremely happy for all the new users and the feedback we have received from you. Based on your feedback we are making Patternry better and more useful all the time.
Currently Patternry is a great service for building and sharing user interface design pattern libraries, but in the future we want to make it a more...
December 2011
2 posts
1 tag
New UI design pattern added: Table Sorter →
We are happy to publish Table Sorter -pattern written by one of our users, anothersusan. Table sorter allows user to control data order in tables by including sort option for categories (i.e., column headings).
Have you written a UI design pattern you want to get published in Patternry Open Library? Send it to us for review and if it gets published, you’ll receive a free one month...
1 tag
Upcoming improvements
Hi there. We have done recently a lot of smaller improvements, such as speeding up Patternry Website and making it easier to get started with the Personal Workspace. Now it’s time for some bigger improvements. Here is what we are working on next:
Planned for this year:
1. New pattern editor and manage patterns page. The new editor will not just look better and feel more simple, but it will also...
October 2011
1 post
1 tag
New UI design pattern added to our Open Library:... →
Indicating clearly required or optional fields on a form tells the user what needs to be filled in to complete the form. If most of the form fields are optional, use text or asterisk (*) next to each field to indicate required fields. If you choose asterisk, provide a legend which tells the meaning of it.
If most questions on a form require an answer, indicating all required fields would add...
September 2011
3 posts
1 tag
Desiging great interfaces is all about...
There has been great discussion on LinkedIn about the benefits of UI design patterns. Some of the benefits mentioned by different people are improved consistency across company’s products, reduced design time, code reuse, improved usability etc. These are all really good points, but I especially liked what Jared Spool wrote:
In my thinking, the primary benefit of patterns is the conversation...
1 tag
"Why use Patternry?"-page added →
We added a “Why use Patternry?”-page few days ago. Feedback’s welcome, as always!
1 tag
20+ articles on why and how to use design patterns
In this blog post I share with you the best articles, blog posts and presentations that discuss why you should use UI design patterns, how to build pattern libraries, and how to use patterns in everyday work. If you are not familiar with the concept of UI design patterns, start by reading “Design Patterns, part 1” by Martinj van Welie & Bill Scott, or visit Patternry Open UI Pattern library...
August 2011
2 posts
1 tag
New Features & Improvements: Adding Code Snippets,...
Today we launched a few improvement to Patternry.
1. You can now add code snippets to patterns
There was a “Code examples” section in each pattern in the previous version of Patternry, but it only let you add links to the examples that were hosted elsewhere, not the actual code examples. We have now added an ability to save code snippets to patterns, and moved the links to code examples under...
1 tag
Patternry Exits Beta - Create and Share Design...
In a year Patternry has grown from a collection of design patterns to a tool for individuals and companies to create and share their own design pattern libraries. We are now ready to exit beta, and to offer our users a service we believe to be the best in the market for creating, sharing and maintaining pattern libraries.
In the latest release we have focused on improving the user experience...
July 2011
1 post
1 tag
Big update coming in August
Just to update you folks. A new update we have been working for a while will come in August. Our focus has been on improving the user experience. One of the major fixes was to make navigating between different workspaces easier. Here is a look on how the workspace will be selected in future.
In addition to this, there will be a lot of smaller improvements that make Patternry easier to use....
May 2011
1 post
1 tag
Building a personal pattern library
Jakub Linowski, the author of Wireframes Magazine, wrote an interesting blog post about personal pattern books. He recently started sketching and writing down different examples of interesting UI design solutions he stumbles upon to get the most out of design patterns. Jakub writes:
By personalizing these patterns however, there could be a few added benefits beyond just observing other people’s...
April 2011
2 posts
1 tag
Patternry became more secure
We have been working lately to make Patternry even more secure by encrypting connections with SSL/HTTPS. For personal workspaces this means Sign up, Sign in and profile editing pages are encrypted to ensure that your personal information is safe. In addition, all pages in shared workspaces are encrypted so that your sensitive project information never gets to wrong hands. If you have further...
1 tag
3 New UI Patterns: Dynamic Input Hints, Always...
We spent our Easter writing three new design patterns. These patterns tell you how to provide help on Web forms.
Dynamic Input Hints
Dynamic Input Hints are instructional texts or examples that are shown when a user clicks or tabs to an input field.
Always Visible Input Hints
Like the name suggests, Always Visible Input Hints are always visible instead of hiding them until people feel they...
March 2011
4 posts
1 tag
Do you have problems signing in with your Google,...
Did your Google, Yahoo or OpenID account work for signing in previously? If it did, and now you are asked to create a new account (as in the screenshot), it is because we messed up.
What to do?
Reset your password. After that you will be able to sign in to your account. If you want to use Google, Yahoo or OpenID again to sign in, go to “My info”, click “Link to your OpenID”, and...
1 tag
You can now share your pattern libraries privately
Patternry has just taken a big step forward. We have a new front page that explains in more detail what Patternry is and why to use it. Most importantly, sharing and collaborating on private pattern libraries and patterns is now possible. We also improved many existing features.
New account type: Shared Account
From now on users can be associated with two different kind of accounts; personal and...
2 tags
New Pattern: Invite
Offering users a way to invite their friends to start using your website is a good way to get more users to your site. Invite feature is also necessary for online collaboration tools, because people are used to such a feature and expect an easy way to connect with their existing network. Therefore the possibility to invite your current network to a new service will be viewed as important part of...
New Landing Page
This is the first version of our new landing page for patternry.com. All comments are welcome! Thanks to placekitten.com/ for the kitten placeholder ;)
February 2011
1 post
1 tag
Patternry Private Libraries in public beta
For the last few months we have been working hard to make Patternry to be more than a design pattern library. What we want is to create a place for everyone to easily create their own design pattern libraries and share them with others in their team. This feature set will be known as Patternry Private Libraries.
Creating a private design pattern library on Patternry
Get started with Private...
January 2011
1 post
1 tag
New Pattern: Ratings
Rating is an easy way for users to voice their opinion about a certain object. These objects can be physical products, services, or virtual items such as images, videos and articles.
If you think some examples or links are missing, you can now add them by yourself. Sign up to get started.
November 2010
1 post
1 tag
Create your own mini design patterns
By signing in you can now create your own mini design patterns and get them published at Patternry. Just click the new “Add Pattern” tab and start writing your own patterns. . You can save your patterns as drafts, so that you can access and modify them at later time, or submit them to review. If you submit a pattern to review and it meets our standards we will publish it in a few days. However,...
October 2010
2 posts
1 tag
New Pattern: Blank Slate →
Blank slate is the screen people see when they start using an application and there is no data to show yet. Leaving it blank would not make a good first impression, so it should be filled with something useful to make the impression positive and help people get started.
If you think some examples or links are missing, you can now add them by yourself. Sign up to get started.
1 tag
You can now add images to patterns
We took our latest step in developing Patternry towards a more interactive and community driven resource. All signed users can now contribute to patterns by adding new images to them.
Screenshots are worth a thousand words
Example images help to understand the idea of a specific pattern and make applying it in practice simple. Also, they illustrate how other people have used the patterns...
September 2010
6 posts
1 tag
New Pattern: Inline Edit →
Inline edit is a completely revamped version of “Edit in Place” design pattern from our old library, UI Pattern Factory. Like always, feedback is welcome!
1 tag
New Pattern: Navigation Tabs →
Our newest pattern is a revamped version of Navigation Tabs pattern in Yahoo! Design Pattern Library.
1 tag
New pattern: Primary & Secondary Actions →
Like the previous pattern we published, also this one is republished from UI Pattern Factory.
New pattern: Input Controls →
We republished it from our old pattern library, UI Pattern Factory.
1 tag
Getting more social and interactive
Few weeks back we added a feature that enables users to submit links to code examples and other related content. We will continue on this development path soon by letting users to add additional example images to our patterns, and in that way help to keep the patterns always fresh and up-to-date. Adding links and example images are the first steps towards letting users to create new patterns and...
August 2010
1 post
A new, new name!
We were excited to publish Pattern App few weeks ago after we had spent months and months building it. However, soon after the relaunch we were contacted by Matthew Smith from Pattern Tap. Matthew’s concern was that the name “Pattern App” was too close to “Pattern Tap” and he asked us to rename it.
Since then we have been trading few emails privately with Matthew. The issue has been also...
July 2010
2 posts
Story behind Pattern App name
Last week Matthew Smith at Pattern Tap emailed us about naming of Pattern App and posted this tweet:
This is atrocious! Pattern App? C’mon guys, that’s a little too close to home :http://patternapp.com/
After that tweet went out, also a few other people commented about it. Unluckily I (Janne) and Johannes started our vacations last week and thus we didn’t comment on this...
