Dzineblog360 |  |
| Get a Jump on HTML5 for Windows8 Metro Posted: 29 Mar 2012 07:09 AM PDT
Windows8 Metro, Microsoft’s new mobile-optimized platform, introduces an exciting opportunity for creating Metro style apps,which are rich, interactive and touch-driven applications that can do anything you choose to imagine. Metro style apps are designed to be responsive and take advantage of native mobile and browsing capabilities such as Geo location, user profile information, multi-media and offline storage. They can even be taught to do things like adjust the back light of the user’s mobile device. Best of all, Microsoft has opened the platform to allow development using a wide variety of languages, intended to harness your existing skills and encourage reuse of code assets and techniques already in use today. What it means for you as a web designer or developer is that for the first time, you can explore true mobile application development using HTML5, CSS3 and JavaScript libraries. Because Microsoft provides a framework that includes the touch-first functionality, you are free to focus on the design and unique capabilities of your application. The OpportunityMicrosoft’s strategy for the new Windows App Store includes a fast certification process and seller control over location-based targeting and price tier. This should be a breath of fresh air for anyone that has experienced Apple’s app development and sales process. Even though game and application development require additional skill sets, the technologies involved are familiar to both developers and designers. As a result, any app, from a simple drag n’ drop task manager to a complex game, has a chance to thrive and create revenue for you or your startup. Getting Started1. Get the Windows Developer Preview The preview includes Microsoft Visual Studio 11 Express for Windows Developer Preview, the Windows SDK for Metro style Apps and a free version of Microsoft Expression Blend for visual design, but you’re not limited to these two tools and can start projects using the web design software you are comfortable with for prototyping and move to these tools to execute and compile the project. 2. Review the fundamentalsIt is easier than you think -to build a Metro style app using web technologies, you use HTML5 and CSS3 for presentation and JavaScript for app logic in the same way you build any website. Here’s an example of a very basic Metro style app using HTML5 and JavaScript: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>MyFirstMetroApp</title> <!-- WinJS references --> <link rel="stylesheet" href="/winjs/css/ui-dark.css" /> <script src="/winjs/js/base.js"></script> <script src="/winjs/js/wwaapp.js"></script> <!-- WinWebApp1 references --> <link rel="stylesheet" href="/css/default.css" /> <script src="/js/default.js"></script> </head> <body> <button onClick="click">Click me!</button> <p id="myText" /> </body> </html> In this code example from Microsoft, you see references to the Windows8 JavaScript library, as well as references to a default style sheet. The framework provides a number of pre-defined app templates that include these references.
3. Plan your layout.Metro style apps take advantage of CSS3 layouts for creating responsive designs that are familiar to users and built for optimal content organization. You can start with any of the following four models or use one of the starter templates provided in the Developer Preview:
4. Unleash your creativity.Designing the front-end of your app is not restricted by any special rules, but should take mobile use and touch into consideration. The process by which you design and prototype your interface is yours to choose and doesn’t need to deviate from your every-day web design workflow. Microsoft offers a working draft filled with valuable information and advice for designing a successful Metro style app. Take some time to go over the materials to increase your chances of certification and better sales.
5. Integrate Metro functionalityContracts are “agreements” between the operating system, browser platform and Metro apps to support a unified experience for the user. As a web designer or developer, you may be more familliar with the concept of a framework or extensions. For example, apps that support the search contract can take advantage of Windows8 search, enabling users to search those apps even when they are not running (or when the user is in another app). Other examples of contracts are:
6. Create your TileTiles are the primary representation of an app on the Metro start screen and are both the app’s icon and widget. You can code your application Tile to display user-specific information like their latest score, today’s tasks, or a content snippet, displayed without the app having to be launched.
Next StepsNow that you have the tools and have seen how easy it is to build a Metro style app using web-based languages, you can put what you’ve learned to practice and build you first commercial app. Here are 3 detailed tutorials to help you start building your first Metro style app.
Introducing the New Wix HTML5 Website BuilderThis isn’t your momma’s Flash builder! The new HTML5 Website Builder from Wix is a completely free online tool for designing valid, rich HTML5 websites using a visual drag-and-drop editor, giving you the power of complete creative freedom. It is extremely easy to master and comes with an extensive library of animations, widgets and graphics to get you started designing with HTML5 right now. You can rapidly design and style any layout from the ground up and add HTML5 audio, video, slideshows and more without extensive and time-consuming hand-coding. Use it for rapid prototyping of your Windows8 Metro concepts and speed up your development process. Check it out here. Selling Your AppsOnce you have a winning app, it’s time to certify it and turn it into passive income. To be accepted into the Windows Store, Metro style apps must be packaged and certified according to certain rules. Upon acceptance, your app can be offered for free, or be sold for 70% of profits. You are only charged a one-time fee ($49USD) to setup your app store profile and begin selling once the store goes live. Microsoft is known for their fast certification process, so as long as you have followed the guidelines, this process should be pain-free.
Related topics
Guest Author:Vail Joy is a professional writer, designer and developer with a vibrant background in music business, photography and social media. When she is not contributing her expertise to blogs and e-zines, she is building HTML websites and slaying dragons for Obox Design.         |
| First Ever Social Network with Earning Prospects – Zurker Posted: 28 Mar 2012 01:03 PM PDT
The word social media has been rugged so much that it does not ring a bell, however; if socializing on any social media network becomes profitable it does get the attention. The idea has not been used until Zurker – a new social media with earning prospects was launched. The idea of earning while sharing and socializing certainly alarmed me and I left on the quest of knowing how can it be possible? Curiosity about Zurker was increasing more as I read and tried it, moreover; Zurker kept some extra surprises in its sleeves as well. Zurker definitely is one social media network that promises no advertisements and following are some more presents for its users: With Zurker – Impossible is Nothing:As, I have mentioned that Zurker promised that it will not run any ads like other social media networks. Moreover, there is no centralized policy in fact each member is responsible for setting up his own privacy policy. Zurker is not limited for one nation but it is different for each country. This makes it more diversified yet global social media network. Most of us have been troubled by spam on number of different social media networks whereas; Zurker assures no spam. It has also made its stats public so that everyone knows how many visitors have joined the platform. The novelty of Zurker does not end here but it further adds that personal information about the users will never be sold to any third party. It seems like Zurker is not doing everything that is being done by the conventional social media networks. This gives Zurker a golden opportunity to become the only noble social media network. Money Business – Vshare:After the in depth information and benefits of Zurker, it is the right time to guide you guys how you actually are going to make money from it. The process is simple and all you have to do is enhance your network through genuine referrals. In the beginning every member will be awarded 2 vShares afterwards on each referral you can get one Vshare. The stats will be visible on your profile. If by chance you are not getting any referrals you still can buy stakes for 1$ a share. Once the members in your Zurker cross the limit of 10,000 the price of each share goes up. So far you have not earned anything but once Zurker allocates 1 million shares, the company will go public and transform your Vshares in to actual shares. At this stage which is going to be soon as a lot of members are joining this day by day you will start receiving your revenue on the basis of your percentage/share. This is how Zurker is making you rich. Finally Words:In the end, I don't think I would further emphasize on the importance of Zurker rather leave you with this thought that if you have nothing else to do then do zurkering. It is going to be fun, easy and profitable for you. In order to receive the invitation click the here.     |
| You are subscribed to email updates from Dzineblog360 To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
Niciun comentariu:
Trimiteți un comentariu