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...
1 tag
Welcome To Pattern App and our new blog!
Pattern App is our new user interface design pattern library that replaced the old one at http://uipatternfactory.com. We decided to revamp the old site completely as we wanted to create a new and more engaging library. What you see now is the first public beta of it.
In the coming months we want to transform Pattern App to a forum and a tool for sharing, creating and managing design patterns....