background preloader

Collection: Design Patterns

Collection: Design Patterns

45 Fresh, Clean and Impressive Designs Advertisement Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see. 5. 7. 8. 9. 12. 13. 16. 17. 18. 19. 21. 22. scpgt | matt northam15 23. sparklette.net16 26. 28. 29. luke stevens | design + consulting20 32. 34. sebdesign.eu | graphic and web design | online portfolio22 35. 36. 40. 41. kara burke illustrations : prints27 42. 45. It's done.

Interaction Design Pattern Library - Welie.com Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Form (Lucas Gwadana) Sometimes the ERROR handling is not explicit enough because when a user makes an... Map Navigator (Marcus) For print pages etc static maps are still relevant. Accordion (dellmre) Ajax accordion samples with source code Autocomplete (Zorg) I believe the name of this pattern to be misleading. Slideshow (Joshua) Slideshows on Homepages can be very beneficial.

12 Standard Screen Patterns 2010 Update- 15 patterns and 80 new examples By Theresa Neil As Bill mentioned in an earlier post, we don’t want to limit this blog to just the principles and patterns found in the book. For that you can check out our Explore the Book section. In the spirit of that, I want to share an additional set of principles and patterns I have been using for RIA design. This is the first article in a three part series. With more companies turning to RIA frameworks for enterprise software development, these screen patterns are indispensable for product managers, UX designers, information architects, interaction designers and developers. 01. Master/Detail screen pattern can be vertical or horizontal. 02. The Browse screen pattern can be vertical or horizontal. 03. The Search screen pattern can range from very simple to quite advanced. 04. The Filter Dataset screen pattern can be vertical or horizontal. 05. 06. 07. 08. 09. 10. 11. 12. Bonus. Missing Patterns? References

UI Design Pattern Library webdesign If our freebies have benefited you personally or have helped you earn a profit please consider donating via paypal. Donate Now This is a free set of vector icons designed by BittBox for you to use in your webpage or blog (or anything else including commercial apps). The files are in AI, EPS, and SVG format, so they can be scaled to any size without having to worry about pixelation. Customizing tip: In Illustrator’s preferences > general section, make sure “Scale Strokes and Effects” is active. Includes: – AI (1) EPS (1) SVG (1) PNG (1) Requested: Illustrator 9 version (I have no way to test this). Includes: – AI (1) About Jay Hilgert Formally trained at Oklahoma State, Jay Hilgert is a graphic and web designer, font designer (Link), software developer (Brush Pilot™), and the founder of BittBox. If our freebies have benefited you personally or have helped you earn a profit please consider donating via paypal.

Wireframes Magazine The Singleton Design Pattern for PHP By Tony Marston 26th July 2005Amended 10th March 2007 IntroductionA non-class Helper functionA separate Helper method within each classA single Helper method for all classesA single Helper method with class loaderReferencesConclusionAmendment History Introduction In software engineering, a design pattern is a general solution to a common problem in software design. One of these design patterns is called the Singleton. Ensure a class has only one instance and provide a global point of access to it. It achieves this by only creating a new instance the first time it is referenced, and thereafter it simply returns the handle to the existing instance. Why should you want this facility in the processing of a web page? You have references to an object in multiple places, and you do not want the overhead of creating a new instance of that object for each reference.You may wish to pass the object's state from one reference to another rather than always starting from an initial state. References

Design Pattern Library We, Yahoo, are part of the Yahoo family of brands The sites and apps that we own and operate, including Yahoo and AOL, and our digital advertising service, Yahoo Advertising.Yahoo family of brands. When you use our sites and apps, we use Cookies Cookies (including similar technologies such as web storage) allow the operators of websites and apps to store and read information from your device. provide our sites and apps to you authenticate users, apply security measures, and prevent spam and abuse, and measure your use of our sites and apps If you click 'Accept all', we and our partners, including 237 who are part of the IAB Transparency & Consent Framework, will also store and/or access information on a device (in other words, use cookies) and use precise geolocation data and other personal data such as IP address and browsing and search data, for personalised advertising and content, advertising and content measurement, and audience research and services development.

web2.0 top designs Usability Testing : Don’t Guess, Test. Just because nobody complains doesn’t mean all parachutes are perfect. The same goes for web design; usability testing is often overlooked by clients and designers alike, but the value that can be gained from it is immense. People can find content, conversions increase, there is far greater customer satisfaction, and the whole site just looks that much more professional. So, where to begin? As design professionals, it’s easy to sit in our ivory tower and think everyone is as interested in design and technology as we are. We do not see things as they are; we see things as we are. – The Talmud What is usability testing? Most people can find the “Publish” link – good news! Usability testing in its most simple form is just running a design past one or more people to see if it works, if it is understandable, easy to interact with and navigate, and easy to find information on. What does usability testing do for you? 16.07 seconds to find the content? Save time Avoid design by committee In summary

UI Patterns and Techniques: Introduction Introduction There's nothing new here. If you've done any Web or UI design, or even thought about it much, you should say, "Oh, right, I know what that is" to most of these patterns. But a few of them might be new to you, and some of the familiar ones may not be part of your usual design repertoire. Each of these patterns (which are more general) and techniques (more specific) are intended to help you solve design problems. By the way, when I say "UI," I mean Web sites, desktop applications, and everything in between (Web forms, Flash, applets, etc.). These patterns are intended to be read by people who have some knowledge of UI design concepts and terminology: dialogs, selection, combo boxes, navigation bars, whitespace, branding, and so on. (Many of these patterns were originally written by other people in the field. If you're running short on ideas, or hung up on a difficult design quandary, read over these and see if any of them are applicable.

10 Fresh, Elegant and Clean Wordpress Themes Advertisement We like to observe the Web. We like to present fresh ideas, creative solutions and interesting approaches. We like to share them with our readers, making both our personal work and the work of fellows developers easier. Let’s take a look at 5 fresh and elegant and 5 simple WordPress themes you might be willing to use for your next project. You can find even more themes in our post 83 Beautiful WordPress Themes1 and in Arpit Jacob’s Top Ten Best Free WordPress Themes And Templates2. Fresh and Beautiful WordPress Themes 1. 2. iTheme4 3. 4. 5. Clean WordPress Themes 6. 7. 8. 9. 10. Bonus: Download 2410 WordPress Themes! The guys over Xyberneticos.com12 have collected over 2400 WordPress Themes, packed them in a .zip-file (251 Mb!) It's done.

Raleigh–Durham–Chapel Hill, North Carolina (NC) Web Design &

Related: