Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - ZURB.com. Setting up Reveal modals is only three easy steps.
Attach the needed files, drop in your modal markup then add an attribute to your button. Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it's fast, sexy and just works. Now let's see how easy is can be to get Reveal working! Reveal is now part of Foundation! This version of Reveal has been depreciated. Visit Foundation Step 1: Attach Needed Files Step 2: The Modal Markup Step 3: Attaching Your Handler By putting the "data-reveal-id" attribute on the anchor, when clicked the plugin matches the value of the "data-reveal-id" attribute (in this case "myModal") with an HTML element with that ID.
Basically, put the "data-reveal-id" attribute on an object and make it's value the ID of your modal. Options Every good plugin has options, and this one has just a few, but important ones: How We Make Great Product Design Happen. When ClickTracks' CEO John Marshall first approached ZURB—with a request for ten icons and a rough prototype of a website—neither company realized at that moment just how far they'd travel together.
What they really needed was a an application that would stand out in and evolve with competitive world of web analytics. As it turns out, ClickTracks didn't only need icons and a prototype—what they really needed was a an application that would stand out and evolve with competitive world of web analytics, and a brand that would incite interest and passion. ZURB understood that the entire ClickTracks experience—from the website, through the online product demonstrations and into the user interface of the application itself—had the opportunity to reinforce how users felt about the brand. Because John Marshall was so open-minded and flexible to exploring new ideas and different approaches, ZURB was given autonomy in making design and usability decisions. How We Make Great Product Design Happen.
All eyes on me in the center of the ring Britney's team was emphatic about getting the site completed before the album was released.
The ZURB team understood the time constraints, realizing how important it was to be able to visualize the site immediately, focusing everyone's efforts and attention on the quick wins that could be achieved throughout the process. We also understood that what we created should not be "just another 'artist' site" — it needed to reflect the energy and star power that Britney Spears uniquely brings. We wanted fans to fall in love with Britney again, and our goals helped shape how people perceived the Queen of Pop in one simple-to-use dashboard. Quick decisions guide the process With a project as fast and furious as this one, you’ve got to have someone inside the client’s organization who can tell you “yes” or “no”
Design Strategy Framework. Manifesto. Think design is only the domain of a designer?
Nonsense, we want to drive that idea out of everyone’s head. Design practices are visual problem-solving tools accessible to everyone who can pick up a pen to express an idea, highlight a great idea, or mark up anything with constructive feedback. When we interact with clients, students in our classes, or others, we work hard to get them to understand how to contribute feedback on visual ideas, to build off those ideas themselves, and then to own them and carry them on into their own practices. There is nothing more gratifying than seeing a former client voluntarily explore five ideas to gather feedback instead of just building the first one! Next. How We Make Great Product Design Happen. ZURB — Product Design, Interaction Design & Design Strategy.