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.
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.
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 means that you can mockup great pattern examples faster than ever! This is especially useful if you use Twitter Bootstrap CSS in your Web app/site.
To get the idea, check out the three new HTML patterns we added using Twitter Bootstrap styles.
P.S. Note that the CSS styles from Twitter Bootstrap are licensed under Apache License, Version 2.0.
Not sure how Patternry can help you? Take a look at our updated Tour-pages!
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 are ready to go!
HTML patterns allow you to create your own interface component and interaction library for HTML & CSS. This will help Web developers and designers to effectively share, communicate and reuse their solutions. Besides of copying & pasting you can play with the code in our live editor to quickly test your snippets.
This is how the new HTML pattern looks like.
To get the idea better take a look at the new HTML patterns we created using the open source code provided by Twitter bootstrap. We’ll add more patterns soon.
How to create a HTML pattern?
It’s easy. Just select “New HTML pattern” from the “Manage” drop down menu. Give a name to your pattern and write a short description for the pattern if needed. Write the HTML & CSS code from scratch, or just paste the code from your existing projects. As you type the code, you’ll see the result live so it is easy to tweak the HTML&CSS further.
Excited about the news? Help us spread the word by sharing it with your friends and followers.
Patternry just got reviewed on AppVita, a technology blog focused on Web applications with great user experiences. Read the article here.
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 type that we believe will be a huge success. More news to come soon!
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 performance of the site.
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 dynamic resource that will help developers and designers communicate better while also helping them all the way from sketching to coding and finally to testing.
Today we introduced some big changes that we believe will make Patternry a better fit for you:
The new editor will not just look better and feel more simple, but it will also allow you to add custom thumbnails for your patterns. In addition, images, links and source code examples will be possible to add in the editor, and not only on the pattern page.
Previously the Open Library could be reached from both personal and shared workspaces. Having a public library inside a private workspace was causing some confusion, and therefore we changed it so that the Open Library will be accessed from the workspace selection and not from the workspaces anymore. Also, we improved the navigation within workspaces to make it more clear what can be done and where.
We implemented some new visual design ideas in the new pattern editor and the manage pattern pages, and decided to use them also everywhere else where appropriate. There is some more to it than just shiny new graphics, for example we added sorting to the tables. Now Patternry should be even more enjoyable to use.
Custom pattern templates. In the coming months we are going to introduce custom pattern templates. If our standard pattern template doesn’t fit your needs, you can create a custom template and choose what elements your patterns should contain and name them as you want. And if you later on want to edit a template, the change will apply to all the patterns using your template.
Check out the improvements, and take advantage of our special promotion by creating a Shared Workspace, if you haven’t tried it yet. We are offering 25 % off on our Team plan until the end of January, if you pay in six month intervals. To take advantage of the offer, Sign In and select the “promo plan” from the Create a Shared Workspace-page.
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 allow you to add custom thumbnails for your patterns. In addition, images, links and source code examples will be possible to add in the editor, and not only in the pattern page.
2. Simplified navigation. Currently Open Library can be reached from both personal and shared workspaces. Having a public library inside a private workspace has caused some confusion, and therefore it will be moved elsewhere. Also, the navigation within a workspaces will be improved to make it more clear what can be done and where.
Next year:
3. Custom pattern templates. In the beginning of next year we’re planning to introduce custom pattern templates. If our standard pattern template doesn’t fit your needs, you can create a custom template and choose what elements your patterns should contain and name them as you want. And if you later on want to edit a template, the change will apply to all the patterns using your template.
So, that’s what will happen next. Questions? Comments? Let us know in the comments-section.
Onward!