Changes between Version 15 and Version 16 of bestpractice
- Timestamp:
- 03/14/08 20:38:12 (21 months ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
bestpractice
v15 v16 6 6 1. [wiki:bestpractice/#Technical Technical] 7 7 1. [wiki:bestpractice/#Styleguideforapplications Style guide for applications] 8 1. [wiki:bestpractice/#Viral Viral] 8 1. [wiki:bestpractice/#Viral Viral] 9 9 1. [wiki:bestpractice/#International International] 10 10 1. [wiki:bestpractice/#Co-registration Co-registration] … … 12 12 ---- 13 13 == Technical == 14 15 14 ==== Using caching for data-heavy applications ==== 16 17 18 19 15 ==== Use hi5 custom tags ==== 20 21 16 == Style guide for applications == 22 17 ==== Page and Image Dimensions ==== … … 24 19 25 20 ==== '''hi5 Colors''' ==== 26 ''''' !#222222: Body text [[BR]] !#404040: Headline text [[BR]] #EE6700: Warning text, link hover [[BR]] !#085098: Links [[BR]] !#6E87AF: Module header fill [[BR]] !#999999: Fine print, 2px bottom border of module header [[BR]] #CCCCCC: 1px Module border, horizontal line separators [[BR]] #E3E3E3: Module subnavigation fill [[BR]] #F3F3F3: Optional module background fill'''''21 !#222222: Body text [[BR]] !#404040: Headline text [[BR]] #EE6700: Warning text, link hover [[BR]] !#085098: Links [[BR]] !#6E87AF: Module header fill [[BR]] !#999999: Fine print, 2px bottom border of module header [[BR]] #CCCCCC: 1px Module border, horizontal line separators [[BR]] #E3E3E3: Module subnavigation fill [[BR]] #F3F3F3: Optional module background fill''''' ''''' 27 22 28 23 ==== Text Styles ==== 29 24 Main headers { font: bold 14px Arial; color: !#404040; padding-bottom: 5px; border-bottom: 1px solid #cccccc; }[[BR]]Sub headers { font: bold 12px Verdana; }[[BR]]Body text { font: 12px Verdana; line-height: 1.5em; }[[BR]]Note text { font: 11px Verdana; color: !#999999; } [[BR]]List items { padding-top: 1px; padding-bottom: 1px; margin-bottom: 5px; } [[BR]]Pagination div { border-bottom: 1px solid #cccccc; margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 4px; } 30 25 26 == Viral == 27 We want to make sure that applications that enrich our user's social experience are give the right tools to grow within the hi5 community. As you develop your application make sure that you leverage our viral channels: 31 28 32 33 == Viral == 34 We want to make sure that applications that enrich our user's social experience are give all the right tools to grow within the hi5 community. As you develop your application make sure that you leverage our viral channels: 35 36 1. Invitations - users who have installed your application on the profile page can invite their friends to use your app 37 1. Notifications - when a user performs an action within your application, it can generate a notification to the user's friends. These notifications are listed on the friend's homepage 29 1. Invitations - users who have installed your application can invite their friends to use your app 30 1. Notifications - when a user performs an action within your application, it can generate a notification to interact with the user's friends. These notifications are listed on the friend's homepage as notifications. 38 31 1. Messages - your application can engage with users who have installed the application by sending them a direct e-mail 39 1. Friend Updates - whenever a user interacts with your application, there is an opportunity for you to generate a friend update. These updates get posted on the user's profile page and also get sent to all the friends as a friend update on their homepage 40 1. Application Directory - this is the place where a hi5 user can discover all the applications their friends have recently installed 41 42 32 1. Friend Updates - whenever a user interacts with your application, there is an opportunity for you to generate a friend update. These updates get posted on the user's profile page and also get sent to all the friends as a friend update 33 1. Application Directory - this is the place where a hi5 user can discover the applications their friends have recently installed 43 34 44 35 == International == 45 hi5 is available in 19 languages with more being added each month. When you are building applications that reach tens of millions of global users, you need to give thought to internationalization (i18n) issues. Here are some tips that will get you conforming to i18n: [[BR]]36 hi5 is available in 19 languages with more being added each month. When you are building applications that reach tens of millions of global users, you need to give thought to internationalization (i18n) issues. Here are some tips that will get you conforming to i18n: 46 37 47 38 ==== Don't hard code strings ==== 48 In general, most developers begin by writing gadgets with their strings "hard-coded." Supporting multiple languages requires externalizing the user-visible strings into message bundles, a process called internationalization (i18n). Google has written a really clear guide: [http://code.google.com/apis/gadgets/docs/i18n.html Google Gadgets and Internationalization]. The guide covers the mechanics of creating i18n gadgets, what follows is some hi5-specific extensions and tips on good i18n practices. [[BR]]39 In general, most developers begin by writing gadgets with their strings "hard-coded." Supporting multiple languages requires externalizing the user-visible strings into message bundles, a process called internationalization (i18n). Google has written a really clear guide: [http://code.google.com/apis/gadgets/docs/i18n.html Google Gadgets and Internationalization]. The guide covers the mechanics of creating i18n gadgets, what follows is some hi5-specific extensions and tips on good i18n practices. 49 40 50 41 ==== Don't use concatenation or layout to combine properties into sentences! ==== … … 54 45 <msg...> Photo ${from} of ${to} </msg> much better! 55 46 }}} 56 57 As a general rule, try to externalize complete sentences or phrases. 47 As a general rule, try to externalize complete sentences or phrases. 58 48 59 49 ==== Don't impose grammar ==== … … 69 59 <msg name="female.posting">You posted a message to her Scrapbook.</msg> 70 60 }}} 71 Punctuation is a part of grammar. Include it! [[BR]][[BR]]As a general rule, parameterize nouns and counts... not verbs, pronouns, particles, or other components of the sentence. [[BR]] [[BR]]61 Punctuation is a part of grammar. Include it! [[BR]][[BR]]As a general rule, parameterize nouns and counts... not verbs, pronouns, particles, or other components of the sentence. [[BR]] 72 62 73 63 == Co-registration == 74 64 hi5 provides your application with a unique opportunity to engage users outside of hi5 to interact with your application. By using a co-registered page, this is your opportunity to get your site's members to use your application within hi5. When the user registers through the co-registration page, they automatically have your application pre-installed. 75 76 Here is a screenshot of a co-registeration page: