The ways to control your business reputation in searching engine and push down the negative comment not showing on 1st or 2nd pages
1. Write blog with your business name as title
2. Reputation software patrol
more reading
Saturday, November 10, 2012
Wednesday, October 24, 2012
Thursday, June 14, 2012
Bootstrap video demo
Currently using Bootstrap to develop a screen size awareness site to fit fot mobil also has become the trend. Down load from bootstrap and look at the introduction of Bootstrap video demo to learn from youtube.
1. setting up page
1. setting up page
Wednesday, June 6, 2012
Video tutorial for building responsive page
photoshop and set up document
Start out with skeleton
Building a Responsive Layout With Skeleton: Navigation
Building a Responsive Layout With Skeleton: jQuery Plugins
Layout with skeleton
http://webdesign.tutsplus.com/tutorials/complete-websites/building-a-responsive-layout-with-skeleton-finishing-off/
Start out with skeleton
Building a Responsive Layout With Skeleton: Navigation
Building a Responsive Layout With Skeleton: jQuery Plugins
Layout with skeleton
http://webdesign.tutsplus.com/tutorials/complete-websites/building-a-responsive-layout-with-skeleton-finishing-off/
Monday, June 4, 2012
Video tutorial:Web Design Using Photoshop slicing page
Using photoshop to create page layout's look and feel then slice it.
Note: open a new file with background transparency,from
http://webdesign.tutsplus.com/tutorials/complete-websites/basics-create-a-clean-magazine-blog-theme-day2-slicing-and-markup/
Note: open a new file with background transparency,from
- file menu--> place to place all the image element to put each element in layer on the canvas. (drag the corner of image to resize; then click on move tool to move the object)
- After place all the elements, file-->merge down to preserver its transparency,
- then use slice tool from the tool bar (newer version photoshop is grouped within crop tool) to slice and create the block of layout place holder.
- from menu file-->save for web and device, save as a html file plus a image folder
- open with Dreamweaver, delete image text and replace it with text filler http://www.lipsum.com/
- create a style sheet and new rules or copy from other CSS file and
- link from html page to CSS style sheet and edit it from CSS panel on Dreamweaver
http://webdesign.tutsplus.com/tutorials/complete-websites/basics-create-a-clean-magazine-blog-theme-day2-slicing-and-markup/
Tuesday, May 22, 2012
20 web design trends: Responsive web design interface is the #1
http://www.hongkiat.com/blog/web-design-trend-2012/
Code to create form
http://www.hongkiat.com/blog/login-registration-form/
HTML5 and CSS3
http://www.hongkiat.com/blog/building-html5-css-webpages/
http://www.hongkiat.com/blog/web-design-trend-2012/
Code to create form
http://www.hongkiat.com/blog/login-registration-form/
HTML5 and CSS3
http://www.hongkiat.com/blog/building-html5-css-webpages/
Thoughts before creating a mobil friendly web
What are the mobile trends that are important to businesses?
http://www.bayshoresolutions.com/resources/articles-webcasts/web-design-insights/mobile-websites-design-tips.aspx
Recent industry studies show the extremely fast growth of internet users accessing the Web through a mobile device or “Smart phone” including:
Mobile internet users are projected to exceed desktop internet users by 2014
1 in 5 mobile users will watch video on mobile device by 2013
Over half of mobile users will be web-enabled by 2013 (and that represents 40% of the US population)
As more and more people are accessing the mobile web, what are they doing there? More studies reveal these types of mobile activities are gaining popularity:
Looking for directions & locations
Looking for coupons or promotions
Price, availability and support comparisons
Reading reviews about products, services, and professionals of interest
Buying
Utilizing the services or processes of a business (i.e.: checking in for a flight, or an online banking transaction)
And interestingly, the current most-used mobile device task: checking the time
Comparing web and app on mobil, web are used more on entertainmnet and searching
http://www.bayshoresolutions.com/resources/articles-webcasts/web-design-insights/mobile-websites-design-tips.aspx
Recent industry studies show the extremely fast growth of internet users accessing the Web through a mobile device or “Smart phone” including:
Mobile internet users are projected to exceed desktop internet users by 2014
1 in 5 mobile users will watch video on mobile device by 2013
Over half of mobile users will be web-enabled by 2013 (and that represents 40% of the US population)
As more and more people are accessing the mobile web, what are they doing there? More studies reveal these types of mobile activities are gaining popularity:
Looking for directions & locations
Looking for coupons or promotions
Price, availability and support comparisons
Reading reviews about products, services, and professionals of interest
Buying
Utilizing the services or processes of a business (i.e.: checking in for a flight, or an online banking transaction)
And interestingly, the current most-used mobile device task: checking the time
Comparing web and app on mobil, web are used more on entertainmnet and searching
Saturday, April 14, 2012
Color matching/picking tool for design and website
Using the tool to help you pick the right colors matching.
This is not a new feature; Illustrator has it since CS3. It helps people that don't have a eye to decide what colors to choose in order to look good together. It was based on safe harmony color matching, give you suggestion color first and you tune it with color saturation to intensify or soft it. If you go for very bold contrast color, then you must hand pick by yourself.
http://tv.adobe.com/watch/adobe-evangelists-terry-white/create-colors-in-harmony-with-ease-in-illustrator-cs5-in-this-episode-terry-white-shows-how/
Use color wheel from Adobe Illustrator menu window--> color guide
other site for colors matching
http://kuler.adobe.com/
Thursday, April 12, 2012
Web Design Using Grid System
Web design is a constantly changing field. Now a day seems like people go back to hand coding for front end using grid system for layout with html, then add content, interactive, finally style the look and feel with CSS.
This is the new trend in web design using grid base as layout templet, it's clear and simple pleasing to eye. However, you still need to have your contents ready such like good photo and text.
Down load the kit from 960.gs ( on the top left said Download)
And design sample using grid base http://grid-based.com/
Saturday, April 7, 2012
Guiding Principal of Marketing Concept on Facebook
1."Build a strategy that is social by design":
"Social should be baked into everything you do"
2.Create an authentic brand Voice: Bring your personality of brand to life through an authentic and consistent voice.
3.Make it interactive
http://ads.ak.facebook.com/ads/FacebookAds/Best_Practice_Guide_042811_10.pdf
Friday, March 30, 2012
Web Design UI ways to show clients
I should have seen this video earlier before meet a client who has endless changing minds, and has bad reputation of causing working partner commit suicide.
I rather gave up the my pay than ....
http://tv.adobe.com/watch/taming-the-web-with-greg-rewis/from-comp-to-finished-page/Saturday, March 17, 2012
CSS3 -RGBA buttons and other web design
This link shows you how to make additional alpha channel color into your button. It can be glowing/shining just by coding.
http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
http://tympanus.net/codrops/category/web-design/
http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
http://tympanus.net/codrops/category/web-design/
3D, or shawdow text done by stylesheep not photoshop
Text with shadow using CSS stylesheet. However IE (about 19% user) doesn't support.
This link shows you how to do cross browser text shadow.
http://kilianvalkhof.com/2008/css-xhtml/cross-browser-text-shadow/
This link shows you how to do cross browser text shadow.
http://kilianvalkhof.com/2008/css-xhtml/cross-browser-text-shadow/
Wednesday, February 22, 2012
HTML 5 on mobil link
This talk about the issues of mobil website using HTML5
http://venturebeat.com/2012/02/22/html5-vs-native-apps-how-to-pick-the-right-path/
This issue/market share about web vs app
http://www.readwriteweb.com/archives/apps-arent-dead-neither-is-the-web-the-parrot-is-though.php
http://venturebeat.com/2012/02/22/html5-vs-native-apps-how-to-pick-the-right-path/
This issue/market share about web vs app
http://www.readwriteweb.com/archives/apps-arent-dead-neither-is-the-web-the-parrot-is-though.php
Thursday, February 16, 2012
Add a FB "Like" buttton to your page
http://developers.facebook.com/docs/reference/plugins/like/
There're 2 part of code 1st part should include SDK put right after the opening body tag
2nd part put it on where you want your button appear on your page
There're 2 part of code 1st part should include SDK put right after the opening body tag
2nd part put it on where you want your button appear on your page
Monday, February 13, 2012
Topic about web landing page-mobile
http://www.business2community.com/online-marketing/55-cool-new-ways-to-use-landing-pages-0119317
Wednesday, February 8, 2012
Thursday, January 5, 2012
Social plugin document for your web
After create your page, you need to market it, social media is one of the most effective place to do.
http://developers.facebook.com/docs/plugins/
Subscribe to:
Posts (Atom)