Widgets in Action (Add-Ons/Smart Tags)

Whether you call them widgets, add-ons, or smart tags, you can easily embed your favorite media on any page of your website.

When editing any page, click on the Widget Manager button and embed Twitter accounts, Google Maps, Flickr Photos, Vimeo or YouTube videos, blogs, news, events, photo galleries, or even products from your website. Each widget allows you to set different parameters like the height and width, how many items to show, and more. Below are some examples.

Our Blog - Get Wisdom, Get Insight

5 Reasons Your Ministry Should Be On TwitterPostedMonday, August 30, 2010 @ 9 AMByBryan YoungTaggedBest Practices for Church Websites Social Media Twitter 0 commentsAdd commentTwitter is a social networking service that enables its users to send and read messages known as tweets . Tweets are text-based posts of up to 140 characters displayed on the author's profile page and delivered to the author's subscribers who are... More

	Flickr With Flickr, you can very easily embed your photos and even video. In this example, we have embedded Travis's free Flickr account using our Widget Manager. Photo quality can be upgraded if you pay for the "Pro" version which costs $25. Read more about what you get with a Pro Flickr account.
	Vimeo This is a video that has been uploaded to Vimeo and easily embedded into this page using Travis's Vimeo account. He shot this using his iSight camera that is in his Mac. Your videos can look much better if you have a higher quality video camera. A great example of embedding Vimeo Videos can be seen here on the Biblical Soul Care website.
	Google Maps Google Maps is an excellent way to provide additional interactivity to your website. You can see in this example that by embedding this video, you can get directions to or from the White House.
	YouTube Just like Vimeo, you can embed your videos that are from YouTube. While this video might not be real, it always gets a good laugh.

iMinistries Photo Gallery

If you don't have or don't want to sign up for a Flickr account, don't worry. You can upload your photos to your iMinistries website and display them in our Photo Gallery player.

RSS Feeds From Other Blogs

Smashing Magazine Feed

Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote

Monday, September 06 2010 @ 06:01 PM

Smashing Editorial

Smashing-magazine-advertisement in Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote

in Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote

Lately, Apple Keynote has been gaining popularity among designers as a wireframing and prototyping tool. Features like multiple slide masters, styles, grouping, animation and hyperlinks make it ideal for crafting interactive prototypes and UI narratives. Today’s freebie, Keynotopia, is a free set of interface elements for Keynote that makes it possible for anyone to create these prototypes in minutes. All elements are hand-crafted in Apple Keynote, and organized in nested groups for easier manipulation and customization. The templates can be used in Keynote 09 and 08 and are designed by Amir Khella.

Start with a blank presentation, and create a new slide for each application screen. Then copy/paste elements from the wireframe templates into your slides, and edit their labels, sizes and colors. To save time, group elements together, and use master slides to share common interface and navigation components across multiple screens. Finally, add hyperlinks to enable user interaction, and use slide transitions to create cool interface animations.

Voila! You now have an interactive prototype that you can test with users, share with team members, and present to stakeholders.

Download the set for free!

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed or rented. Please link to this article if you want to spread the word.

[Offtopic: by the way, did you already get your copy of the Smashing Book?]

Screenshots

Containers and Dialogs. Large view.

Controls. Large view.

Navigation. Large view.

Galleries. Large view.

Social Web. Large view.

Browser window. Large view.

Application window. Large view.

Lightbox. Large view.

Badges and icons. Large view.

Motivation behind the design

Here are some insights from the designer of the set:

“The first time I’ve used Apple Keynote for prototyping, I was helping a friend create a product pitch for his startup idea. He didn’t have design or development skills, and I wanted to show him how he can quickly put together a click-thru demo in less than an hour, using his favorite presentation tool. He was impressed by the outcome, and I was equally impressed by Keynote’s simplicity and efficiency. I never went back to my prototyping tool since.

Keynotopia was created so that anyone with an idea can quickly test its potential, without having to spend time and money on design and development resources. It’s a simple proof that having the right mindset for prototyping is more important than buying expensive tools.

I also wanted to find a way to avoid writing UI specs. Using Keynotopia templates, I created prototypes that I annotated and shared with development teams, and the response was phenomenal! Time was no longer spent reading, staring at screenshots and imagining interactions; developers and testers were actually having fun playing with the prototypes and providing feedback. Design was finally catching up with the lean and agile development process.

I am constantly updating the website with guides, tips, and new prototyping templates.

— Amir

Thank you very much, Amir! We appreciate your efforts.

You may be interested in the following related releases: