As an Amazon Associate I earn from qualifying purchases.
Wave extensions preview is now available
Check out some of the extensions that were developed during Google Wave developer preview period:
http://wave.google.com/help/wave/extensions.html
http://wave.google.com/help/wave/extensions.html
Wave extensions preview is now available
Check out some of the extensions that were developed during Google Wave developer preview period:
http://wave.google.com/help/wave/extensions.html
http://wave.google.com/help/wave/extensions.html
As an Amazon Associate I earn from qualifying purchases.
As an Amazon Associate I earn from qualifying purchases.
Guidelines for Website content and design
- Provide useful content and meaningful information for users. Write clear and cohesive pages that appeal to a specific topic of interest.
- Engage users in your pages, i.e. create meet-up, start blogging, connect to social networking, post how-to-dos, write professional articles, etc. You can also provide incentives that encourages users to participate in your site
- Create a list of keywords for your pages, and be sure to include them in your page. This will help search engines identify your site when users search for similar keywords.
- Create a labels or tags list for your pages in order to help users quickly find information on your site.
- Include useful links in your site to your own pages or external page.
- Use text instead of images to describe your topic. While an image is worth thousand words, using images alone as site content does not provide user with helpful information.
Create a site map for your website to help Google reach any dynamic content of your site that is not easily detected or is relatively new.
When your site is ready for the public, be sure to submit your site to:
http://www.google.com/addurl.html
See more information on online social networking:
http://ukitech.blogspot.com/2009/09/why-online-social-media-is-relevant-to.html
See more information on online social networking:
http://ukitech.blogspot.com/2009/09/why-online-social-media-is-relevant-to.html
Guidelines for Website content and design
- Provide useful content and meaningful information for users. Write clear and cohesive pages that appeal to a specific topic of interest.
- Engage users in your pages, i.e. create meet-up, start blogging, connect to social networking, post how-to-dos, write professional articles, etc. You can also provide incentives that encourages users to participate in your site
- Create a list of keywords for your pages, and be sure to include them in your page. This will help search engines identify your site when users search for similar keywords.
- Create a labels or tags list for your pages in order to help users quickly find information on your site.
- Include useful links in your site to your own pages or external page.
- Use text instead of images to describe your topic. While an image is worth thousand words, using images alone as site content does not provide user with helpful information.
Create a site map for your website to help Google reach any dynamic content of your site that is not easily detected or is relatively new.
When your site is ready for the public, be sure to submit your site to:
http://www.google.com/addurl.html
See more information on online social networking:
http://ukitech.blogspot.com/2009/09/why-online-social-media-is-relevant-to.html
See more information on online social networking:
http://ukitech.blogspot.com/2009/09/why-online-social-media-is-relevant-to.html
Reminder about your invitation from Uki Dominque Lucas
| Dear Blog, This is a reminder that on September 14, Uki Dominque Lucas sent you an invitation to become part of their professional network at LinkedIn. Follow this link to accept Uki Dominque Lucas's invitation. https://www.linkedin.com/e/isd/736202449/DxAPBbC7/ Signing up is free and takes less than a minute. This is a reminder that on September 14, Uki Dominque Lucas sent you an invitation to become part of their professional network at LinkedIn. The only way to get access to Uki Dominque Lucas's professional network is through the following link: https://www.linkedin.com/e/isd/736202449/DxAPBbC7/ You can remove yourself from Uki Dominque Lucas's network at any time. -------------- © 2009, LinkedIn Corporation As an Amazon Associate I earn from qualifying purchases. OmniPlan crashing... solutionFor last few days my OmniPlan 1.6.3 was crashing on my MacBook Pro. Deleting the app (prescribed uninstallation) and installing fresh version did not help. After the talk with the (very nice) customer support I deleted all of the ... com.omnigroup.OmniPlan.plist files the app starts with no problems. I am very happy! OmniPlan crashing... solutionFor last few days my OmniPlan 1.6.3 was crashing on my MacBook Pro. Deleting the app (prescribed uninstallation) and installing fresh version did not help. After the talk with the (very nice) customer support I deleted all of the ... com.omnigroup.OmniPlan.plist files the app starts with no problems. I am very happy!
As an Amazon Associate I earn from qualifying purchases.
As an Amazon Associate I earn from qualifying purchases.
Flex: skinning the UI
Here are a few useful links...
http://www.adobe.com/devnet/flex/quickstart/skinning_components/ http://www.loscavio.com/downloads/blog/flex3_css_list/flex3_css_list.htm http://www.adobe.com/devnet/flex/articles/skins_styles.html http://www.alagad.com/blog/post.cfm/flex-simple-skinning-example http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html# Flex: skinning the UI
Here are a few useful links...
http://www.adobe.com/devnet/flex/quickstart/skinning_components/ http://www.loscavio.com/downloads/blog/flex3_css_list/flex3_css_list.htm http://www.adobe.com/devnet/flex/articles/skins_styles.html http://www.alagad.com/blog/post.cfm/flex-simple-skinning-example http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html# GWT: how to make your Composite widget clickableby implementing HasClickHandlers import com.google.gwt.event.dom.client.ClickEvent; import com.google.gwt.event.dom.client.ClickHandler; import com.google.gwt.event.dom.client.HasClickHandlers; import com.google.gwt.event.shared.HandlerRegistration; import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.HTML; import com.google.gwt.user.client.ui.HorizontalPanel; import com.google.gwt.user.client.ui.Label; public class IconWithText extends Composite implements StyleConstants, HasClickHandlers { HorizontalPanel widget; public IconWithText(String iconStyleName, String text) { widget = new HorizontalPanel(); widget.setStyleName(STYLE_WIDGET); HTML icon = new HTML(""); icon.setStyleName(iconStyleName); widget.add(icon); Label label = new Label(text); label.setStyleName("label_for_icon"); widget.add(label); initWidget(widget); } public HandlerRegistration addClickHandler(ClickHandler handler) { return addDomHandler(handler, ClickEvent.getType()); } } GWT: how to make your Composite widget clickableby implementing HasClickHandlers
CSS sprites
CSS sprites are a great way to SPEED UP your application, and simplify the design changes. You save in two ways:
1) amount of HTTP calls, each call has a relatively large overhead compared to small icon file it fetches 2) putting many small files into single saves a lot of "weight" as well Take example of these icons, each about 37 kb...  When combined into a single file they weight ONLY 49 kb, that is from about total of 250 kb, including all other icons I have put into it.  You want to put your files into a narrow image to make it convenient for yourself, you will use your favorite graphic tool (Pixelmator, Photoshop) to measure where the icon starts. I made all my icons 30 pixel tall. Here I am interested in Facebook (heart icon) and I see that it starts at about 1264 pixels (X coordinate), since Y is ALWAYS at 0 pixels, and width and height are 30 pixel, that is all I need...  Finally, I write a simple to understand CSS style: .icon_favorite { background: url("images/icons001.png") no-repeat; background-position: -928px 0px; width: 30px; height: 30px; cursor: pointer; } .icon_facebook { background: url("images/icons001.png") no-repeat; background-position: -1264px 0px; width: 30px; height: 30px; cursor: pointer; } .icon_edit { background: url("images/icons001.png") no-repeat; background-position: -1299px 0px; width: 30px; height: 30px; cursor: pointer; } Then GWT code to use that style, notice I use HTML, not Image for that icon. HTML submitToFacebook = new HTML(""); submitToFacebook.setStyleName("icon_facebook"); submitToFacebook.setTitle("Click to post this recipe on Facebook"); ... HTML edit = new HTML(""); edit.setStyleName("edit_facebook"); edit.setTitle("Click to edit this recipe"); ... And that is it...
Updated (after receiving some feedback): I still like the CSS sprites solution because it gives a full control to the graphic (HTML/CSS) designer, but GWT developers should definitely take a look at ImageBundle. CSS sprites
CSS sprites are a great way to SPEED UP your application, and simplify the design changes. You save in two ways:
1) amount of HTTP calls, each call has a relatively large overhead compared to small icon file it fetches 2) putting many small files into single saves a lot of "weight" as well Take example of these icons, each about 37 kb...  When combined into a single file they weight ONLY 49 kb, that is from about total of 250 kb, including all other icons I have put into it.  You want to put your files into a narrow image to make it convenient for yourself, you will use your favorite graphic tool (Pixelmator, Photoshop) to measure where the icon starts. I made all my icons 30 pixel tall. Here I am interested in Facebook (heart icon) and I see that it starts at about 1264 pixels (X coordinate), since Y is ALWAYS at 0 pixels, and width and height are 30 pixel, that is all I need...  Finally, I write a simple to understand CSS style:
Then GWT code to use that style, notice I use HTML, not Image for that icon.
And that is it...
Updated (after receiving some feedback): I still like the CSS sprites solution because it gives full control to the graphic (HTML/CSS) designer, but GWT developers should definitely take a look at ImageBundle. Microsoft Tells Users Not to Install Google Chrome Frame | Search Engine Optimization & Internet Marketing (SEO & SEM) Blog
My advise to my customers, friends and family is... please DO install
Google Chrome!
Microsoft Tells Users Not to Install Google Chrome Frame | Search Engine Optimization & Internet Marketing (SEO & SEM) Blog
My advise to my customers, friends and family is... please DO install
Google Chrome!
How to separate UI from code in GWT1. Create a general structure in HTML with all DIVs that represent major widgets <script type="text/javascript" language="javascript" src="myapp/myapp.nocache.js"></script> </head> <body> <div id="header"> <h1>Welcome to My App</h1> <div id="facebook_login"></div> </div> <div id="tool_tip"></div> <table id="main_content"> <tr> <td id="left_column"> <div id="list_of_products"></div> </td> ... 2. Style the widgets in CSS #header h1 { background-color: yellow; border-style: dotted; font-size: xx-large; } 3. Build the widgets in Java. Note: widgets are composites of various HTML elements and can have their own CSS styling. RootPanel.get("facebook_login").clear(); RootPanel.get("facebook_login").add(new FbLogin(session));
Subscribe to:
Comments (Atom)
Popular Recent Posts
Most Popular Articles
|
