<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>iDESIGN Studio Magazine</title>
	<atom:link href="http://blog.idesign.in.th/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.idesign.in.th</link>
	<description>Web Development Design Ecommerce Marketing Agency  CMS Joomla Mambo Wordpress</description>
	<lastBuildDate>Fri, 28 Aug 2009 03:55:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>6 Simple Ways For Freelancers To Increase Productivity</title>
		<link>http://blog.idesign.in.th/news/6-simple-ways-for-freelancers-to-increase-productivity/</link>
		<comments>http://blog.idesign.in.th/news/6-simple-ways-for-freelancers-to-increase-productivity/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 03:53:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Knownlage]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Freelancers]]></category>
		<category><![CDATA[Increase]]></category>
		<category><![CDATA[Productivity]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/?p=769</guid>
		<description><![CDATA[The best part about being a freelancer is having the freedom to set your own schedule and make your own rules. This, however, can also be the worst part. Without the normal structure of an office environment, many would-be freelancers find themselves wondering at the end of the day where all their time went. Getting [...]]]></description>
			<content:encoded><![CDATA[<p>The best part about being a freelancer is having the freedom to set your own schedule and make your own rules. This, however, can also be the worst part. Without the normal structure of an office environment, many would-be freelancers find themselves wondering at the end of the day where all their time went. Getting the most out of your workday can be tough. So, to help, we present some <strong>simple ways that freelancers can increase their productivity</strong>.</p>
<h3>1. Set A Schedule</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_1.jpg"><img class="aligncenter size-full wp-image-770" title="pd_1" src="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_1.jpg" alt="pd_1" width="500" height="250" /></a><br />
Define Your Working Hours</h3>
<p>Having set working hours creates a feeling of accountability and puts a premium on your time, making you less likely to waste it. Create a clear set workday schedule and stick to it. If you decide to start work at 8:00 each morning, then get up, take a shower, get dressed and get to work on time. Wandering into your home office still in your pajamas doesn’t exactly <strong>set the mood for a productive day</strong>. Follow this rule and you may be surprised to find your level of productivity increase immediately.</p>
<h4>Take Breaks</h4>
<p>Studies show that people who take short breaks during the work day tend to <strong>get more done </strong>. Spending a few minutes away from work will have you returning refreshed and ready to tackle the next task. Go for a walk, grab a snack or take a quick ride to the coffee shop. Set aside 30 minutes or an hour each day at a predetermined time to take lunch. Skipping lunch may mean more time to work, but working on an empty stomach leads to poor concentration. Your focus here should be on quality rather than quantity. Thirty minutes of focused work is much more productive than an hour of distracted work.<br />
<span id="more-769"></span></p>
<h3>2. Make A Plan</h3>
<h4><a href="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_2.jpg"><img class="aligncenter size-full wp-image-772" title="pd_2" src="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_2.jpg" alt="pd_2" width="500" height="250" /></a><br />
Set Goals</h4>
<p>Without goals, we would quickly find ourselves bumbling through life aimlessly. Goals keep us on track with a clear vision. Set short-term, mid-term and long-term goals for yourself. For instance, what do you hope to accomplish this week, this month or even this year? Long-term goals help shape your short-term goals. Spend some time thinking about what you want to accomplish and then write it down.</p>
<h4>Create To-Do Lists</h4>
<p>Use your goal list for the week to create your <strong>daily to-do lists</strong>. You can use any type of to-do list, whether a <a title="to-do list software" href="http://www.solutionwatch.com/450/25-to-do-lists-to-stay-productive/">desktop app</a>, an <a title="Online to-do lists" href="http://www.sitepoint.com/blogs/2009/08/06/online-to-do-list-tools/">online app</a> or just plain old pencil and paper. Regardless of the format you prefer, having your day planned out in order to stay focused is important. Create the next day’s to-do list at the end of each day and commit to it.</p>
<h4>Break Up Large Tasks Into Managable Pieces</h4>
<p>When creating your to-do lists, don’t write things like, “Work on productivity article” or “Work on logo design.” Be more specific, like, “Do research for productivity article” or “Refine logo concepts.” By being specific, you narrow your <strong>focus</strong> and work more efficiently. Save the vaguer or more general descriptions for your goals list.</p>
<h4>Track Your Time</h4>
<p>Several good <a title="time tracking apps" href="http://freelanceswitch.com/productivity/6-cool-tools-to-track-your-time/">time-tracking apps</a> out there will help you with time management. Knowing if you’re using your time wisely is important. Record how long you take to complete tasks: you may be surprised to find how much time you waste in a day. Knowing how long certain tasks take can help you better plan your days, leading to <strong>greater efficiency</strong>.</p>
<h4>Evaluate Your Performance</h4>
<p>At the end of the day, look back at how well you measured up to the goals you set for yourself. Did you accomplish what you set out to do today? If not, why? Evaluating your performance is a critical step towards <strong>improving your productivity</strong>. Set realistic but challenging goals, and honestly review your performance to determine if there’s room for improvement.</p>
<h3>3. Get Focused</h3>
<h4><a href="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_3.jpg"><img class="aligncenter size-full wp-image-773" title="pd_3" src="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_3.jpg" alt="pd_3" width="500" height="250" /></a><br />
Do One Task at a Time</h4>
<p>Multi-tasking has gone from being a computer term to a part of our everyday lexicon. Many people feel these days that we get more done by multi-tasking. This couldn’t be further from the truth. In fact, doing one task with full attention is much better than doing two tasks with half as much attention. Spreading your focus between multiple tasks leads only to diminished quality and actually less productivity. <strong>Do just one thing at a time</strong> and you’ll find your productivity go up, along with the quality of your work.</p>
<h4>Limit the Time You Spend Surfing the Web</h4>
<p>Set aside a certain amount of time each day for Web surfing, and keep it work-related. Use an RSS (Really Simple Syndication) reader to have new content from your favorite websites and blogs brought to you. This is much more efficient than visiting these websites several times a day to see if anything new has been published. If you already use an <a title="RSS readers" href="http://lifehacker.com/390619/best-rss-newsreaders">RSS reader</a>, then you could probably benefit from spending a little time cleaning it up and eliminating feeds that you rarely read. Also, organize your feeds into folders so that you’re not browsing non-work-related feeds during the day.</p>
<h4>Eliminate Distractions</h4>
<p>Allocate certain times of the day to checking email and social media. Rather than keeping your email and Twitter accounts open on your desktop and letting them constantly vie for your attention, decide how much time you are willing to devote to them. For example, you may decide to check and respond to emails twice a day. Handling tasks like these in large batches is best. Which do you think would take longer: reading and responding to 30 emails periodically throughout the day, or reading and responding to them all in one shot?</p>
<h3>
4. Get Organized</h3>
<h4><a href="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_4.jpg"><img class="aligncenter size-full wp-image-775" title="pd_4" src="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_4.jpg" alt="pd_4" width="500" height="250" /></a><br />
Consolidate Your Email</h4>
<p>Many of us have several email accounts for different purposes. Why not put all of your email in one place? If you don’t already have one, sign up for a <a title="sign up for Gmail" href="https://www.google.com/accounts/NewAccount?service=mail&amp;hl=en-us&amp;continue=http%3A%2F%2Fmail.google.com%2Fmail%2Fe-11-109a5a55d7610df0e7957ac039c47579-ed2a46d7696ce586b7fe29a45c9ba0be71a9c732&amp;type=2&amp;utm_campaign=en&amp;utm_source=en-ha-na-us-bk&amp;utm_medium=ha&amp;utm_term=sign%20up%20gmail">Gmail account</a> from Google. It’s free and by far the best Web-based email out there. Once you have set up your Gmail account, you can have it fetch email from all of your other addresses. You can even set up filters to <strong>organize</strong> emails as they come in so that you don’t get confused. Now you can deal with all of your email in one convenient place.</p>
<h4>Use Labels to Organize Your Email</h4>
<p>Gmail has labels instead of folders. Labels work like folders except that an email can have multiple labels instead of having to reside in just one folder. Set up labels (or folders if you don’t use Gmail) with names like “Urgent” and “Follow up” to prioritize messages, and names like “Account info” and “Website client” to stay <strong>organized</strong>. With Gmail, you can even automatically label and sort incoming email instead of doing it manually.</p>
<h4>Update All Your Social Media Accounts at Once</h4>
<p>Networking is a great way for freelancers to find new clients, keep up with trends in their industry and stay connected to colleagues. Most of us have accounts on several social media websites, such as Twitter, Facebook and Flickr. Just keeping track of all these services can be challenging, not to mention a huge time drain. Instead of visiting each of these websites individually, why not update them all in one place? With <a title="list of social media aggregators" href="http://www.pcworld.com/article/169515/3_social_media_aggregators_that_bring_it_all_together.html">social media aggregators</a>, you can stay in touch as well as post updates to all of your social media accounts at one time, in one place.</p>
<h3>
5. Set Up Your Office Properly</h3>
<h4><a href="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_5.jpg"><img class="aligncenter size-full wp-image-776" title="pd_5" src="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_5.jpg" alt="pd_5" width="500" height="250" /></a><br />
Respect Your Office</h4>
<p>Keep your office clean and orderly. Have only the essentials on your desktop: computer, phone, printer, etc. A cluttered desk negatively affects your mood, which will spill into your work. Working in a constant mess is counter-productive. Take the time to set things up so that everything you need is right in front of you. Searching for supplies, walking to the printer and other small actions can really add up to a lot of wasted time.</p>
<h4>Get Comfortable</h4>
<p>Make your work place comfortable by opening up the window on a nice day or playing some of your favorite music. Your place of work shouldn’t be a dark dudgeon where you feel like you slave away all day. You should enjoy being there. Invest in an ergonomic chair, keyboard and mouse. Back pain or carpel tunnel certainly won’t make you more productive. Research <a title="Office ergonomics" href="http://www.office-ergo.com/">ergonomics</a> to learn how to create a comfortable and healthy office.</p>
<h4>Go Mobile</h4>
<p>One of the best things about being a freelancer is that you don’t have to report to a certain place every day. If you find yourself getting in a rut, change things up by working at a local coffee shop, bookstore or park. A change of scenery can go a long way to keeping things fresh, and most cities have a lot of free <a title="WIFI locator" href="http://v4.jiwire.com/search-hotspot-locations.htm">WiFi hotspots</a>. Just pack your laptop and go.</p>
<h3>
6. Get Help</h3>
<h4><a href="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_6.jpg"><img class="aligncenter size-full wp-image-777" title="pd_6" src="http://blog.idesign.in.th/wp-content/uploads/2009/08/pd_6.jpg" alt="pd_6" width="500" height="250" /></a><br />
Outsource</h4>
<p>Consider hiring an assistant. You will more than make up for the cost of filing and invoicing services with the extra time you’ll have to focus on the work you do best. Hand your taxes over to a professional; an accountant will do them properly and give you one less thing to worry about. All kinds of services for small-business owners are out there. Which ones make sense for you?</p>
<h4>Learn from Other Freelancers</h4>
<p>Frequent <a title="Freelance forums list" href="http://blog.uprinting.com/5-top-freelance-forums/">freelance forums</a> and connect with your peers. A wealth of knowledge and new ideas is shared on forums every day. You could learn such things as how to better deal with clients and what is the best invoicing software. Become a member and reap the benefits of the collective experience of freelancers just like you.</p>
<h3>Further Resources</h3>
<p>Don’t stop here. Check out these other great resources on <strong>productivity</strong>.</p>
<ul>
<li><a href="http://freelanceswitch.com/">Freelance Switch</a><br />
A great blog for freelancers.</li>
<li><a href="http://www.allfreelance.com/">All Freelance</a><br />
Directory of freelance jobs, articles and more.</li>
<li><a href="http://freelancefolder.com/">Freelance Folder</a><br />
A multi-author blog dedicated to helping entrepreneurs and freelancers.</li>
</ul>
<h4>About the Author</h4>
<p><em>Tim Mercer is a photography enthusiast, graphic designer, artist and blogger. His blog <a title="digital-artist-toolbox.com" href="http://digital-artist-toolbox.com/">digital artist toolbox</a> offers free resources to the digital artist and graphic designer as well as tutorials, artist interviews, inspiration and more.</em></p>
<p><em>source : <a href="http://www.smashingmagazine.com/2009/08/19/simple-ways-freelancers-can-increase-productivity/">http://www.smashingmagazine.com/2009/08/19/simple-ways-freelancers-can-increase-productivity/</a></em></p>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/news/6-simple-ways-for-freelancers-to-increase-productivity/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>ความสำเร็จ งาน Joomla Day Bangkok 2009</title>
		<link>http://blog.idesign.in.th/news/joomladay-bangkok-2009-perfect-complete/</link>
		<comments>http://blog.idesign.in.th/news/joomladay-bangkok-2009-perfect-complete/#comments</comments>
		<pubDate>Mon, 24 Aug 2009 09:45:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Knownlage]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/?p=764</guid>
		<description><![CDATA[
JoomlaDay Bangkok 2009 Presentation Files

ดร.ทวีศักดิ์ กออนันตกูล CMS ทางเลือกสำหรับการพัฒนาเว็บไซต์
คุณอัครวุฒิ ตำราเรียง Overview Joomla!
Mr. Samuel Moffatt Joomla! 1.6 Preview
Mr. Dinh Viet Hung JA Voice Idea exchange, Suggestion, Feedback sites with Joomla! 1.5
คุณพิศาล เชื้อชาติไชย และ ศุภชัย แต่สกุล E-Commerce add-on for Joomla!
คุณชัยภัทร จั่นมณี PaySbuy payment Gateway for VirtueMart
Mr. Samuel Moffatt Joomla Security
คุณสงวน ธรรมโรจน์สกุล Setting up joomla on IIS7
คุณณัฐชัย อึ้งศรีวงศ์ Joomla! [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: center;"><img src="http://www.joomladay.in.th/images/stories/thanks_2009.jpg" alt="" width="481" height="153" /></div>
<h3>JoomlaDay Bangkok 2009 Presentation Files</h3>
<ul>
<li><strong>ดร.ทวีศักดิ์ กออนันตกูล</strong> <a title="CMS ทางเลือกสำหรับการพัฒนาเว็บไซต์" href="http://www.joomladay.in.th/allslide/joomla-DrTaweesak.pdf" target="_blank">CMS ทางเลือกสำหรับการพัฒนาเว็บไซต์</a></li>
<li><strong>คุณอัครวุฒิ ตำราเรียง</strong> <a title="Overview Joomla!" href="http://www.joomladay.in.th/allslide/Joomla-JDay09-akarawuth.pdf" target="_blank">Overview Joomla!</a></li>
<li><strong>Mr. Samuel Moffatt</strong> <a title="Joomla! 1.6 Preview" href="http://www.joomladay.in.th/allslide/jdaythai_16.pdf" target="_blank">Joomla! 1.6 Preview</a></li>
<li><strong>Mr. Dinh Viet Hung</strong> <a title="JA Voice Idea exchange, Suggestion, Feedback sites with Joomla! 1.5" href="http://www.joomladay.in.th/allslide/JA_Voice_Presentation.pdf" target="_blank">JA Voice Idea exchange, Suggestion, Feedback sites with Joomla! 1.5</a></li>
<li><strong>คุณพิศาล เชื้อชาติไชย และ ศุภชัย แต่สกุล</strong> <a title="E-Commerce add-on for Joomla!" href="http://www.joomladay.in.th/allslide/LaiThai-e-Commerce-joomladay2009.pdf" target="_blank">E-Commerce add-on for Joomla!</a></li>
<li><strong>คุณชัยภัทร จั่นมณี</strong> <a title="PaySbuy payment Gateway for VirtueMart" href="http://www.joomladay.in.th/allslide/PaysbuyJoomlaDay09.pdf" target="_blank">PaySbuy payment Gateway for VirtueMart</a></li>
<li><strong>Mr. Samuel Moffatt</strong> <a title="Joomla Security" href="http://www.joomladay.in.th/allslide/jdaythai_security.pdf" target="_blank">Joomla Security</a></li>
<li><strong>คุณสงวน ธรรมโรจน์สกุล</strong> <a title="Setting up joomla on IIS7" href="http://www.joomladay.in.th/allslide/JoomlaDay2009.IIS7Session.pdf" target="_blank">Setting up joomla on IIS7</a></li>
<li><strong>คุณณัฐชัย อึ้งศรีวงศ์</strong> <a title="Joomla! Mash up: Playground and Mobile Application" href="http://www.joomladay.in.th/allslide/PlaygroundJoomlaDay2009-08-19.pdf" target="_blank">Joomla! Mash up: Playground and Mobile Application</a></li>
<li><strong>Mr. Dinh Viet Hung</strong> <a title="How a joomla template can be better? Introducing JA Template Framework" href="http://www.joomladay.in.th/allslide/New_JA_TemplateFramework.pdf" target="_blank">How a joomla template can be better? Introducing JA Template Framework</a></li>
<li><strong>คุณอภิศิลป์ ตรุงกานนท์</strong> <a title="Joomla! Mash up: GoogleMap &amp; Social Network" href="http://www.joomladay.in.th/allslide/JoomlaMashup_Apisil.pdf" target="_blank">Joomla! Mash up: GoogleMap &amp; Social Network</a></li>
<li><strong>Mr. Azrul Rahim</strong> <a title="Enterprise web 2.0 with Joomla!" href="http://www.joomladay.in.th/allslide/JoomladayEnterpriseWeb2.0andJoomla.pdf" target="_blank">Enterprise web 2.0 with Joomla!</a></li>
<li><strong>Mr. Twin Panichsombat</strong> Joomla! Front End for Alfresco    (รอจากผู้บรรยาย)</li>
<li><strong>คุณสว่างพงษ์ หมวดเพชร</strong> <a title="How to run Joomla! in Visualization" href="http://www.joomladay.in.th/allslide/xen-joomladay.pdf" target="_blank">How to run Joomla! in Visualization</a></li>
<li><strong>คุณศุภชัย แต่สกุล</strong> <a title="Overview Template Design for Joomla!" href="http://www.joomladay.in.th/allslide/JDay2009-Template-Supachai.pdf" target="_blank">Overview Template Design for Joomla!</a></li>
<li><strong>Mr. Toby Patterson</strong> <a title="Overview Extension Development for Joomla!" href="http://www.joomladay.in.th/allslide/Toby-Jday09th.pdf" target="_blank">Overview Extension Development for Joomla!</a></li>
<li><strong>Mr. Azrul Rahim</strong> <a title="Creating search engine optimized url for your component" href="http://www.joomladay.in.th/allslide/Joomladay_sef.pdf" target="_blank">Creating search engine optimized url for your component</a></li>
<li><strong>Mr. Samuel Moffatt</strong> <a title="Joomla! Summer of Code 2009" href="http://www.joomladay.in.th/allslide/jdaythai_soc.pdf" target="_blank">Joomla! Summer of Code 2009</a></li>
</ul>
<div style="text-align: center;"><span id="more-764"></span><br />
<img style="border-width: 0px;" src="http://www.joomladay.in.th/images/stories/team_2009.jpg" alt="" /></div>
<div style="text-align: center;">JoomlaDay Bangkok 2009 Photos <a title="JoomlaDay Bangkok 2009 Photos Day#1" href="http://www.flickr.com/photos/laithaiphoto/sets/72157622115004400/" target="_blank">Day#1</a> , <a title="JoomlaDay Bangkok 2009 Photos Day#2" href="http://www.flickr.com/photos/laithaiphoto/sets/72157622126366448/" target="_blank">Day#2</a> Tags: <a title="Tags #jd09th" href="http://www.flickr.com/photos/laithaiphoto/tags/jd09th/" target="_blank">#jd09th</a></div>
<p>งานครั้งนี้ใครไม่ได้ไป ก็ ไม่ต้องไปเสียใจ ครับ 555555555+++++   เค้าดีจริง&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.   เชิญโหลด Present ได้ตามสบาย<br />
อย่าลืม ไปแสดง <span style="color: #ff0000;"><strong>ความขอบคุณ</strong></span> ทีม ลายไทย <a href="http://www.joomlalaithai.com/" target="_blank"> Joomlalaithai.com</a> และ <a href="http://www.marvelic.co.th/" target="_blank">Marvelic Engine Co., Ltd.</a> รวมถึง ผู้บรรยาย และพิธีกร<br />
สองท่าน อย่าง พี่ <a href="http://www.lungkao.com/" target="_blank">หลังเขา</a> และคุณ <a href="http://www.iamnadia.com/" target="_blank">นาเดีย</a> ฮาาาาาาาาาทั้ง ตลอดทั้งงานเลยครับ งานนี้</p>
<p>และที่ขาดไม่ได้เลยก็คือ ผู้สนับสนุนงาน ทุกท่าน</p>
<div style="text-align: center;">
<h3>ผู้สนับสนุนหลัก</h3>
<p><a title="สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ" href="http://www.nstda.or.th/" target="_blank"><img title="สวทช" src="http://www.joomladay.in.th/images/stories/logo_2009/aw_nstda_logo.jpg" border="0" alt="สวทช" /></a> <a title="ศูนย์เทคโนโลยีอิเล็กทรอนิกส์และคอมพิวเตอร์แห่งชาติ" href="http://www.nectec.or.th/" target="_blank"><img title="nectec" src="http://www.joomladay.in.th/images/stories/logo_2009/nectec_logo.jpg" border="0" alt="nectec" /></a><a title="มหาวิทยาลัยศรีปทุม" href="http://www.spu.ac.th/" target="_blank"><img title="มหาวิทยาลัยศรีปทุม" src="http://www.joomladay.in.th/images/stories/logo_2009/spu_logo.jpg" border="0" alt="มหาวิทยาลัยศรีปทุม" /></a><br />
<a title="Joomla! - the dynamic portal engine and content management system." href="http://www.joomla.org/" target="_blank"><img title="joomla.org" src="http://www.joomladay.in.th/images/stories/logo_2009/joomla_logo.jpg" border="0" alt="joomla.org" /></a><a title="สมาคมสมาพันธ์โอเพนซอร์สแห่งประเทศไทย" href="http://www.tosf.or.th/" target="_blank"><img title="tofs" src="http://www.joomladay.in.th/images/stories/logo_2009/tofs_logo.jpg" border="0" alt="tofs" /></a><a href="http://www.joomlacorner.com/" target="_blank"><img title="Joomlacorner" src="http://www.joomladay.in.th/images/stories/logo_2009/joomlacorner_logo.jpg" border="0" alt="Joomlacorner" /></a><br />
<a title="Marvelic Engine" href="http://www.marvelic.co.th/" target="_blank"><img title="Marvelic Engine" src="http://www.joomladay.in.th/images/stories/logo_2009/marvelic_logo%20copy.jpg" border="0" alt="Marvelic Engine" /></a></p>
<h3>ผู้สนับสนุน</h3>
<p><a title="Yellowpages thailand" href="http://www.yellowpages.co.th/" target="_blank"><img title="Thai Yellowpages" src="http://www.joomladay.in.th/images/stories/logo_2009/thai-yellow.jpg" border="0" alt="Thai Yellowpages" /></a> <a title="รวมเนื้อหาสาระ และ communities ทั้งเมล์ ดูดวง ส่งการ์ด ไดเร็กทอรี หางาน ดูหนัง เช็คผลกีฬา update แฟชั่น" href="http://www.hunsa.com/" target="_blank"><img title="Hunsa" src="http://www.joomladay.in.th/images/stories/logo_2009/logo-hunsa.jpg" border="0" alt="Hunsa" /></a> <a title="Microsoft Thailand" href="http://www.microsoft.co.th/" target="_blank"><img title="Microsoft" src="http://www.joomladay.in.th/images/stories/logo_2009/logo-microsoft.jpg" border="0" alt="Microsoft" /></a> <a title="THNIC : BEGIN YOUR SUCCESS" href="http://www.thnic.co.th/" target="_blank"><img title="thnic" src="http://www.joomladay.in.th/images/stories/logo_2009/logo-thnic.jpg" border="0" alt="thnic" /></a> <a title="Packt Publishing Book Store  " href="http://www.packtpub.com/" target="_blank"><img title="Packt Publishing Book Store" src="http://www.joomladay.in.th/images/stories/logo_2009/packt.png" border="0" alt="Packt Publishing Book Store" /></a></p>
<h3 style="text-align: center;">ผู้ร่วมสนับสนุน</h3>
<p><a title="WTEC" href="http://www.wtec.co.th/" target="_blank"><img title="WTEC" src="http://www.joomladay.in.th/images/stories/logo_2009/wtec.jpg" border="0" alt="WTEC" /></a> <a title="sophos" href="http://www.joomladay.in.th/" target="_blank"><img title="sophos" src="http://www.joomladay.in.th/images/stories/logo_2009/sophos.jpg" border="0" alt="sophos" /></a> <a title="asianux" href="http://www.joomladay.in.th/" target="_blank"><img title="asianux" src="http://www.joomladay.in.th/images/stories/logo_2009/asianux.jpg" border="0" alt="asianux" /></a><a title="DotArai ผู้ให้บริการจดทะเบียนโดเมน .com .net .org .asia และ .th ในฐานะ ICANN Accredited Registrar รายแรกของไทย" href="http://www.dotarai.com/" target="_blank"><img title="Dotarai" src="http://www.joomladay.in.th/images/stories/logo_2009/dotarai.png" border="0" alt="Dotarai" /></a><a title="https://www.paysbuy.com/" href="https://www.paysbuy.com/"><img title="Paysbuy" src="http://www.joomladay.in.th/images/stories/logo_2009/paysbuy.png" border="0" alt="Paysbuy" /></a></div>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/news/joomladay-bangkok-2009-perfect-complete/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ขายตัวกระหึ่มเว็บโสเภณีออนไลน์</title>
		<link>http://blog.idesign.in.th/news/%e0%b8%82%e0%b8%b2%e0%b8%a2%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%81%e0%b8%a3%e0%b8%b0%e0%b8%ab%e0%b8%b6%e0%b9%88%e0%b8%a1%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%82%e0%b8%aa%e0%b9%80%e0%b8%a0%e0%b8%93/</link>
		<comments>http://blog.idesign.in.th/news/%e0%b8%82%e0%b8%b2%e0%b8%a2%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%81%e0%b8%a3%e0%b8%b0%e0%b8%ab%e0%b8%b6%e0%b9%88%e0%b8%a1%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%82%e0%b8%aa%e0%b9%80%e0%b8%a0%e0%b8%93/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 18:22:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[online]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/news/%e0%b8%82%e0%b8%b2%e0%b8%a2%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%81%e0%b8%a3%e0%b8%b0%e0%b8%ab%e0%b8%b6%e0%b9%88%e0%b8%a1%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%82%e0%b8%aa%e0%b9%80%e0%b8%a0%e0%b8%93/</guid>
		<description><![CDATA[
ตะลึง! แห่สวมบท “สาวไซด์ไลน์” ขายตัวผ่านเน็ต แฉมีทั้งนักเรียน นักศึกษาปริญญาตรี-โท ยันสาวออฟฟิศ บางรายเสนอออฟชั่นแบบ “เหมาจ่าย” รายเดือน หนุ่มกลัดมันโลกไซเบอร์แห่ชมเพียบ แถมเว็บหัวใส งัดกลยุทธ์เด็ด ฟันเงินค่าเข้าสมาชิก คัดสาวชั้นดี เฉพาะ “เมมเบอร์” เท่านั้น มีสิทธิ์เข้ายลโฉม เลือกใช้บริการ ด้านสภาวัฒนธรรมฯ เต้น! จี้หน่วยงานที่เกี่ยวข้องแก้ปัญหาเต็มสตรีม
เมื่อเวลา 09.00 น. วันที่ 16 ส.ค. ผู้สื่อข่าวรับแจ้งจากนักท่องอินเทอร์เน็ตพลเมืองดีว่า เข้าไปท่องโลกไซเบอร์และบังเอิญพบเว็บไซต์ 2 เว็บ เปิดขายบริการทางเพศกันอย่างโจ่งครึ่ม จึงเข้าไปตรวจสอบเว็บดังกล่าว โดยเว็บแรกพบว่าหน้าเว็บมีเว็บบอร์ดแสดง 3 หัวข้อหลัก คือ   วีไอพีเมมเบอร์ สาวไซด์ไลน์ที่คัดแล้ว และวีไอพีเมมเบอร์ล็อบบี้ ซึ่งใน 2 ส่วนนี้ผู้ท่องเน็ตหรือผู้เข้าชมทั่วไป ไม่สามารถเข้าไปดูได้ เนื่องจากต้องสมัครเป็นสมาชิกก่อน ด้วยการเสียเงินค่าสมาชิกให้ผู้ดูแลเว็บ 1,500 บาท จึงจะเข้าดูและเลือกใช้บริการทางเพศกับสาว ๆ ที่เสนอขายบริการทางเพศได้ แต่จากการตรวจสอบพบว่ามีจำนวนสมาชิก [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/08/01.jpg"><img class="aligncenter size-full wp-image-758" title="01" src="http://blog.idesign.in.th/wp-content/uploads/2009/08/01.jpg" alt="01" width="300" height="261" /></a><br />
ตะลึง! แห่สวมบท “สาวไซด์ไลน์” ขายตัวผ่านเน็ต แฉมีทั้งนักเรียน นักศึกษาปริญญาตรี-โท ยันสาวออฟฟิศ บางรายเสนอออฟชั่นแบบ “เหมาจ่าย” รายเดือน หนุ่มกลัดมันโลกไซเบอร์แห่ชมเพียบ แถมเว็บหัวใส งัดกลยุทธ์เด็ด ฟันเงินค่าเข้าสมาชิก คัดสาวชั้นดี เฉพาะ “เมมเบอร์” เท่านั้น มีสิทธิ์เข้ายลโฉม เลือกใช้บริการ ด้านสภาวัฒนธรรมฯ เต้น! จี้หน่วยงานที่เกี่ยวข้องแก้ปัญหาเต็มสตรีม</p>
<p>เมื่อเวลา 09.00 น. วันที่ 16 ส.ค. ผู้สื่อข่าวรับแจ้งจากนักท่องอินเทอร์เน็ตพลเมืองดีว่า เข้าไปท่องโลกไซเบอร์และบังเอิญพบเว็บไซต์ 2 เว็บ เปิดขายบริการทางเพศกันอย่างโจ่งครึ่ม จึงเข้าไปตรวจสอบเว็บดังกล่าว โดยเว็บแรกพบว่าหน้าเว็บมีเว็บบอร์ดแสดง 3 หัวข้อหลัก คือ   วีไอพีเมมเบอร์ สาวไซด์ไลน์ที่คัดแล้ว และวีไอพีเมมเบอร์ล็อบบี้ ซึ่งใน 2 ส่วนนี้ผู้ท่องเน็ตหรือผู้เข้าชมทั่วไป ไม่สามารถเข้าไปดูได้ เนื่องจากต้องสมัครเป็นสมาชิกก่อน ด้วยการเสียเงินค่าสมาชิกให้ผู้ดูแลเว็บ 1,500 บาท จึงจะเข้าดูและเลือกใช้บริการทางเพศกับสาว ๆ ที่เสนอขายบริการทางเพศได้ แต่จากการตรวจสอบพบว่ามีจำนวนสมาชิก 70 คน ซึ่งเต็มแล้ว และยังไม่เปิดรับเพิ่ม</p>
<p><span id="more-759"></span>ส่วนหัวข้อที่ 3 คือ “สาวไซด์ไลน์ที่ยังไม่ได้คัด” คือส่วนที่ผู้หญิงที่ต้องการขายบริการ ส่งข้อมูลตัวเองเข้าไปให้ผู้ดูแลเว็บไซต์ได้คัดเลือกเข้าไปในระดับ “วีไอพีเมมเบอร์ สาวไซด์   ไลน์ที่คัดแล้ว” เพื่อเพิ่มหรืออัพค่าตัว เปรียบเสมือน “สินค้าแบรนด์เนม” ชั้นดี โดยส่วนนี้ผู้ชมทั่วไปสามารถเข้าชมได้ ซึ่งเมื่อเปิดเข้าไปจะพบมีภาพหญิงสาวทั้งที่เป็นนักเรียน นักศึกษาระดับปริญญาตรี-โท ไปยันสาวออฟฟิศ และ  พริตตี้ รวมทั้งหญิงสาวอายุ 17 ปี เข้ามาเสนอขายบริการทางเพศกันอย่างโจ่งครึ่ม แถมบอกสัดส่วนต่าง ๆ ตลอดจนราคาค่าบริการแต่ละครั้ง ที่มีตั้งแต่ราคา 1,000-8,000 บาท และบางรายยังเสนอขายบริการทางเพศแบบ “เหมาจ่าย” เป็นเดือน เดือนละ 20,000-30,000 บาท ต่อการร่วมหลับนอนมีเซ็กซ์ด้วย 8-10 ครั้งต่อเดือน</p>
<p>อย่างไรก็ดี ฝ่ายเสนอขาย “นาผืนน้อย” ได้ตั้ง “สเปก” ผู้ชายที่จะเข้ามาดูแลแบบเหมาจ่ายไว้ รวมทั้งเงื่อนไขว่าจะต้องติดต่อมาก่อน  ทุกครั้งที่จะมามีเพศสัมพันธ์กัน ป้องกันปัญหา “รถไฟชนกัน” เพราะมีชายรักสนุกเข้ามาเป็น   ลูกค้าเลี้ยงดูคราวละหลายคน โดยฝ่ายหญิงได้    ทิ้งเบอร์โทรศัพท์หรืออีเมลแอดเดรสติดต่อสำหรับผู้สนใจไว้ เพื่อเจรจาตกลงเงื่อนไขและนัดแนะกัน แต่บางรายก็ให้ฝ่ายชายทิ้งอีเมลแอดเดรสไว้ และจะติดต่อกลับไปเอง ซึ่งจากการตรวจสอบพบมีผู้ชายนักรักเข้าชมกระทู้มากถึง  50,000 ครั้ง</p>
<p>สำหรับเว็บไซต์ที่สองนั้น ส่วนใหญ่จะคล้าย ๆ กับเว็บแรก แต่สาว ๆ ที่เข้ามา   ขายบริการทางเน็ตส่วนใหญ่ จะอ้างว่าเป็นพวก “พริตตี้” และราคาค่าบริการตั้งแต่ 2,500-8,000 บาท รวมทั้งเปิดรับแบบ “เหมาจ่าย” รายเดือนเช่นกัน ขณะเดียวกัน ก็เปิดโอกาสให้หนุ่ม ๆ กลัดมันในโลกไซเบอร์ โพสต์สเปกสาว ๆ ที่ต้องการลงไป เพื่อให้ฝ่ายหญิงที่มีรูปพรรณสัณฐาน ตรงตามต้องการติดต่อกลับเป็นบริการเสริมด้วย ส่วนเหตุผลในการขายบริการทางเพศนั้น ส่วนใหญ่บอกว่ามีปัญหาเรื่องค่าใช้จ่าย ค่าเทอม ชีวิตยากจนลำบาก อยากได้ของฟุ่มเฟือย แต่มีบางราย  ยอมรับตรง ๆ ว่า “รักสนุก” และอยากได้เงินเป็นของแถม</p>
<p>ด้านนายวัลลภ นามวงศ์พรหม กรรมการเฝ้าระวังทางวัฒนธรรม สภาวัฒนธรรมจังหวัดเชียงใหม่ เปิดเผยถึงเรื่องนี้ว่า สำหรับปัญหานี้มองได้ 2 ส่วน คือ 1.สังคมที่มีเงื่อนไขและเปลี่ยนไปจากเดิม หญิงสาวหันไปสนใจในค่า    นิยมเรื่องวัตถุมากขึ้น จึงขายตัวเพื่อหาเงินมาใช้จ่ายซื้อสินค้าราคาแพงมียี่ห้อ อาทิ โทรศัพท์มือถือ กระเป๋าแบรนด์ดัง ๆ ซึ่งก็มีการนำเสนอข่าวในทำนองนี้มาตลอด ผู้หญิงเหล่านี้คิดว่าเรื่องการเสียตัวไม่สำคัญอีกต่อไป อยากได้ของก็แค่ไปขายตัวแลก ซึ่งเป็นความเชื่อที่ผิด ๆ ส่งผลให้สังคมและวัฒนธรรมเสื่อมทรามลงไปมาก และ 2.เรื่องค่านิยมที่ผิด ๆ เมื่อก่อนถ้าต้องการเงิน ก็ต้องทำงาน แต่เดี๋ยวนี้ค่านิยมเปลี่ยนไป ไม่ต้องใช้ความรู้ความสามารถทำงานหาเงินแล้ว แค่ยอมเอาตัวเข้าแลกก็พอ วิธีป้องกันคือผู้ปกครองต้องหันมาใส่ใจลูกหลานให้มากขึ้น ปลูกจิตสำนึกว่าอะไรดีไม่ดี และหน่วยงานที่เกี่ยวข้องต้องกระโดดเข้ามาแก้ปัญหาอย่างจริงจัง ในส่วนของศูนย์เฝ้าระวังฯ ที่ผ่านมาก็ได้เข้าไปประชา  สัมพันธ์ในสถาบันและสถานศึกษาตลอด ให้พ่อแม่และครูดูแลบุตรหลานและลูกศิษย์อย่างใกล้ชิดและชี้แนวทางที่ถูกต้อง.</p>
<p>Source : <a href="http://www.dailynews.co.th/newstartpage/index.cfm" target="_blank">http://www.dailynews.co.th/newstartpage/index.cfm</a></p>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/news/%e0%b8%82%e0%b8%b2%e0%b8%a2%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%81%e0%b8%a3%e0%b8%b0%e0%b8%ab%e0%b8%b6%e0%b9%88%e0%b8%a1%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%82%e0%b8%aa%e0%b9%80%e0%b8%a0%e0%b8%93/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>คุย Messenger ที่ไหนก็ได้แค่มีอินเตอร์เนต</title>
		<link>http://blog.idesign.in.th/news/%e0%b8%84%e0%b8%b8%e0%b8%a2-messenger-%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%84%e0%b8%ab%e0%b8%99%e0%b8%81%e0%b9%87%e0%b9%84%e0%b8%94%e0%b9%89%e0%b9%81%e0%b8%84%e0%b9%88%e0%b8%a1%e0%b8%b5%e0%b8%ad%e0%b8%b4/</link>
		<comments>http://blog.idesign.in.th/news/%e0%b8%84%e0%b8%b8%e0%b8%a2-messenger-%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%84%e0%b8%ab%e0%b8%99%e0%b8%81%e0%b9%87%e0%b9%84%e0%b8%94%e0%b9%89%e0%b9%81%e0%b8%84%e0%b9%88%e0%b8%a1%e0%b8%b5%e0%b8%ad%e0%b8%b4/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 18:15:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Messenger]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/?p=754</guid>
		<description><![CDATA[เดี๋ยวนี้แค่คุณมีอินเตอร์เนตก็สามารถคุยกับครอบครัวหรือเพื่อนๆของคุณ ผ่านเว็บเบราเซอร์
ไม่ต้องลงโปรแกรม ฉะนั้นคุยก็สามารถคุยกับเเพื่อนของคุณได้ ไม่ว่าคอมพิวเตอร์เครื่องไหน เช่น โรงเรียน, ที่ทำงาน, ห้องสมุด หรือต่างประเทศ
แค่คุณมี 3 อย่างต่อไปนี้
- อินเตอร์เนตความเร็ว 56k ขึ้นไป
- เว็บเบราเซอร์ IE6 ขึ้นไป
- User สำหรับ Windows Live
อ่านรายละเอียดเพิ่ม และลองใช้ดูได้เลย ที่ลิ้งค์นี้!
http://webim.sg.msn.com
No Tags]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/07/scr_62037.jpg"><img class="aligncenter size-full wp-image-755" title="scr_62037" src="http://blog.idesign.in.th/wp-content/uploads/2009/07/scr_62037.jpg" alt="scr_62037" width="500" height="552" /></a>เดี๋ยวนี้แค่คุณมีอินเตอร์เนตก็สามารถคุยกับครอบครัวหรือเพื่อนๆของคุณ ผ่านเว็บเบราเซอร์<br />
ไม่ต้องลงโปรแกรม ฉะนั้นคุยก็สามารถคุยกับเเพื่อนของคุณได้ ไม่ว่าคอมพิวเตอร์เครื่องไหน เช่น โรงเรียน, ที่ทำงาน, ห้องสมุด หรือต่างประเทศ</p>
<p><strong>แค่คุณมี 3 อย่างต่อไปนี้</strong><br />
- อินเตอร์เนตความเร็ว 56k ขึ้นไป<br />
- เว็บเบราเซอร์ IE6 ขึ้นไป<br />
- User สำหรับ Windows Live</p>
<p><strong>อ่านรายละเอียดเพิ่ม และลองใช้ดูได้เลย ที่ลิ้งค์นี้!</strong><br />
<a href="http://webim.sg.msn.com/" target="_blank">http://webim.sg.msn.com</a></p>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/news/%e0%b8%84%e0%b8%b8%e0%b8%a2-messenger-%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%84%e0%b8%ab%e0%b8%99%e0%b8%81%e0%b9%87%e0%b9%84%e0%b8%94%e0%b9%89%e0%b9%81%e0%b8%84%e0%b9%88%e0%b8%a1%e0%b8%b5%e0%b8%ad%e0%b8%b4/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Initial Windows Theme Mockups for Firefox 3.7</title>
		<link>http://blog.idesign.in.th/news/initial-windows-theme-mockups-for-firefox-37/</link>
		<comments>http://blog.idesign.in.th/news/initial-windows-theme-mockups-for-firefox-37/#comments</comments>
		<pubDate>Fri, 24 Jul 2009 18:16:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/?p=748</guid>
		<description><![CDATA[Initial Windows Theme
Mockups for Firefox 3.7

Initial Mockups for the Windows theme revamp.
เนื่องจาก Firefox 3.5 ออกตัวไม่ค่อยสวยเท่าไร ทั้งอัตราเร็วในการดาวน์โหลด และช่องโหว่ที่พบอย่างรวดเร็ว ทีมนักพัฒนาใน Mozilla จึงต้องระดมสมองกันอย่างหนัก สำหรับแนวทางการพัฒนาใหม่ๆ ตลอดจนหน้าตาของ Firefox 3.7 ว่าควรจะออกมาเป็นอย่างไร?
แม้การระดมสมองของทีมงานจะยังอยู่ ในระยะเริ่มต้น แต่ดูเหมือนทีมงานคงคิดว่า ผู้ใช้อาจจะเริ่มเบื่ออินเตอร์เฟซเดิมๆ ของไฟร์ฟอกซ์แล้ว ล่าสุดจึงมีการปล่อยตัวอย่างหน้าตาของ Firefox 3.7 ซึ่งดูน่าใช้มากๆ เลย สำหรับรายละเอียดของดีไซน์ในส่วนต่างๆ ที่ได้มีการเปิดเผยออกมามีดังนี้
These are NOT FINAL! THEY ARE ONLY FOR BRAINSTORMING/EXPLORATION!

Embracing Glass: Toolbar and Tabs using Glass. Buttons translucent and slightly glossy [...]]]></description>
			<content:encoded><![CDATA[<h1><span class="mw-headline">Initial Windows Theme</p>
<p>Mockups for Firefox 3.7</p>
<p></span></h1>
<p>Initial Mockups for the Windows theme revamp.</p>
<p>เนื่องจาก Firefox 3.5 ออกตัวไม่ค่อยสวยเท่าไร ทั้งอัตราเร็วในการดาวน์โหลด และช่องโหว่ที่พบอย่างรวดเร็ว ทีมนักพัฒนาใน Mozilla จึงต้องระดมสมองกันอย่างหนัก สำหรับแนวทางการพัฒนาใหม่ๆ ตลอดจนหน้าตาของ Firefox 3.7 ว่าควรจะออกมาเป็นอย่างไร?</p>
<p>แม้การระดมสมองของทีมงานจะยังอยู่ ในระยะเริ่มต้น แต่ดูเหมือนทีมงานคงคิดว่า ผู้ใช้อาจจะเริ่มเบื่ออินเตอร์เฟซเดิมๆ ของไฟร์ฟอกซ์แล้ว ล่าสุดจึงมีการปล่อยตัวอย่างหน้าตาของ <strong><a href="https://wiki.mozilla.org/Firefox/3.7_Windows_Theme_Mockups" target="_blank">Firefox 3.7</a></strong> ซึ่งดูน่าใช้มากๆ เลย สำหรับรายละเอียดของดีไซน์ในส่วนต่างๆ ที่ได้มีการเปิดเผยออกมามีดังนี้</p>
<p style="text-align: center;">These are <strong>NOT FINAL! THEY ARE ONLY FOR BRAINSTORMING/EXPLORATION!</strong></p>
<div class="wp-caption aligncenter" style="width: 550px"><strong></strong><strong><img class=" " title="Windows Theme Mockups for Firefox 3.7 " src="https://wiki.mozilla.org/images/d/d4/Mockup-Vista-001.png" alt="Windows Theme Mockups for Firefox 3.7 " width="540" height="413" /></strong><p class="wp-caption-text">Windows Theme Mockups for Firefox 3.7 </p></div>
<ol>
<li><strong>Embracing Glass:</strong> Toolbar and Tabs using Glass. Buttons translucent and slightly glossy to meld with the toolbar. Raised 3D lookachieve tactile &#8220;feel&#8221;.</li>
<li><strong>Page Button:</strong> Connect the Page button to the left side of the tab area. Directly connected to the Page.</li>
<li><strong>Tools/Bookmark Bar:</strong> Connecting the Tools button to the side of the Window to emphasize the fact that it is used for customizing and changing the UI. Adding a button next to that to toggle the Bookmarks Bar which is turned off by default. <span id="more-748"></span></li>
</ol>
<ol>
<li><strong>Embracing Glass: </strong>ทูลบาร์ และแท็บใช้เอฟเฟ็กต์ Glass (แก้วใสปิ๊งแบบ Aero ของ Vista) จนมองเห็นแบ็คกราวด์ด้านหลังได้ ในขณะที่ปุ่มต่างๆ จะเล่นเงา และเข้ากับทูลบาร์ได้อย่างลงตัว นอกจากนี้กราฟิกสามมิติยังทำให้รู้สึกราวกับว่ามันสัมผัสได้จริงๆ</li>
<li><strong>Page Button:</strong> ปุ่ม &#8220;Page&#8221; ที่เพิ่มเข้ามาตรงด้านซ้ายของแท็บจะช่วยให้ผู้ใช้สามารถเข้าถึงหน้าเว็บ ต่างๆ ที่ได้เข้าไปเยี่ยมชมแล้วได้โดยตรง (recent pages)</li>
<li><strong>Tools/Bookmark Bar: </strong>การ เชื่อมปุ่ม Tools เข้าไปที่ด้านข้างของหน้าต่าง เพื่อให้ผู้ใช้สามารถปรับแต่งส่วนติดต่อผู้ใช้ (UI) ได้อย่างง่ายดาย ส่วน Bookmarks Bars จะสามารถเปิดปิดใช้งานได้ โดยที่ดีฟอลต์มันจะถูกปิดไว้</li>
</ol>
<h1><img class="alignnone" src="https://wiki.mozilla.org/images/7/7a/Mockup-Vista-%28NoAero%29-001.png" alt="" width="540" height="413" /></p>
<p><img class="alignnone" src="https://wiki.mozilla.org/images/f/f4/Mockup-XP-%28Combined%29-001.png" alt="" width="540" height="540" /></h1>
<pre>นอกจากปรับแต่งเพิ่มเติมข้างต้นแล้ว สิ่งหนึ่งที่คุณผู้อ่านอาจจะสังเกตเห็นเหมือนกันนั่นก็คือ
การเอาเมนูบาร์ออกไป เนื่องจากเราจะไม่ค่อยได้ใช้งานมันบ่อยนัก
อีกอย่างหนึ่งมันทำให้เราได้พื้นที่แสดงหน้าเว็บเพิ่มขึ้นกลับมาอีกด้วย ว่าแต่คุณผู้อ่านชอบไหมครับ

Source : <a href="http://www.arip.co.th/news.php?id=409540" target="_blank">http://www.arip.co.th/news.php?id=409540</a>

Source : <a href="https://wiki.mozilla.org/Firefox/3.7_Windows_Theme_Mockups">https://wiki.mozilla.org/Firefox/3.7_Windows_Theme_Mockups</a></pre>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/news/initial-windows-theme-mockups-for-firefox-37/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Basic examples of the most simple aspects of using CSS</title>
		<link>http://blog.idesign.in.th/css/basic-examples-of-the-most-simple-aspects-of-using-css/</link>
		<comments>http://blog.idesign.in.th/css/basic-examples-of-the-most-simple-aspects-of-using-css/#comments</comments>
		<pubDate>Sun, 19 Jul 2009 11:14:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/?p=744</guid>
		<description><![CDATA[Basic examples of the most simple aspects of using CSS
—- note —-

status: (begin 1.7.2009)
CSS Examples
- Background …ok
-.- background
-.- background-attachment, background-color, background-image
-.- background-position, background-repeat
- Border …ok
-.- border
-.- border-width, border-style, border-color
-.- border-top
-.- border-top-width, border-top-style, border-top-color
-.- border-left
-.- border-left-width, border-left-style, border-left-color
-.- border-right
-.- border-right-width, border-right-style, border-right-color
-.- border-bottom
-.- border-bottom-width, border-bottom-style, border-bottom-color

- Margin + Padding …ok
-.- margin
-.- margin-top, margin-left, margin-right, margin-bottom
-.- padding
-.- [...]]]></description>
			<content:encoded><![CDATA[<p>Basic examples of the most simple aspects of using CSS<br />
—- note —-<br />
<a href="http://blog.idesign.in.th/wp-content/uploads/2009/07/css-layout-basic.jpg"><img class="aligncenter size-full wp-image-745" title="css-layout-basic" src="http://blog.idesign.in.th/wp-content/uploads/2009/07/css-layout-basic.jpg" alt="css-layout-basic" width="512" height="74" /></a><br />
status: (begin 1.7.2009)<br />
CSS Examples<br />
- Background …ok<br />
-.- background<br />
-.- background-attachment, background-color, background-image<br />
-.- background-position, background-repeat<br />
- Border …ok<br />
-.- border<br />
-.- border-width, border-style, border-color<br />
-.- border-top<br />
-.- border-top-width, border-top-style, border-top-color<br />
-.- border-left<br />
-.- border-left-width, border-left-style, border-left-color<br />
-.- border-right<br />
-.- border-right-width, border-right-style, border-right-color<br />
-.- border-bottom<br />
-.- border-bottom-width, border-bottom-style, border-bottom-color<br />
<span id="more-744"></span><br />
- Margin + Padding …ok<br />
-.- margin<br />
-.- margin-top, margin-left, margin-right, margin-bottom<br />
-.- padding<br />
-.- padding-top, padding-left, padding-right, padding-bottom<br />
- Width + Height …ok<br />
-.- width<br />
-.- height<br />
-.- min-width, min-height, max-width, max-height<br />
- Font …ok<br />
-.- font<br />
-.- font-family, font-size, font-style, font-variant, font-weight<br />
- List …ok<br />
-.- list-style<br />
-.- list-style-image, list-style-position, list-style-type<br />
- Text …ok<br />
-.- color<br />
-.- direction<br />
-.- line-height<br />
-.- letter-spacing<br />
-.- word-spacing<br />
-.- text-align<br />
-.- text-decoration<br />
-.- text-indent<br />
-.- text-transform<br />
- Table …ok<br />
-.- border-collapse<br />
-.- border-spacing<br />
-.- caption-side<br />
-.- empty-cells<br />
-.- table-layout<br />
- Cursor …ok<br />
-.- cursor<br />
- Display …90% 17.7.2009<br />
-.- display<br />
-.- overflow<br />
-.- visibility<br />
-.- clip</p>
<p>comming soon<br />
CSS Examples<br />
- Position.bottom .top .left .right .z-index .float .clear<br />
- Text.vertical-align<br />
- Text.white-space<br />
- Display.display – (All-(inline+block))<br />
- BorderRadius (IE not support)<br />
- Table.Outline.All (IE not support)<br />
- Display.opacity (IE not support)</p>
<p>CSS Centering (basic examples and tutorial css with javascript)<br />
- 1. how to use css step by step …19.7.2009<br />
- 2. step2 …0</p>
<p>thank :<br />
<a href="http://www.w3schools.com/css/css_reference.asp">w3school</a></p>
<p>source : <a href="http://www.csscentering.com/">http://www.csscentering.com/</a></p>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/css/basic-examples-of-the-most-simple-aspects-of-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ศูนย์บริการเลิกบุหรี่ทางโทรศัพท์แห่งชาติ 1600</title>
		<link>http://blog.idesign.in.th/news/%e0%b8%a8%e0%b8%b9%e0%b8%99%e0%b8%a2%e0%b9%8c%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a5%e0%b8%b4%e0%b8%81%e0%b8%9a%e0%b8%b8%e0%b8%ab%e0%b8%a3%e0%b8%b5%e0%b9%88/</link>
		<comments>http://blog.idesign.in.th/news/%e0%b8%a8%e0%b8%b9%e0%b8%99%e0%b8%a2%e0%b9%8c%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a5%e0%b8%b4%e0%b8%81%e0%b8%9a%e0%b8%b8%e0%b8%ab%e0%b8%a3%e0%b8%b5%e0%b9%88/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 21:07:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[1600]]></category>
		<category><![CDATA[สสส]]></category>
		<category><![CDATA[เลิกบุหรี่]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/news/%e0%b8%a8%e0%b8%b9%e0%b8%99%e0%b8%a2%e0%b9%8c%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a5%e0%b8%b4%e0%b8%81%e0%b8%9a%e0%b8%b8%e0%b8%ab%e0%b8%a3%e0%b8%b5%e0%b9%88%e0%b8%97/</guid>
		<description><![CDATA[ช่วนคุณเลิกบุหรี่ และคนที่ไม่ได้สูบก็เป็นกำลังใจให้ คนที่อยากเลิก ด้วยน่ะครับ
http://www.thailandquitline.or.th

หลักการและเหตุผล
โดยเหตุที่การสูบบุหรี่ก่อให้เกิดผลเสียต่อสุขภาพทั้งผู้สูบผู้ใกล้ชิด และผู้คนในสังคมก่อให้เกิดผลกระทบทางเศรษฐกิจและสังคมระดับบุคคลและระดับ ชาติ   ดังนั้นการดำเนินการบริการการเลิกสูบบุหรี่จึงเป็นเป้าหมายระดับชาติของ ประเทศไทยควบคู่กับการดำเนินการรณรงค์เพื่อการควบคุมยาสูบ   ใน ระยะ 20 ปีที่ผ่านมาทำให้ประเทศไทยได้รับการยอมรับจากนานาประเทศในเรื่องนโยบายและ กฎหมายควบคุมยาสูบอย่างโดดเด่นแต่ในเรื่องการช่วยประชาชนให้เลิกสูบบุหรี่ ยังดำเนินการได้ไม่ครอบคลุมแม้ว่าการรณรงค์และการเสริมสร้างศักยภาพของผู้ ประกอบวิชาชีพสุขภาพของเครือข่ายวิชาชีพสุขภาพเพื่อสังคมไทยปลอดบุหรี่และ เครือข่ายต่างๆที่ได้รับการสนับสนุนจากสำนักงานกองทุนสนับสนุนการสร้างเสริม สุขภาพ (สสส) ได้ร่วมแรงร่วมใจดำเนินการให้ความช่วยเหลือเพื่อการเลิกบุหรี่ทั้งในสถาน บริการสุขภาพและในคลินิกสุขภาพของผู้ประกอบวิชาชีพเองแต่การบริการดังกล่าว เป็นการบริการแบบตั้งรับผู้ใช้บริการส่วนใหญ่คือผู้ที่มีปัญหาสุขภาพและเป็น ผู้เข้ามารับบริการการเลิกบุหรี่ในสถานบริการเท่านั้น
นอกจากนั้นมูลนิธิรณรงค์เพื่่อการไม่สูบบุหรี่ได้ดำเนินการ 1600 สายปลอดบุหรี่เพื่อบริการให้คำปรึกษาทางโทรศัพท์เพื่อเลิกสูบบุหรี่ตั้งแต่ พ.ศ.2536  ผู้ให้บริการคือพยาบาลวิชาชีพและผู้ที่จบการศึกษาระดับปริญญาตรีที่ผ่าน การอบรมขณะปฏิบัติงานและติดตามประเมินผลจากผู้เชี่ยวชาญด้านการให้คำปรึกษา ทางโทรศัพท์ของมูลนิธิรณรงค์ ฯ มีผลการดำเนินงาน คือ จำนวนผู้โทรศัพท์เข้ามาเพิ่มจำนวนมากขึ้นทุกปีและอัตราการเลิกบุหรี่ของผู้ รับบริการเลิกบุหรี่ทางโทรศัพท์ก็เพิ่มสูงขึ้นตามลำดับ   อย่างไรก็ดีด้วยทรัพยากรที่จำกัดมูลนิธิรณรงค์เพื่อการไม่สูบบุหรี่จึงไม่ สามารถขยายขอบข่ายของการบริการเพิ่มขึ้นได้
จากการทบทวนวรรณกรรม พบว่า การบริการการเลิกบุหรี่ด้วยการให้คำปรึกษาทางโทรศัพท์มีได้ 2 แบบ การบริการเชิงรุกและเชิงรับทั้งสองแบบมีหลักฐานยืนยันประสิทธิภาพการเพิ่ม อัตราการเลิกบุหรี่ได้สำหรับการบริการเชิงรับในรัฐแคลิฟอร์เนีย สหรัฐอเมริกา พบว่า สายปลอดบุหรี่ที่มีความพร้อมและให้คำปรึกษาเต็มรูปแบบเพียงครั้งเดียวสามารถ เพิ่มอัตราการเลิกสูบและป้องกันการกลับมาสูบอีกได้มากกว่าการอ่านเอกสารคู่ มือเลิกด้วยตนเอง (Zhu et [...]]]></description>
			<content:encoded><![CDATA[<p><strong>ช่วนคุณเลิกบุหรี่ และคนที่ไม่ได้สูบก็เป็นกำลังใจให้ คนที่อยากเลิก ด้วยน่ะครับ</strong></p>
<p><a href="http://www.thailandquitline.or.th">http://www.thailandquitline.or.th</a></p>
<p><a href="http://www.thailandquitline.or.th" target="_blank"><img class="aligncenter size-full wp-image-736" title="tqlc3" src="http://blog.idesign.in.th/wp-content/uploads/2009/07/tqlc3.jpg" alt="tqlc3" width="500" height="177" /></a></p>
<p><strong>หลักการและเหตุผล</strong><br />
โดยเหตุที่การสูบบุหรี่ก่อให้เกิดผลเสียต่อสุขภาพทั้งผู้สูบผู้ใกล้ชิด และผู้คนในสังคมก่อให้เกิดผลกระทบทางเศรษฐกิจและสังคมระดับบุคคลและระดับ ชาติ   ดังนั้นการดำเนินการบริการการเลิกสูบบุหรี่จึงเป็นเป้าหมายระดับชาติของ ประเทศไทยควบคู่กับการดำเนินการรณรงค์เพื่อการควบคุมยาสูบ   ใน ระยะ 20 ปีที่ผ่านมาทำให้ประเทศไทยได้รับการยอมรับจากนานาประเทศในเรื่องนโยบายและ กฎหมายควบคุมยาสูบอย่างโดดเด่นแต่ในเรื่องการช่วยประชาชนให้เลิกสูบบุหรี่ ยังดำเนินการได้ไม่ครอบคลุมแม้ว่าการรณรงค์และการเสริมสร้างศักยภาพของผู้ ประกอบวิชาชีพสุขภาพของเครือข่ายวิชาชีพสุขภาพเพื่อสังคมไทยปลอดบุหรี่และ เครือข่ายต่างๆที่ได้รับการสนับสนุนจากสำนักงานกองทุนสนับสนุนการสร้างเสริม สุขภาพ (สสส) ได้ร่วมแรงร่วมใจดำเนินการให้ความช่วยเหลือเพื่อการเลิกบุหรี่ทั้งในสถาน บริการสุขภาพและในคลินิกสุขภาพของผู้ประกอบวิชาชีพเองแต่การบริการดังกล่าว เป็นการบริการแบบตั้งรับผู้ใช้บริการส่วนใหญ่คือผู้ที่มีปัญหาสุขภาพและเป็น ผู้เข้ามารับบริการการเลิกบุหรี่ในสถานบริการเท่านั้น</p>
<p><span id="more-733"></span>นอกจากนั้นมูลนิธิรณรงค์เพื่่อการไม่สูบบุหรี่ได้ดำเนินการ 1600 สายปลอดบุหรี่เพื่อบริการให้คำปรึกษาทางโทรศัพท์เพื่อเลิกสูบบุหรี่ตั้งแต่ พ.ศ.2536  ผู้ให้บริการคือพยาบาลวิชาชีพและผู้ที่จบการศึกษาระดับปริญญาตรีที่ผ่าน การอบรมขณะปฏิบัติงานและติดตามประเมินผลจากผู้เชี่ยวชาญด้านการให้คำปรึกษา ทางโทรศัพท์ของมูลนิธิรณรงค์ ฯ มีผลการดำเนินงาน คือ จำนวนผู้โทรศัพท์เข้ามาเพิ่มจำนวนมากขึ้นทุกปีและอัตราการเลิกบุหรี่ของผู้ รับบริการเลิกบุหรี่ทางโทรศัพท์ก็เพิ่มสูงขึ้นตามลำดับ   อย่างไรก็ดีด้วยทรัพยากรที่จำกัดมูลนิธิรณรงค์เพื่อการไม่สูบบุหรี่จึงไม่ สามารถขยายขอบข่ายของการบริการเพิ่มขึ้นได้</p>
<p>จากการทบทวนวรรณกรรม พบว่า การบริการการเลิกบุหรี่ด้วยการให้คำปรึกษาทางโทรศัพท์มีได้ 2 แบบ การบริการเชิงรุกและเชิงรับทั้งสองแบบมีหลักฐานยืนยันประสิทธิภาพการเพิ่ม อัตราการเลิกบุหรี่ได้สำหรับการบริการเชิงรับในรัฐแคลิฟอร์เนีย สหรัฐอเมริกา พบว่า สายปลอดบุหรี่ที่มีความพร้อมและให้คำปรึกษาเต็มรูปแบบเพียงครั้งเดียวสามารถ เพิ่มอัตราการเลิกสูบและป้องกันการกลับมาสูบอีกได้มากกว่าการอ่านเอกสารคู่ มือเลิกด้วยตนเอง (Zhu et al, 1996)</p>
<p>ดังนั้น กระทรวงสาธารณสุข  สปสช.และ สสส. จึงร่วมกันเห็นชอบให้มีองค์กรทำงานที่มีความคล่องตัวมีสถานภาพที่รัฐรับรอง มีภารกิจหลัก คือ การให้บริการเลิกบุหรี่ทางโทรศัพท์และมีความเชื่อมโยงกับหน่วยงานของรัฐซึ่ง ก็คือศูนย์บริการเลิกบุหรี่ทางโทรศัพท์ประเทศไทย (ศบทท) หรือ Thailand Quitline Center (TQLC) ขึ้นเพื่อเป็นศูนย์บริการเลิกบุหรี่ทางโทรศัพท์ทั้งเชิงรุกและเชิงรับตามแนว ปฏิบัติที่พัฒนาจากข้อมูลหลักฐานทางคลินิกที่เชื่อถือได้โดยผู้ประกอบ วิชาชีพสุขภาพอย่างเป็นเครือข่ายมีการแลกเปลี่ยนเรียนรู้เพื่อสร้างความรู้ ใหม่และการพัฒนาศักยภาพบุคลากรวิชาชีพและอาสาสมัครเกี่ยวกับการเลิกบุหรี่ ระดับภูมิภาค</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/07/banner_update.jpg"><img class="aligncenter size-full wp-image-737" title="banner_update" src="http://blog.idesign.in.th/wp-content/uploads/2009/07/banner_update.jpg" alt="banner_update" width="500" height="180" /></a></p>
<p>วิสัยทัศน์<br />
&#8220;บริการเลิกบุหรี่ทางโทรศัพท์ ด้วยผลการวิจัย<br />
สร้างความรู้ใหม่จากประสบการณ์<br />
ผสานศักยภาพบุคลากรและเครือข่าย&#8221;</p>
<p>วัตถุประสงค์ทั่วไป<br />
เพื่อเป็นศูนย์บริการเลิกบุหรี่ทางโทรศัพท์ทั้งเชิงรุกและเชิงรับตามแนวปฏิบัติที่พัฒนาจากข้อมูลหลักฐานทางคลินิกที่เชื่อถือได้โดยผู้ประกอบวิชาชีพสุขภาพอย่างเป็นเครือข่ายมีการแลกเปลี่ยนเรียนรู้เพื่อสร้างความรู้ใหม่และการพัฒนาศักยภาพบุคลากรวิชาชีพและอาสาสมัครเกี่ยวกับการเลิกบุหรี่ระดับภูมิภาค</p>
<p>วัตถุประสงค์เฉพาะ<br />
ให้บริการการช่วยเหลือเพื่อการเลิกบุหรี่ทางโทรศัพท์ (Quitline) ที่มีคุณภาพระดับสากลสำหรับผู้ใช้บริการในประเทศไทยอย่างเป็นเครือข่ายเชื่อมโยงกับการบริการเลิกบุหรี่ในสถานบริการสุขภาพทุกระดับและคลินิกผู้ประกอบวิชาชีพสุขภาพด้วยระบบการส่งต่อทั้งที่เป็นทางการและไม่เป็นทางการเพื่อลดการบริโภคยาสูบในสังคมไทย<br />
รวบรวมข้อมูลข่าวสารเกี่ยวกับ Quitline การเลิกบุหรี่และดำเนินการให้ความรู้แก่สาธารณะอย่างต่อเนื่อง<br />
พัฒนาหลักสูตรและดำเนินการฝึกอบรมศักยภาพของผู้ให้คำปรึกษาเพื่อการเลิกบุหรี่ทางโทรศัพท์สำหรับบุคลากรระดับวิชาชีพและอาสาสมัครระดับภูมิภาค<br />
รวบรวมและสังเคราะห์องค์ความรู้จากเกี่ยวกับ Quitline รวมทั้งการพัฒนา Best practice for Quitline และมีการแลกเปลี่ยนเรียนรู้กับนักวิชาการที่สนใจการเลิกบุหรี่ (Smoking cessation) อย่างต่อเนื่องทั้งระดับชาติและระดับภูมิภาค<br />
ร่วมประสานงานกับเครือข่ายวิชาชีพสุขภาพองค์กรเอกชนและหน่วยงานต่างๆ ในการผลักดันนโยบายสุขภาพเพื่อสังคมไทยปลอดบุหรี่</p>
<p>เป้าหมาย<br />
ประชาชนเข้าถึงบริการการเลิกบุหรี่ได้ง่าย ทั่วถึง เท่าเทียม<br />
มีองค์ความรู้ ผลงานวิจัย และผลงานวิชาการ Quitline<br />
มีระบบบริการสุขภาพเพื่อการเลิกบุหรี่ที่มีประสิทธิภาพ และประสิทธิผล คุ้มค่า<br />
มีการประสานงานการบริการเป็นเครือข่ายของผู้ประกอบวิชาชีพสุขภาพ</p>
<p>กรอบแนวคิด<br />
การบริการเลิกบุหรี่ทางโทรศัพท์ เป็นกระบวนให้คำปรึกษาอย่างเป็นระบบที่เป็นมาตรฐานมีกระบวนการปฏิบัติ ตามแนวคิด Transtheoretical Model / Stages of Change (Prochaska &amp; Velicer (1997) โดยให้คำปรึกษาเพื่อการเปลี่ยนแปลงสู่การเลิกบุหรี่ เป็น 5 ระยะ ดังนี้ ระยะไม่สนใจการเลิกบุหรี่ (Pre-contemplation) ยังไม่ต้องการเลิกแต่ต้องการเรียนรู้ (Contemplation) สนใจเลิกและต้องการเรียนรู้ (Preparation) เรียนรู้และพยายามเลิกบุหรี่ (Action) คงการเลิกบุหรี่ได้ (Maintenance)<br />
การดำเนินการให้คำปรึกษาเพื่อเลิกบุหรี่จะเป็นไปตามแนวคิดนี้และจากข้อมูลหลักฐานจากงานวิจัยและพัฒนาเป็นแนวปฏิบัติทางคลินิก (Evidenced Based Clinical Practice Protocol) ที่ต้องสอดคล้องกับความต้องการของผู้ใช้บริการซึ่งมีความแตกต่างกันตามวัยและสถานะทางสุขภาพและภาษาที่ใช้ในการติดต่อสื่อสาร ได้แก่ ผู้ใหญ่วัยทำงาน ผู้สูงอายุ วัยรุ่น ผู้หญิงวัยทำงาน หญิงตั้งครรภ์ บุคคลที่มีปัญหาทางจิต บุคคลที่มีปัญหาทางกายเป็นภาษาไทย<br />
โดยเหตุที่การบริการเลิกบุหรี่ทางโทรศัพท์เป็นบริการทางวิชาชีพบนพื้นฐานขององค์ความรู้ดังนั้นความรู้ประสบการณ์ที่เกิดขึ้นจากการบริการ การวิเคราะห์ สังเคราะห์ข้อมูลกระบวนการบริการและจากการติดตามผลความพยายามเลิกและการเลิกบุหรี่ได้เป็นเวลา 3, 6 เดือน และ 1 ปี ผลที่ได้รับจะเป็นองค์ความรู้ใหม่เพื่อการเผยแพร่และแลกเปลี่ยนทางวิชาการในระดับชาติและนานาชาติต่อไป<br />
การบริการการเลิกบุหรี่ทางโทรศัพท์ (Telephone Quitline) เป็นกระบวนการช่วยเหลือผู้ติดบุหรี่ให้เลิกบุหรี่ได้อย่างถาวรโดยใช้กระบวนการให้คำปรึกษาโดยผู้ประกอบวิชาชีพทางสุขภาพ (Professional Counseling) ซึ่งผ่านการพัฒนาสมรรถนะ (Competency/ Capacity Building) อย่างต่อเนื่องเกี่ยวกับการให้คำปรึกษาจากผู้มีความรู้ความชำนาญในการบริการแบบ Quitline ลักษณะการบริการเป็นการบริการผู้โทรเข้ามาขอรับบริการ (บริการเชิงรับ-Reactive Quitline) และการบริการโทรกลับ (Call back services) หรือบริการเชิงรุก Proactive Quitline ซึ่งรวมถึงการโทรกลับเพื่อบริการผู้ต้องการเลิกสูบโทรกลับเพื่อการติดตามประคับประคองในระยะกำลังเลิกและโทรกลับเพื่อติดตามผล<br />
การบริการของศูนย์เป็นมาตรฐานตรวจสอบได้จึงมีการบันทึกข้อมูลการบริการอย่างเป็นระบบในฐานข้อมูลโดยใช้เทคโนโลยีสารสนเทศซึ่งใช้เป็นข้อมูลประกอบการประเมินผลการบริการรายบุคคลประเมินประสิทธิภาพประสิทธิผลของระบบอีกทั้งเป็นข้อมูลสำคัญในการพัฒนาระบบบริการและการพัฒนาบุคลากรไปพร้อมกันด้วยแผนผังการบริการ ดังภาพที่ 1</p>
<p>ผลที่คาดว่าจะได้รับ<br />
ประชาชนเข้าถึงบริการการเลิกบุหรี่ได้ง่ายทั่วถึงเท่าเทียม<br />
มีองค์ความรู้ผลงานวิจัยและผลงานวิชาการ Quitline<br />
มีระบบบริการสุขภาพเพื่อการเลิกบุหรี่ที่มีประสิทธิภาพและประสิทธิผล คุ้มค่า<br />
มีการประสานงานการบริการเป็นเครือข่ายของผู้ประกอบวิชาชีพสุขภาพ<br />
จำนวนผู้ป่วย ผู้พิการ และผู้เสียชีวิตจากโรคที่เกี่ยวกับบุหรี่ลดลงและค่าใช้จ่ายด้านสุขภาพลดลง</p>
<p><a href="http://www.thailandquitline.or.th">http://www.thailandquitline.or.th</a></p>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/news/%e0%b8%a8%e0%b8%b9%e0%b8%99%e0%b8%a2%e0%b9%8c%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a5%e0%b8%b4%e0%b8%81%e0%b8%9a%e0%b8%b8%e0%b8%ab%e0%b8%a3%e0%b8%b5%e0%b9%88/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Search Engine Marketing Manager 120,000 baht</title>
		<link>http://blog.idesign.in.th/news/search-engine-marketing-manager-120000-baht/</link>
		<comments>http://blog.idesign.in.th/news/search-engine-marketing-manager-120000-baht/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 15:04:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Engine]]></category>
		<category><![CDATA[Manager]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Search]]></category>
		<category><![CDATA[SEM]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/?p=717</guid>
		<description><![CDATA[Search Engine Marketing Manager ตำแหน่งนี้เงินเดือน 120,000 บาท
Search Engine Marketing Manager ตำแหน่งนี้เงินเดือน 120,000 บาท
http://blog.macroart.net/2008/06/search-engine-marketing-manager-120k-salary.html
เขียนโดย MacroArt เมื่อ June 12, 2008 – 17:03 น.

วันนี้มีโอกาสได้เข้าไปดูเว็บไซต์หางานแห่งหนึ่ง มีบริษัท Head Hunter มาประกาศหาพนักงานตำแหน่ง Search Engine Marketing Manager ให้กับบริษัทที่ทำธุรกิจด้านท่องเที่ยวและโรงแรม ที่น่าสนใจก็คือให้เงินเดือนสูงถึง 100,000 &#8211; 120,000 บาท ดูแล้วไม่ธรรมดาเลย
แต่พอมาดูรายละเอียดของตำแหน่งนี้แล้วก็พบว่าไม่ธรรมดาเช่นกัน เพราะไม่ใช่แค่ต้องมีความรู้เชิงการตลาดเพียงอย่างเดียว แต่ยังต้องมีความรู้เชิงเทคนิคด้วย ต้องเข้าใจอัลกอริทึมในการทำ Search Engine Optimization (SEO) และต้องเข้าใจกระบวนการพัฒนาเว็บที่ต้องผนวกเทคนิคการทำ SEO เข้าไปในการเขียนโค้ดและวางโครงสร้างของเว็บไซต์ด้วย ลองดูรายละเอียดของตำแหน่งนี้ดูครับ
Our client is a major player in the tourism [...]]]></description>
			<content:encoded><![CDATA[<p>Search Engine Marketing Manager ตำแหน่งนี้เงินเดือน 120,000 บาท</p>
<p>Search Engine Marketing Manager ตำแหน่งนี้เงินเดือน 120,000 บาท<br />
<a href="http://blog.macroart.net/2008/06/search-engine-marketing-manager-120k-salary.html">http://blog.macroart.net/2008/06/search-engine-marketing-manager-120k-salary.html</a><br />
เขียนโดย MacroArt เมื่อ June 12, 2008 – 17:03 น.</p>
<p style="text-align: center;"><a href="http://blog.idesign.in.th/wp-content/uploads/2009/07/sem-map.jpg"><img class="aligncenter size-full wp-image-720" title="sem-map" src="http://blog.idesign.in.th/wp-content/uploads/2009/07/sem-map.jpg" alt="sem-map" width="434" height="291" /></a><br />
วันนี้มีโอกาสได้เข้าไปดูเว็บไซต์หางานแห่งหนึ่ง มีบริษัท Head Hunter มาประกาศหาพนักงานตำแหน่ง Search Engine Marketing Manager ให้กับบริษัทที่ทำธุรกิจด้านท่องเที่ยวและโรงแรม ที่น่าสนใจก็คือให้เงินเดือนสูงถึง 100,000 &#8211; 120,000 บาท ดูแล้วไม่ธรรมดาเลย</p>
<p><span id="more-717"></span>แต่พอมาดูรายละเอียดของตำแหน่งนี้แล้วก็พบว่าไม่ธรรมดาเช่นกัน เพราะไม่ใช่แค่ต้องมีความรู้เชิงการตลาดเพียงอย่างเดียว แต่ยังต้องมีความรู้เชิงเทคนิคด้วย ต้องเข้าใจอัลกอริทึมในการทำ Search Engine Optimization (SEO) และต้องเข้าใจกระบวนการพัฒนาเว็บที่ต้องผนวกเทคนิคการทำ SEO เข้าไปในการเขียนโค้ดและวางโครงสร้างของเว็บไซต์ด้วย ลองดูรายละเอียดของตำแหน่งนี้ดูครับ</p>
<p>Our client is a major player in the tourism and hospitality business and currently looking ;</p>
<p>Search Engine Marketing Manager (SEM / SEO ) &#8211; 3 Positions<br />
Salary : 100k &#8211; 120k<br />
Status : Permanent Staff plus other benefits</p>
<p>The key function within the business will be the management and strategic development of all search marketing activity. You will track industry trends and provide strategic recommendations for the growth of the company’s SEM business. This role will take overall responsibility for the analysis of the search marketing performance.</p>
<p>Roles &amp; Responsibilities:-</p>
<p>Propose, structure and execute the marketing plans for various search marketing programs.<br />
Lead and motivate project teams to achieve top performance, whilst managing them every step of the way.<br />
Take ownership of projects and be accountable for the ultimate success of each search campaign.<br />
Evaluate effectiveness of all search marketing programs, draw conclusions, report and develop recommendations.<br />
Ensure deliverables are realised and align with projections.<br />
Manage budgets and remain accountable for them.<br />
Work closely with the Team to align marketing and inventory department objectives and strategies. Help develop and utilize tools necessary for business development to communicate effectively with partners.<br />
Conduct results analysis in order to address business goals.<br />
Build and maintain excellent relations with search engine contacts who provide an excellent resource for ideas, information and problem solving<br />
Qualifications &amp; Skills:-</p>
<p>Thai Nationality / Male or Female. Expatriate are also very welcome. Age between 30 &#8211; 45 years<br />
At least 3-4 years experience in IT area to process in searching engine marketing business<br />
Experience in proposing, building, executing and optimising campaigns through PPC and Free Search engines: Experience in managing significant budgets on top tier search engines (Overture, Google, MSN, Yahoo). Quantitative skills to include the ability to monitor budgets, understand ROI and select relevant data for planning future action.<br />
In-depth knowledge of modern ethical search engine optimisation (SEO).<br />
A good analyst and be able to interact with a creative team.<br />
Experience with various marketing tools such as Wordtracker, Keyword Discovery, Web Position Gold, NetTracker, and of third-party bid management software would be an advantage (BidBuddy, Atlas Search, DC Storm etc.).<br />
Refined presentation build and presenting skills with the ability to translate technical jargon into generically understandable language.<br />
Highly knowledgeable about natural/organic search engine optimization tactics and how web metrics are tracked (http headers, redirect, tracking pixels, etc.).<br />
Is a strong strategist/tactician. Has current knowledge of latest industry trends with Google, Yahoo, Overture, etc.<br />
Quantitative skills including the ability to monitor budgets understand return on investment and select relative data for analyzing future action.<br />
Strong technical appreciation of search engine algorithms.<br />
Working knowledge of standards based web design (XHTML and CSS)<br />
Understanding of web development methodologies, Internet protocols and server configuration<br />
A passion for internet and interactive technology, including web design &amp; publishing, online marketing and technology.<br />
Global experience and additional languages desirable but not essential.<br />
Excellent command in English both writing and speaking.<br />
อุตสาหกรรมท่องเที่ยวและโรงแรมเป็นอุตสาหกรรมหนึ่งที่มียอดขายจากอินเทอร์เน็ตสูงมาก ฝรั่งอยากมาเที่ยวเมืองไทย สมัยก่อนอาจจะต้องโทรหาเอเยนต์ขายทัวร์ แต่สมัยนี้ใช้อินเทอร์เน็ตจัดการเองได้หมด ไม่ว่าจะเป็นการซื้อตั๋วเครื่องบิน การจองที่พัก การจองรถ ฯลฯ อุตสาหกรรมท่องเที่ยวจึงมีการแข่งขันในโลกออนไลน์สูงมาก จึงต้องทำทุกวิถีทางที่จะทำให้กลุ่มเป้าหมายเข้าเว็บตัวเองมากๆ ซึ่ง Search Engine เป็นอีกช่องทางที่มีความสำคัญสูง แต่ละเว็บไซต์ต่างพยายามแย่งตำแหน่งดีๆ บนหน้าผลลัพธ์การค้นหา ขณะที่ผู้ที่มีความรู้ในเรื่องนี้ยังมีไม่มากนัก ค่าตัวของตำแหน่งนี้ก็เลยค่อนข้างสูง เพราะเกี่ยวพันกับการเพิ่มรายได้ให้กับบริษัทโดยตรง</p>
<p>ในทางกลับกัน บางคนอาจจะมองว่าเงินเดือนเท่านี้ถือว่าน้อยก็ได้ เพราะถ้าตัวเองเป็นปรมาจารย์ด้าน SEM/SEO อยู่แล้ว การทำเว็บเองเพื่อให้มีรายได้เดือนละแสนบาทอาจจะไม่ใช่เรื่องยากเลย</p>
<p>นอกจากอุตสาหกรรมท่องเที่ยวและโรงแรมแล้ว ยังมีอุตสาหกรรมอื่นๆ อีกที่ SEM มีบทบาทสำคัญมาก (ในต่างประเทศ) เช่น การแพทย์ การเงิน (บัตรเครดิต เงินกู้) การประกันภัย เป็นต้น</p>
<p>ลองคิดดูว่าอุตสาหกรรมอะไรในประเทศไทยที่ควรจะมี Search Engine Marketing Manager บ้าง?</p>
<p>Source : <a href="http://www.sem.or.th/?p=14">http://www.sem.or.th/?p=14</a></p>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/news/search-engine-marketing-manager-120000-baht/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>อัพเดท ข่าวสารเทคโนโลยีแบบอินเทรนด์ ก่อนใคร</title>
		<link>http://blog.idesign.in.th/news/%e0%b8%ad%e0%b8%b1%e0%b8%9e%e0%b9%80%e0%b8%94%e0%b8%97-%e0%b8%82%e0%b9%88%e0%b8%b2%e0%b8%a7%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%97%e0%b8%84%e0%b9%82%e0%b8%99%e0%b9%82%e0%b8%a5%e0%b8%a2%e0%b8%b5/</link>
		<comments>http://blog.idesign.in.th/news/%e0%b8%ad%e0%b8%b1%e0%b8%9e%e0%b9%80%e0%b8%94%e0%b8%97-%e0%b8%82%e0%b9%88%e0%b8%b2%e0%b8%a7%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%97%e0%b8%84%e0%b9%82%e0%b8%99%e0%b9%82%e0%b8%a5%e0%b8%a2%e0%b8%b5/#comments</comments>
		<pubDate>Mon, 18 May 2009 03:50:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Techmology]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/?p=709</guid>
		<description><![CDATA[อัพเดท ผลฟุตบอลล่าสุด และข่าวสารเทคโนโลยีแบบอินเทรนด์ ก่อนใครด้วย Web Slices ฟีเจอร์ใหม่จาก Internet Explorer 8

วันนี้คุณสามารถอัพเดทผลฟุตบอลและข่าวสารเทคโนโลยีล่าสุด จากเว็บไซต์ MSN ประเทศไทย ได้ง่ายๆ ด้วย Web Slice หนึ่งในฟีเจอร์เจ๋งๆ จาก Internet Explorer 8
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-
วันนี้คุณสามารถอัพเดทผลฟุตบอลและข่าวสารเทคโนโลยีล่าสุด จากเว็บไซต์ MSN ประเทศไทย ได้ง่ายๆ ด้วย Web Slice หนึ่งในฟีเจอร์เจ๋งๆ จาก Internet Explorer 8
แต่ก่อนที่จะสามารถใช้ฟีเจอร์ทั้ง 2 ชนิดได้ คุณต้องทำการอัพเกรด Internet Explorer ไปยังเวอร์ชั่น 8 ก่อน โดยสามารถดาวน์โหลดได้ที่นี่
(คลิกที่ภาพเพื่อดาวน์โหลด IE8)
และหลังจากที่อัพเกรดเรียบร้อยแล้ว อย่าลืมมากดเพิ่ม Web Slice เจ๋งๆ จาก MSN ประเทศไทยได้ที่นี่
Web Slice: MSN ฟุตบอล
อัพเดทผลฟุตบอล Premier [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #ff0000;"><strong>อัพเดท ผลฟุตบอลล่าสุด และข่าวสารเทคโนโลยีแบบอินเทรนด์ ก่อนใครด้วย Web Slices ฟีเจอร์ใหม่จาก Internet Explorer 8</strong></span></p>
<p><a title="http://www.microsoft.com/thailand/windows/internet-explorer/worldwide-sites.aspx" href="http://blog.idesign.in.th/wp-content/uploads/2009/05/scr_60639.jpg" target="_blank"><img class="alignnone size-full wp-image-714" title="scr_60639" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/scr_60639.jpg" alt="scr_60639" width="470" height="155" /></a></p>
<p>วันนี้คุณสามารถอัพเดทผลฟุตบอลและข่าวสารเทคโนโลยีล่าสุด จากเว็บไซต์ MSN ประเทศไทย ได้ง่ายๆ ด้วย Web Slice หนึ่งในฟีเจอร์เจ๋งๆ จาก Internet Explorer 8</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>วันนี้คุณสามารถอัพเดทผลฟุตบอลและข่าวสารเทคโนโลยีล่าสุด จากเว็บไซต์ MSN ประเทศไทย ได้ง่ายๆ ด้วย Web Slice หนึ่งในฟีเจอร์เจ๋งๆ จาก Internet Explorer 8</p>
<p>แต่ก่อนที่จะสามารถใช้ฟีเจอร์ทั้ง 2 ชนิดได้ คุณต้องทำการอัพเกรด Internet Explorer ไปยังเวอร์ชั่น 8 ก่อน โดยสามารถดาวน์โหลดได้ที่นี่</p>
<p>(คลิกที่ภาพเพื่อดาวน์โหลด IE8)</p>
<p>และหลังจากที่อัพเกรดเรียบร้อยแล้ว อย่าลืมมากดเพิ่ม Web Slice เจ๋งๆ จาก MSN ประเทศไทยได้ที่นี่</p>
<p>Web Slice: MSN ฟุตบอล<br />
อัพเดทผลฟุตบอล Premier League ด่วนๆแบบไม่ต้องเข้าเว็บไซต์ คลิกเพื่อ Add Web Slice ได้เลย</p>
<p>Web Slice: MSN เทคโนโลยี<br />
รู้ทันเทคโนโลยีไปกับ Microsoft เป็นประจำได้ที่นี่ทันที คลิกเพื่อ Add Web Slice ได้เลย</p>
<p><span id="more-709"></span>วิธีใช้ Web Slice ใน IE8</p>
<p>1.กดที่ไอคอน Web Slice ที่ Command Bar ด้านบน, IE8 จะเช็คให้ว่าหน้าเว็บไซท์ที่เปิดอยู่มีการใส่ Web Slice ไว้หรือไม่ ถ้ามีจะมีขึ้นแสดงให้ดูตามภาพครับ</p>
<p>หรือถ้าไม่ได้กดที่ Command Bar ด้านบน แต่กำลังดูเนื้อหาเว็บไซท์อยู่ แล้วไปเจอสัญลักษณ์ของ Web Slice ขึ้นที่กล่องคอนเทนท์ไหน ก็สามารถ add ได้เช่นกันครับ</p>
<p>หลังจากกดที่ไอคอนแล้ว จะมี Pop Up ขึ้นมาเพื่อยืนยันอีกทีครับ</p>
<p>ถ้าต้องการก็กด add ได้เลย แล้วมาดูที่แถบด้านบนของ IE ครับ จะมีปุ่มขึ้นมาให้เราสามารถคลิกดู Web Slice ได้แล้ว</p>
<p>มาลองดูตัวอย่างกันอีกที่ครับ จาก MSN เทคโนโลยี จะสังเกตว่ามีสัญลักษณ์ขึ้นที่กล่อง น่ารู้จากไมโครซอฟท์</p>
<p>กดไอคอน แล้วคลิกเพื่อยืนยันอีกที</p>
<p>ง่ายแค่นี้ ก็สามารถ ติดตามอ่านเนื้อหาดีๆที่เราชอบได้อย่างสะดวกรวดเร็วแล้วครับ เพราะไม่ต้องเสียเวลาเปิดทั้งเว็บไซท์</p>
<p>ด้านบนเป็นตัวอย่างจาก MSN ฟุตบอล และ MSN เทคโนโลยี ครับ ใครใช้ IE8 แล้ว ก็ไปทดลองใช้ Web Slice กันได้นะครับ</p>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/news/%e0%b8%ad%e0%b8%b1%e0%b8%9e%e0%b9%80%e0%b8%94%e0%b8%97-%e0%b8%82%e0%b9%88%e0%b8%b2%e0%b8%a7%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%97%e0%b8%84%e0%b9%82%e0%b8%99%e0%b9%82%e0%b8%a5%e0%b8%a2%e0%b8%b5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Maximize the Use of Hover</title>
		<link>http://blog.idesign.in.th/design/maximize-the-use-of-hover/</link>
		<comments>http://blog.idesign.in.th/design/maximize-the-use-of-hover/#comments</comments>
		<pubDate>Fri, 15 May 2009 03:27:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Design Showcase]]></category>

		<guid isPermaLink="false">http://blog.idesign.in.th/?p=695</guid>
		<description><![CDATA[Usually, we create hover effects by changing: font color, font styles, border styles, background, and etc. But there are a lot more that we can do with hover. We can use hover to beautify design, minimize clutter, and display additional information. In this article, I’m going to provide various examples of websites that maximize the [...]]]></description>
			<content:encoded><![CDATA[<p><big>Usually, we create hover effects by changing: font color, font styles, border styles, background, and etc. But there are a lot more that we can do with hover. We can use hover to beautify design, minimize clutter, and display additional information. In this article, I’m going to provide various examples of websites that maximize the use of hover. Also, I will provide several quick tutorials on how to create different mouse hover effects. So, read on.</big></p>
<p><big></big></p>
<h3><em>1.</em> Using hover to beautify layout</h3>
<p>I use hover to beautify the layout of <a href="http://icondock.com/">IconDock</a>. For example, when you mouse over the blog title or the sidebar link, it displays an arrow.</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/05/icondock.jpg"><img class="alignnone size-full wp-image-696" title="icondock" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/icondock.jpg" alt="icondock" width="470" height="560" /></a></p>
<h3><em><span id="more-695"></span>2.</em> Using hover to minimize clutter</h3>
<p><a href="http://qbn.com/">QBN</a> makes its layout look cleaner by hiding the extra buttons on default. When you mouse over a link block, the buttons will appear. Imagine how clutter it will be to display those buttons on every block.</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/05/qbn.jpg"><img class="alignnone size-full wp-image-697" title="qbn" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/qbn.jpg" alt="qbn" width="470" height="463" /></a><br />
<a href="http://gucci.com/">Gucci</a> puts focus on their product images by hiding the variations. When you hover the product image, it displays the variations and allows you to navigate through them.</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/05/gucci.jpg"><img class="alignnone size-full wp-image-698" title="gucci" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/gucci.jpg" alt="gucci" width="470" height="542" /></a></p>
<h3><em>3.</em> Using hover to display additional information (tooltip)</h3>
<p><a href="http://panic.com/coda">Coda</a> combines CSS and Javascript to create a beautiful tooltip. When you mouse over the download link, additional information about their software fades in.</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/05/coda.jpg"><img class="alignnone size-full wp-image-699" title="coda" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/coda.jpg" alt="coda" width="470" height="522" /></a></p>
<p>On <a href="http://bestwebgallery.com/">Best Web Gallery</a>, I use jQuery to display a larger image of the screencap.</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/05/bestwebgallery.jpg"><img class="alignnone size-full wp-image-700" title="bestwebgallery" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/bestwebgallery.jpg" alt="bestwebgallery" width="470" height="545" /></a></p>
<h3>Tutorials</h3>
<h4>Image Hover (<a href="http://www.webdesignerwall.com/demo/hover/image-hover.html">see demo</a>)</h4>
<p>The following CSS tutorial imitates the hover effect as seen on the Gucci and QBN site. It hides the <code>.links</code> paragraph on default. When the cursor is over the <code>&lt;div&gt;</code> block, it will set the paragraph to <code>display:block</code>.</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/05/image-hover.jpg"><img class="alignnone size-full wp-image-701" title="image-hover" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/image-hover.jpg" alt="image-hover" width="470" height="349" /></a></p>
<h4>Animated Hover (<a href="http://www.webdesignerwall.com/demo/hover/animated-hover.html">see demo</a>)</h4>
<p>The following demo use jQuery to animate the <code>&lt;em&gt;</code> text when you hover the link, as seen on the Coda site. Read my <a href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/">jQuery tutorials</a> to learn how to do this.</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/05/animated-hover.gif"><img class="alignnone size-full wp-image-702" title="animated-hover" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/animated-hover.gif" alt="animated-hover" width="470" height="207" /></a></p>
<h4>jQuery Tooltip</h4>
<p>Head over to <a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery">CSS Globe</a> to see the jQuery tooltip that I use for <a href="http://bestwebgallery.com/">Best Web Gallery</a>.</p>
<p><a href="http://blog.idesign.in.th/wp-content/uploads/2009/05/tooltip.gif"><img class="alignnone size-full wp-image-703" title="tooltip" src="http://blog.idesign.in.th/wp-content/uploads/2009/05/tooltip.gif" alt="tooltip" width="470" height="179" /></a></p>
<p>Contents by : <a href="http://www.webdesignerwall.com/tutorials/maximize-the-use-of-hover/">http://www.webdesignerwall.com/tutorials/maximize-the-use-of-hover/</a></p>
No Tags]]></content:encoded>
			<wfw:commentRss>http://blog.idesign.in.th/design/maximize-the-use-of-hover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
