Win8 client development record in the blog garden 2-First draft of the interface

Source: Internet
Author: User

During this time, I spent almost all my spare time working on this app. Fortunately, win Metro app focuses on content rather than fancy interfaces. In addition, JavaScript is simple, easy to learn, and easy to use, therefore, a usable Metro interface is initially created. This project was created with the blank app. The details page references the grid app template style. other styles are debugged on the ie10 browser in the company's spare time during the day, after going home, I merged it into the app. Below are the interfaces I captured in the simulator last night (1366*768 resolution). coding was too late at night and I didn't try to post a blog, so it is stored in the Evernote notebook,

1. on the app startup interface, content loading is displayed on the blue dot in the lower left corner. The extended startup interface is used. After the homepage blog is loaded, the main interface is displayed.

2. home page, because the mouse mode is used for capturing images, a horizontal scroll bar is included below. If it is in the touch mode, the scroll bar will automatically disappear, and the text and layout of this interface need to be modified, because my girlfriend said she was not professional and she couldn't help it. She was engaged in design and I thought it was okay. I asked her to instruct her and adjust it again, so it was not a waste of time on the interface for the moment, and other functions will be further improved (the front-end is a severe injury to codenon)

 

3. News content page, reference the grid app template style, and then fine-tune yourself some places, the URL is http://news.cnblogs.com/n/178439/

 

4. Another pure image, web site is: http://news.cnblogs.com/n/178425/

Next we will provide the comment function and login, Account module .. At last, you need to adjust the interface in different resolutions and views to start working. .. .

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.