Metrofy – Responsive Metro Inspired HTML Template on ThemeForest

Metrofy is my first item on ThemeForest, a responsive Metro inspired HTML Template.

Metrofy - Responsive Metro Inspired HTML Template on ThemeForest

Metrofy – Responsive Metro Inspired HTML Template on ThemeForest

Metrofy is specially designed based on the Metro Design Language.

This template was designed for creating portfolios, agency & consulting firm websites and corporate websites.

Metrofy comes with 3 different homepage sliders.

  1. Slider with Tiles
  2. Elastic Slider
  3. Flex Slider

Windows Phone UX: When & How to use Panorama Control

Panorama or Panoramic Control often referred as a ‘hub’ is where you can represent the UI of the application on a lengthy horizontal canvas that extends beyond the device boundaries.

The scrollable UI of the Panorama allows for a unique visual experience associated with the overall feel of Windows Phone 7. And is often the entry point for many applications.

Which means you need to be more careful with the quality of your Panorama and the feel it leaves.

The best examples are always on the device. The People hub on the Start screen is implemented using a Panorama and so is the Music + Videos hub.

Continue reading

WP7 Databound Application – Pizza App User Interface Design

Last week, in the introduction to a Windows Phone 7 Databound application, we saw how a databound application works and how to show a collection on the UI.

In this second part, we’ll see how to convert it in to a real world app.

Things we cover

  • Adding new pages
  • Wiring up events
  • Creating a custom panel, the secret behind the toppings selection screen

Before going further, let’s see what we are going to create. Below are the screen-shots of the completed application.

Creating a Custom Panel in Silverlight

Silverlight allows StackPanel and WrapPanel to be used as items panels in a ItemsPanelTemplate, for controls like ListBox where a collection of items are shown.

Sometimes we need to create a custom panel where the out-of-box panels may not full-fill the need. I came across one such situation where I need to show the items layered over one another.

It’s a Windows Phone 7 Pizza application, where user can choose the toppings, which are shown on top of a Pizza as if its a real one.

Continue reading

Introduction to WP7 Databound Application

This tutorial is part of the WP7 Databound Application series.

Read Part II, Creating the Pizza App User Interface (Opens in a new window)

In this tutorial, We will see what a Windows Phone 7 databound application is and how to create one. Specifically, we will create a simple pizza ordering application using a Windows Phone 7 databound project.

What is a databound application?

A databound application generates an application in a Model/View/ViewModel (MVVM) style, with sample data exposed in ViewModel classes. It creates a master view and details view which were bound to respective view models.

Why should I use a databound application?

When you create a databound application, it creates the pages with properly hooked up navigation and basic data usage, this includes both design time and run time data. Which means, you can see how the page looks without the need to run the simulator.

All you have to do is focus on your application logic.

Continue reading

Windows Azure Storage Constraints

Tables and Queues in Windows Azure play a vital role in storage.

The following are the constraints that need to be considered while using tables and queues in Azure,

Constraints on Data types

String – 64 kb max

Binary – 64 kb max

Constraints on Field/Row Size

Maximum number of fields – 255

Partition Key – Less than 1 kb

Row + Partition – Less than 256 char

Silverlight Tip: RadioButton/CheckBox Binding ClickMode

No doubt that Binding in Silverlight is a powerful feature. There are few caveats when considering RadioButton or CheckBox like controls.
The following code snippet is a common scenario where a RadioButton or CheckBox can be used with data binding.

 <ItemsControl>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <RadioButton Content="{Binding ItemName}" IsChecked="{Binding IsSelected, Mode=TwoWay}"/>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
 </ItemsControl>

Continue reading

Silverlight Password Strength Checker – Part 1 of 3

Introduction

In this 3 part series, we are going to learn how to create a custom control, the parts and states of custom control and skinning. We will create a simple password strength checker, which will tell how strong your password is. In part 1, we will see how to create a fully usable custom control.

Overview

A Custom Control is same as any other User Control except the fact that it comes with the power of editable Styles and Templates. For more details, see Control Customization on MSDN.

You Will Learn
  • What is a Silverlight Class Library
  • How to create a Custom Control using a Class Library
  • How to create properties that can be accessed both from Xaml and code-behind

Before going further, let’s have a look at what we are going to create.

Continue reading

What’s New in Silverlight 5?

Today, at Silverlight Firestarter, ScottGu announced new features coming up in Silverlight 5.

Silverlight 5 introduces more than 40 new features, including support for running Silverlight applications with desktop features in the browser, dramatic video quality and performance improvements, and features that improve developer productivity.

More information at http://www.microsoft.com/silverlight/future/

A Quick Overview

These are the expected features to be included with the Silverlight 5 Beta. As expected, the final product will be more power packed.

Expected releases:

  • Public Beta during Spring 2011
  • Final version by end of 2011

I like to start the list with most compelling (for me) features,

  • Layout Transitions
  • Ancestor RelativeSource
  • Custom Markup Extensions
  • Binding Style Setters
  • Breakpoints in Xaml

Continue reading

Silverlight Firestarter

All set for Silverlight firestarter. Starting with ScottGu’s Keynote till the after party, everyone’s pretty sure that the day will be fun filled and interesting.

What is Silverlight Firestarter?

A one day, global, live streamed and on demand event keynoted by Scott Guthrie, with New self-paced labs and walk through videos. And fully interactive where you can Watch live and ask the Silverlight product team questions during the event.

When and Where to Register?

Keynote Starts December 2, 2010 at 9:00 pacific time (22.30 Indian time). Yes, registrations are still open at http://www.silverlight.net/news/events/firestarter/

Whom the event is for?

The event brings something for everyone. On-Ramp sessions to get you started, live from experts to improve your skills and understanding and Chat with the Silverlight product team live or in person.