Front-end Pattern Libraries
•
4 likes•3,088 views
This document introduces PebbleRoad's Tapestry front-end pattern library. It discusses what a pattern library is and why companies need them. It provides an overview of Tapestry, including the types of patterns, code samples, and how to customize and install it. Benefits of using Tapestry include production-quality, reusable code. It also presents additional resources for front-end style guides and a tool for sharing information with customer support.
Recommended
Recommended
More Related Content
What's hot
What's hot (19)
Viewers also liked
Viewers also liked (9)
Similar to Front-end Pattern Libraries
Similar to Front-end Pattern Libraries (20)
More from PebbleRoad
Recently uploaded
Recently uploaded (20)
Front-end Pattern Libraries
- 1. presents Front-end pattern libraries Vinay Malankad & Maish Nichani www.pebbleroad.com
- 2. We are PebbleRoad • Singapore-based Enterprise UX consultancy • Innovating since 2004 • Team of specialists • Culture of innovation and design leadership
- 3. Pattern libraries Tapestry What it is Why do we need one What it is How to use What is the tech How to install
- 7. Why UXUXFE + CMS give prototype + psd can’t recognise work give html templates new templates fail give modular code can’t screw up
- 10. Tapestry Interface Core CSS + JavaScript
- 11. Customise it! Interface Customise Customise Core CSS + JavaScript
- 12. Tapestry demo http://demos.pebbleroad.com/tapestry/src/ intro patterns + pattern - pattern _tech installation
- 18. Installation Dependency -‐ Gulp (NodeJS) ! $ git clone https://github.com/PebbleRoad/tapestry.git ! $ cd tapestry ! $ npm install && bower install ! $ gulp patterns ! # Open http://localhost:8000 in your browser
- 19. Next steps Unit testing of the app Share a pattern Pattern version history
- 21. A free service that saves you time in sharing hard-to-spell or hard-to-understand info with customer service reps. ! www.copymyinfo.com