<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>W3Mag</title><link>http://www.w3mag.com</link><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/w3mag" /><description>The webmaster of the web!</description><language>en</language><lastBuildDate>Sun, 05 Feb 2012 11:19:11 PST</lastBuildDate><generator>http://wordpress.org/?v=3.3.1</generator><sy:updatePeriod xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">hourly</sy:updatePeriod><sy:updateFrequency xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">1</sy:updateFrequency><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/w3mag" /><feedburner:info uri="w3mag" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><geo:lat>35.865441</geo:lat><geo:long>-78.549299</geo:long><item><title>Email Marketing for Small Business: How To Tame Success</title><link>http://feedproxy.google.com/~r/w3mag/~3/hUUZMxAj_gk/</link><category>Featured</category><category>Email marketing</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">contentlabz</dc:creator><pubDate>Thu, 13 Oct 2011 12:24:21 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4416</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p style="text-align: justify;">You have heard people talking about email marketing and may be you are enthusiastic enough to attend some of the so called mega events, whose sole purpose is to make people aware of the importance of email marketing. But at the end of each event, you will find your head buzzing with innumerable ideas but alas, none of them seem to work for you when you kick start your own email marketing campaign. So, now you have realized, the hard way of course that email marketing is not for you. But the truth is just the very opposite. Email marketing is in fact designed for helping small business owners get some quick business queries without spending money like anything else. So, you might wonder what went wrong with your previous email marketing campaigns? Here we are going to have an in-depth analysis of the probable reasons behind the failure of your email marketing campaign that have cost your dearly.</p>
<p><strong>Do Not Send Emails randomly:</strong> The success or the failure of an email marketing campaign depends on its database. You need to have a list of emails that are garnered carefully. Sending emails randomly will not make any difference. In fact, it can have serious repercussion later on. Your mail id can be treated as spam and that means all your efforts will be dumped to trash. You definitely do not want this right? To avoid this, you need to launch some kind of marketing campaigns and make people submit their email ids voluntarily. Try some freebies and I hope this will do.</p>
<p><strong>Do Not Write Anything Boring</strong>: The content of your email needs to be catchy and it should ne powerful enough to incite the curiosity of the readers. However, for that purpose, you should not blatantly lie because people are quick to find that out and your email will have its place secured in the spam or junk mails. It needs to be simple but starling. Just take this for example, what you are supposed to write if you are asked to describe a laptop with 8 GB of RAM. You can scribble away with this: Excellent laptop with 8 GB of RAM. But does it sound nice and catchy? Of course not. What about this: Laptop that works hard and fast like you are. Now this means catchy. It is personal but universal and you can hardly resist yourself from reading rest of the content.</p>
<p><strong>Start With A Winning Note</strong>: Since people are always bombarded with ads, they hate the idea of getting ads even in their emails. The moment they realize that the email is basically an ad, delete button is pressed almost instantly. The morale of the story is that your email should not look like an ad. Now, how on earth you can do it. Yes, it is tricky but nothing is impossible. Put on your creative hat and try some permutation and combination and you have it sooner or later.</p>
<p><strong>Do testing:</strong> You should have different variations of an email. First start off with a particular template and if you find the conversion rate is not that impressive, you should hurry off with the next and the next and the next until you get the one that manages to send you a satisfactory number of queries at the end of the day.</p>
<p style="text-align: justify;">

<p><a href="http://feedads.g.doubleclick.net/~a/broSa-BZIBNjarviIIrFazD7N4s/0/da"><img src="http://feedads.g.doubleclick.net/~a/broSa-BZIBNjarviIIrFazD7N4s/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/broSa-BZIBNjarviIIrFazD7N4s/1/da"><img src="http://feedads.g.doubleclick.net/~a/broSa-BZIBNjarviIIrFazD7N4s/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=hUUZMxAj_gk:6cS81iEp-sA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=hUUZMxAj_gk:6cS81iEp-sA:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=hUUZMxAj_gk:6cS81iEp-sA:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=hUUZMxAj_gk:6cS81iEp-sA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=hUUZMxAj_gk:6cS81iEp-sA:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=hUUZMxAj_gk:6cS81iEp-sA:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=hUUZMxAj_gk:6cS81iEp-sA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=hUUZMxAj_gk:6cS81iEp-sA:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/hUUZMxAj_gk" height="1" width="1"/>]]></content:encoded><description>You have heard people talking about email marketing and may be you are enthusiastic enough to attend some of the so called mega events, whose sole purpose is to make people aware of the importance of email marketing. But at [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/email-marketing-for-small-business-how-to-tame-success/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">24</slash:comments><feedburner:origLink>http://www.w3mag.com/email-marketing-for-small-business-how-to-tame-success/</feedburner:origLink></item><item><title>The Best Smartphone Apps for Web Designers and Developers</title><link>http://feedproxy.google.com/~r/w3mag/~3/u23XmGcsjXk/</link><category>Resources</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Spencer Hogg</dc:creator><pubDate>Wed, 14 Sep 2011 05:00:45 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4393</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Modern web development no longer chains us to our desks. In fact, in order to be successful, we have to deliver fresh content, and that means development on the go. Our weapons of choice are laptops, tablets and smartphones, but in order to get the most out of those tools, we have to determine which mobile broadband service is best and which apps will maximize our efforts. In that spirit, let us explore some top options for both Android and iPhone.</p>
<p><a href="http://www.w3mag.com/the-best-smartphone-apps-for-web-designers-and-developers/ftp-app/" rel="attachment wp-att-4394"><img class="alignright size-medium wp-image-4394 img-right" title="FTP app" src="http://www.w3mag.com/wp-content/uploads/2011/09/FTP-app-300x218.jpg" alt="" width="300" height="218" /></a><strong>Android:</strong></p>
<p>• “Dropbox” is the ultimate Android app for the user on the go. It allows you to upload anything to the Dropbox cloud, and you have access to everything you upload wherever and whenever. They give you 2 GB free, and if you need more space than that, you can upgrade via subscription.</p>
<p>• “Photoshop.com Mobile” is an awesome Android app that is completely free, but includes a full range of image-processing tools from Adobe, such as crop, rotation, saturation adjustment, a wide array of filters and so forth.</p>
<p>• As web developers, we have to be spatial thinkers, and we’re often conceiving ideas that don’t necessarily apply right now. “Thinking Space” is a free app that lets us store those ideas, and then have orderly access to them later.</p>
<p>• Direct access from a smartphone to your web server FTP can be difficult, but it doesn’t have to be with a tool like “AndFTP.” AndFTP supports FTP, SFTP and FTPS, and it allows for the direct editing of files.</p>
<p><strong><a href="http://www.w3mag.com/the-best-smartphone-apps-for-web-designers-and-developers/mobile-ga/" rel="attachment wp-att-4395"><img class="alignright size-medium wp-image-4395 img-right" title="mobile ga" src="http://www.w3mag.com/wp-content/uploads/2011/09/mobile-ga-300x200.jpg" alt="" width="300" height="200" /></a></strong>• “Mobile GA” is an Android app that gives us full access to our Google Analytics account. We can use it to monitor and track progress, which is especially helpful when we’ve just uploaded hot content. We can also use it to access the control panel and change preferences.</p>
<p>• For those blogging to a WordPress blog, “WordPress Mobile” is the must-have app. It’s an alternative to the official app, and it includes a wide range of additional tools that it integrates directly into the WordPress interface.</p>
<p><strong>iPhone:</strong></p>
<p>• “SEO IT” is a comprehensive pocket tool for analyzing search optimization on the go. When it comes to fresh content, we only have one chance to get this right, and SEO IT allows us to do that no matter where we are.</p>
<p><strong></strong>• “Analytics App” is another SEO tool and the perfect complement to SEO IT. Using this app, you can actually monitor and track the effect your keywords and techniques are having. You also have full access to the Google Analytics control panel.</p>
<p>• WordPress is the tool of choice for bloggers on the go, and “WordPress for iOS” allows us to edit the blog on the fly with maximum convenience. It even boasts advanced blogging resources, such as a composer, location mapper and photo tools.</p>
<p><a href="http://www.w3mag.com/the-best-smartphone-apps-for-web-designers-and-developers/photo-express/" rel="attachment wp-att-4396"><img class="alignright size-full wp-image-4396 img-right" title="photo express" src="http://www.w3mag.com/wp-content/uploads/2011/09/photo-express.jpg" alt="" width="175" height="175" /></a>• “Photoshop Express” delivers everything you’d expect from Adobe image-editing software but does so in the palm of your hand. It offers advanced editing tools and integration with most social networks and blogging platforms.</p>
<p>• “ServersMan” is free software that runs a fully functional WebDAV web server on your i-device. In other words, it puts a wireless web server into your hand, which allows you to upload, download and share anything with almost anyone.</p>
<p>• For most instances, our sites have CSS with predefined colours. Sometimes, however, we must choose a colour on the fly. “Color Expert” is an app that lets us choose colour based on our website colour scheme, another colour, a photo or even using the built-in camera.</p>

<p><a href="http://feedads.g.doubleclick.net/~a/Bayt_kdMW5uAZnKdGEDB52Tpg3A/0/da"><img src="http://feedads.g.doubleclick.net/~a/Bayt_kdMW5uAZnKdGEDB52Tpg3A/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/Bayt_kdMW5uAZnKdGEDB52Tpg3A/1/da"><img src="http://feedads.g.doubleclick.net/~a/Bayt_kdMW5uAZnKdGEDB52Tpg3A/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=u23XmGcsjXk:NFpuArI8Ij8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=u23XmGcsjXk:NFpuArI8Ij8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=u23XmGcsjXk:NFpuArI8Ij8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=u23XmGcsjXk:NFpuArI8Ij8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=u23XmGcsjXk:NFpuArI8Ij8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=u23XmGcsjXk:NFpuArI8Ij8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=u23XmGcsjXk:NFpuArI8Ij8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=u23XmGcsjXk:NFpuArI8Ij8:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/u23XmGcsjXk" height="1" width="1"/>]]></content:encoded><description>Modern web development no longer chains us to our desks. In fact, in order to be successful, we have to deliver fresh content, and that means development on the go. Our weapons of choice are laptops, tablets and smartphones, but [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/the-best-smartphone-apps-for-web-designers-and-developers/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">23</slash:comments><feedburner:origLink>http://www.w3mag.com/the-best-smartphone-apps-for-web-designers-and-developers/</feedburner:origLink></item><item><title>Twitter Designs: 5 Excellent Ways to Use Twitter as a Designer</title><link>http://feedproxy.google.com/~r/w3mag/~3/70cF890ZZPE/</link><category>Featured</category><category>designer</category><category>social media</category><category>twitter</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Obaidul Haque</dc:creator><pubDate>Wed, 13 Jul 2011 05:38:53 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4327</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>A wonderful microblogging platform, Twitter currently ranks at #8 in the US, as ranked by Alexa. And it’s the 9th most popular site in the entire world ranked by the same web information company. Anyone that doesn’t use Twitter today must be living on the Mars. Like everyone else is busy making the most of their tweets, designers too need to use the social networking website to their benefits.</p>
<p>In order to build a solid online presence, web designers need to follow some key tips while using Twitter as a powerful marketing tool. If you want your 140-character tweets to bring you the maximum benefits, given below are some excellent tips to follow.</p>
<p><strong>#1. Follow the Right People</strong><br />
As a web designer, you should start following people who are associated with your field. There are hundreds of thousands of designers and design studios that spend their time on Twitter. Are you trying to connect with them? Getting in touch with these professionals will remain you up-to-date with what’s happening in the world of graphics and web design.</p>
<p>In addition, you can build your own community of awesome designers where you can easily share your ideas and thoughts with others. It is an excellent idea for nurturing your talent as a designer.</p>
<p><strong>#2. Tweet about Your Design Projects</strong><br />
A good idea to attract the attention of the design community towards your talent is to post updates about your project and the websites that you designed recently. Though it is good to showcase your creative projects, you should not indulge in self-promoting yourself.</p>
<p>If you genuinely post valuable tweets, you can immediately attract a lot of designers and display your talents and skills to the world.</p>
<p><strong>#3. Tailor Your Page Design to Your Blog (or Website)</strong><br />
Creativity should show in everything that you do, if you want to attract attention towards your designing skills. Designers can customize the appearance of their Twitter page to match the theme of their blog or website. Such tactics can immediately stand you out in the crowd.</p>
<p><strong>#4. Use Hashtags</strong><br />
If you (and your recent design work) is on Twitter, other users must be able to find you. To be found in searches, web designers and graphics designers should not forget to use hashtags (#) in their tweets.</p>
<p>Hashtag is an awesome Twitter feature that helps users to organize the information that they share on this social networking website. While using hashtags to organize your twitter updates, you should remember not to overuse this feature, which may lead to hashtag spam.</p>
<p><strong>#5. Become a Design Critic</strong><br />
By commenting on what other designers tweet, you can grab the attention of other designers instantly. If you want to market your skills, it is a good idea to critique on the designs posted by other graphics designers or web designers. This is certainly an effective use of Twitter to share your design expertise with others.</p>
<p>The world’s best designers are on Twitter. If you too want to connect with this ever-growing population of creative designers, you need to pull up your socks and participate in the conversation, which is a great way of broadening your knowledge, grab design studios’ attention, get innovative ideas and demonstrate your skills to the world.</p>

<p><a href="http://feedads.g.doubleclick.net/~a/46ES91xYTWXvFGESYYPlEl2QT2U/0/da"><img src="http://feedads.g.doubleclick.net/~a/46ES91xYTWXvFGESYYPlEl2QT2U/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/46ES91xYTWXvFGESYYPlEl2QT2U/1/da"><img src="http://feedads.g.doubleclick.net/~a/46ES91xYTWXvFGESYYPlEl2QT2U/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=70cF890ZZPE:vm4fcZ-WPpo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=70cF890ZZPE:vm4fcZ-WPpo:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=70cF890ZZPE:vm4fcZ-WPpo:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=70cF890ZZPE:vm4fcZ-WPpo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=70cF890ZZPE:vm4fcZ-WPpo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=70cF890ZZPE:vm4fcZ-WPpo:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=70cF890ZZPE:vm4fcZ-WPpo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=70cF890ZZPE:vm4fcZ-WPpo:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/70cF890ZZPE" height="1" width="1"/>]]></content:encoded><description>A wonderful microblogging platform, Twitter currently ranks at #8 in the US, as ranked by Alexa. And it’s the 9th most popular site in the entire world ranked by the same web information company. Anyone that doesn’t use Twitter today [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/5-excellent-ways-to-use-twitter-as-a-designer/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">19</slash:comments><feedburner:origLink>http://www.w3mag.com/5-excellent-ways-to-use-twitter-as-a-designer/</feedburner:origLink></item><item><title>Usability of WordPress Sites for Mobile browsing</title><link>http://feedproxy.google.com/~r/w3mag/~3/Vc5Qla0cV84/</link><category>Featured</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">chloehenderson</dc:creator><pubDate>Tue, 12 Jul 2011 07:06:49 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4356</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>WordPress is one of the most popular blogging and web site hosts on the internet. Millions of people use it every day to manage their web presence for personal or professional reasons. For example, it is often paired with <a href="http://www.webhostingsearch.com/" target="_blank">web hosting</a> solutions to create personalized blogs reflecting people&#8217;s interests on a daily basis. Similarly, mobile browsing has become extremely popular in recent years due to the rise of compact devices that can access the internet such as smart phones and tablets. However, due to the limited screen sizes and resolutions of such devices, if they are used to visit sites that have not been optimized for mobile browsing, navigating through such sites can be a difficult and often times frustrating experience. This article will discuss a number of plugins and addons that can be used to optimize the usability of WordPress sites for mobile browsing.</p>
<p>As stated above, people use their smart phones these days for a number of tasks, from banking to responding to emails to reading reviews and newspapers to making reservations at restaurants. Something smart phones are also used for is mobile browsing on blogs. If you have a WordPress site, you might spend your time deciding on issues such as whether or not to invest in a <a href="http://www.webhostingsearch.com/dedicated-server.php" target="_blank">dedicated server</a> to ensure you have as much uptime and bandwidth as you will need.</p>
<p>However, if you don&#8217;t consider usability on mobile browsers, you might lose a substantial chunk of your audience, since recent surveys indicate that up to 42 percent of Americans may use their smart phones to access the internet. This is why it makes sense to spend a bit of time on improving your site&#8217;s mobile usability rather than simply focusing on the traditional design for full sized browsers in full sized computers.</p>
<p>A good place to start is with WP Touch Pro. The majority of WordPress blogs will show some sort of content on mobile browsers, but if you want to make things look really good, you will want to spend some time on optimization. WP Touch Pro is designed to optimize your WordPress blog for people who use the iPhone, the iPod touch, and now the iPad by making your blog appear like a &#8220;web application.&#8221; What this means is that your site will load very quickly and will be highly customizable by the user on his or her Apple powered device. The plugin is very flexible which helps adapt it to the range of Apple technologies on the market, and it allows users on smart phones to have various &#8220;themes&#8221; installed.</p>
<p>Another program to consider when you have the goal of optimizing the usability of WordPress sites for mobile browsing is the aptly named WordPress Mobile Edition. This program will detect a mobile browser whenever it visits your site and convert your site on the fly into one that is more amenable toward mobile browsing. The contents of the plugin do not differ in their functionality from those in a WordPress Theme, which means that you can modify the appearance of the site in the same way that you would with a traditional theme.</p>
<p>The downside of the app is that it is not compatible with auto upgrading WordPress, so you will have to perform your upgrades manually. However, this loss of convenience is a small price to pay for the ability to automatically convert your site to accommodate a number of different browsers.</p>
<p>With these kinds of programs in tow, it is easy to adapt WordPress to make it usable and functional on mobile browsers, which enhances your ability to reach readers, customers, and clientele.</p>
<p>&nbsp;</p>

<p><a href="http://feedads.g.doubleclick.net/~a/FRcTVBhNiRSGeoVBUy_WLMKuwH0/0/da"><img src="http://feedads.g.doubleclick.net/~a/FRcTVBhNiRSGeoVBUy_WLMKuwH0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/FRcTVBhNiRSGeoVBUy_WLMKuwH0/1/da"><img src="http://feedads.g.doubleclick.net/~a/FRcTVBhNiRSGeoVBUy_WLMKuwH0/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=Vc5Qla0cV84:HasJVHwldB8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=Vc5Qla0cV84:HasJVHwldB8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=Vc5Qla0cV84:HasJVHwldB8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=Vc5Qla0cV84:HasJVHwldB8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=Vc5Qla0cV84:HasJVHwldB8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=Vc5Qla0cV84:HasJVHwldB8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=Vc5Qla0cV84:HasJVHwldB8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=Vc5Qla0cV84:HasJVHwldB8:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/Vc5Qla0cV84" height="1" width="1"/>]]></content:encoded><description>WordPress is one of the most popular blogging and web site hosts on the internet. Millions of people use it every day to manage their web presence for personal or professional reasons. For example, it is often paired with web [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/usability-of-wordpress-sites-for-mobile-browsing/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">16</slash:comments><feedburner:origLink>http://www.w3mag.com/usability-of-wordpress-sites-for-mobile-browsing/</feedburner:origLink></item><item><title>5 Key SEO Tips to Enhance Your Web Design</title><link>http://feedproxy.google.com/~r/w3mag/~3/k7yhJ6eDlLk/</link><category>Featured</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Obaidul Haque</dc:creator><pubDate>Thu, 16 Jun 2011 05:37:55 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4321</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>In order to build a potential online presence, web designs should be created abiding by the key SEO guidelines. Websites, which are not search engine friendly, will not achieve long-term success. In order to beat out the competition for raking higher, web designers should always apply tips to make websites grab the attention of search engines.</p>
<p>If you are struggling to enhance your website design for SEO, given below are some of the most useful tips you can consider.</p>
<p><strong>#1. Externalize Scripts</strong><br />
While coding websites in JavaScript or CSS, designers should always remember to externalize the scripts. If scripts are included in the HTML document, it will cause the website to load slowly for the simple reason that search engines will have a hard time crawling the same.</p>
<p>The best idea is to place the scripts at the bottom of the page. This will help search engines easily crawl the website and load it faster.</p>
<p><strong>#2. Block Pages that Don’t Add Value to Content</strong><br />
A website may have many pages that you will not want search engines to crawl and index. To enhance your SEO benefits, you need to block such pages. Server side scripts are one example, which a web designer will not want to get indexed. A best option for blocking such pages (from search engines) is by using robots.txt file.</p>
<p><strong>#3. Use Unique Meta Tags for Each Page</strong><br />
One of the most common SEO mistakes most of the web designers make is that they forget to change the meta tags for different pages on a website. If you want to improve the SEO of your web design, you should always remember to use unique meta tags for each web page on a site. Remember, every single web page is a salesperson in its own right.</p>
<p><strong>#4. Make Appropriate Use of Heading Tags</strong><br />
While designing a website, designers should never forget to make use of heading tags appropriately. Properly used heading tags on web pages make it easy for search engines to comprehend the structure of the HTML document. Designer should stay away from using a single heading tag multiple times.</p>
<p><strong>#5. Abide by W3C Standards</strong><br />
If you don’t want search engines to scratch their head every time they crawl your website, you should remember to abide by the W3C standards. Following these guidelines will help web designers to create clean code for their websites, which further enhances the SEO.</p>
<p>Today, web designers should prepare themselves to design search engine friendly websites. Consider the above mentioned SEO tips while you create a design, so that the website can be easily found on search engines. There’s stiff competition for achieving higher rankings in search engines. Web designers should understand their responsibility rather than just creating a design which is only visually appealing but is never found by people.</p>

<p><a href="http://feedads.g.doubleclick.net/~a/FDqEwnZCx4XhHwDOM83Hk4SDzgM/0/da"><img src="http://feedads.g.doubleclick.net/~a/FDqEwnZCx4XhHwDOM83Hk4SDzgM/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/FDqEwnZCx4XhHwDOM83Hk4SDzgM/1/da"><img src="http://feedads.g.doubleclick.net/~a/FDqEwnZCx4XhHwDOM83Hk4SDzgM/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=k7yhJ6eDlLk:5VXk-ik51Ec:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=k7yhJ6eDlLk:5VXk-ik51Ec:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=k7yhJ6eDlLk:5VXk-ik51Ec:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=k7yhJ6eDlLk:5VXk-ik51Ec:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=k7yhJ6eDlLk:5VXk-ik51Ec:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=k7yhJ6eDlLk:5VXk-ik51Ec:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=k7yhJ6eDlLk:5VXk-ik51Ec:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=k7yhJ6eDlLk:5VXk-ik51Ec:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/k7yhJ6eDlLk" height="1" width="1"/>]]></content:encoded><description>In order to build a potential online presence, web designs should be created abiding by the key SEO guidelines. Websites, which are not search engine friendly, will not achieve long-term success. In order to beat out the competition for raking [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/5-key-seo-tips-to-enhance-your-web-design/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">21</slash:comments><feedburner:origLink>http://www.w3mag.com/5-key-seo-tips-to-enhance-your-web-design/</feedburner:origLink></item><item><title>Photo File Types For Beginners</title><link>http://feedproxy.google.com/~r/w3mag/~3/k1oMM1zlLc4/</link><category>Tutorials</category><category>bmp</category><category>gif</category><category>jpg</category><category>photo file types</category><category>png</category><category>tiff</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Kevin Harris</dc:creator><pubDate>Fri, 03 Jun 2011 05:00:31 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4312</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>JPG<br />
GIF<br />
TIFF<br />
PNG<br />
BMP</p>
<p>Just a few of the file extensions for various, popular image file types the world of Internet and graphic artists use today. For someone just entering into this mysterious world of strange letters (with equally strange pronunciations) the path can seem hazardous and wrought with more than average opportunities to choose the wrong fork, getting lost in the forest of bad image format choices.</p>
<p>As once learns more about photo and other image manipulation processes, they are sure to be exposed to these and other types of files currently in use. For new comers to this interesting and creative world, the jargon can be overwhelming. Add to this fact making the wrong choice in which file type to use for a specific application, and one could sit, staring at their computer screen for hours.</p>
<p>Rest assured the right choices are actually much easier to make than some might have the beginner believe. Like many things in life there are those who feel that by having and keeping the inside information about a topic gives them power and authority. The purpose of this article is to dispel those myths and help instill confidence to the newly minted photo file manipulator.</p>
<p>The main reason for the variety of file types has to do with the types of images being compressed. Pictures with fewer colors may be compressed using quite specific methods. These methods may not work as efficiently, however on photo realistic images. Those require more sophisticated techniques to produce good visual quality while attaining acceptably smaller file sizes.</p>
<p>Other aspects for one to consider when deciding on photo file types is the sort of compression which may suit the image the best. The terms lossy and lossless will now show up in the vocabulary. Not to worry. They simply mean, respectively, allowing for some degradation of image quality during the compression process and no compromise in reducing the file size of the image.</p>
<p>The number of colors which a particular display device may be able to show the viewer can also factor into the file type decision. Today, most monitors and screens display 24 bit or 16 million colors. Since most of the visual capability by human beings is covered by those millions of color choices, this is also known as TrueColor.</p>
<p><strong>JPG</strong> (pronounced, &#8220;jay peg&#8221;) are file formats generally used for photographs or other continuous tone images containing many colors. Most programs like PhotoShop or Paint Shop Pro provide the user with the ability to save images with variable compression levels using the JPG format. This can provide much power when it comes to attaining the perfect mix of file size to image quality.</p>
<p><strong>GIF</strong> (pronounced with a soft &#8220;G&#8221; as in gene, &#8220;jiff&#8221;) stands for Graphics Interchange Format and was originally a proprietary format developed by Compuserve. This file type is ideally suited to images with 256 or fewer colors and has the added benefit of allowing for the user to choose one color to make transparent.</p>
<p><strong>TIFF</strong> images are usually larger files with the flexibility of being either lossy or lossless. Mainly used by graphics programs, details of the image&#8217;s storage algorithm are actually encoded as a part of the file.</p>
<p><strong>PNG</strong> (pronounced &#8220;ping&#8221;) image formatting was created during the time of a patent dispute between CompuServe and Unisys in 1994. A far superior alternative to the GIF format, PNG files include the ability for transparency in the image along with a better compression algorithm and the fact it will never be subject to patent infringements. (It is open source, public domain.)</p>
<p><strong>BMP</strong> (or &#8220;bitmap&#8221;) is a proprietary format developed by the Microsoft corporation. It is uncompressed and used in various applications developed by that company. With respect to using this format in photo file formatting, there is really no reason to do so.</p>
<p>Kevin Harris is a freelance writer for Adobe, where he works with <a href="https://createpdf.acrobat.com">Adobe’s PDF converter</a>. This program allows users to <a href="https://createpdf.acroba.com/features.html">combine PDF files</a>, and his job is to inform and educate about this product, while also providing outstanding web design and tech related information on the web.</p>

<p><a href="http://feedads.g.doubleclick.net/~a/k3yUTt9kBkJKf5nNpTQXvJmRNnE/0/da"><img src="http://feedads.g.doubleclick.net/~a/k3yUTt9kBkJKf5nNpTQXvJmRNnE/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/k3yUTt9kBkJKf5nNpTQXvJmRNnE/1/da"><img src="http://feedads.g.doubleclick.net/~a/k3yUTt9kBkJKf5nNpTQXvJmRNnE/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=k1oMM1zlLc4:Lo_0KSxgmeo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=k1oMM1zlLc4:Lo_0KSxgmeo:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=k1oMM1zlLc4:Lo_0KSxgmeo:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=k1oMM1zlLc4:Lo_0KSxgmeo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=k1oMM1zlLc4:Lo_0KSxgmeo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=k1oMM1zlLc4:Lo_0KSxgmeo:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=k1oMM1zlLc4:Lo_0KSxgmeo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=k1oMM1zlLc4:Lo_0KSxgmeo:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/k1oMM1zlLc4" height="1" width="1"/>]]></content:encoded><description>JPG
GIF
TIFF
PNG
BMP
Just a few of the file extensions for various, popular image file types the world of Internet and graphic artists use today. For someone just entering into this mysterious world of strange letters (with equally strange pronunciations) the path can [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/photo-file-types-for-beginners/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">10</slash:comments><feedburner:origLink>http://www.w3mag.com/photo-file-types-for-beginners/</feedburner:origLink></item><item><title>List Eruption Now Live! List Building Put on Steriods</title><link>http://feedproxy.google.com/~r/w3mag/~3/ieokeuQnqrs/</link><category>Featured</category><category>list building</category><category>list eruption</category><category>wordpress plugin</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Mark Thompson</dc:creator><pubDate>Tue, 03 May 2011 07:00:47 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4282</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p><a href="http://www.listeruption.com">List Eruption is officially LIVE!</a> If you haven&#8217;t read and heard anything about the newest List Building WordPress plugin, I strongly urge you to check it out.  List Eruption is a WordPress plugin that acts as a referral management system, where you provide enticing bonus rewards to each of your subscribers, for the more people they refer to your offer.  This referral based solution has been proven to double or even triple your subscriber lists and teaching you <a href="http://www.trafficgenerationcafe.com/list-building-tips/">how to build a list</a>.</p>
<p>What happens is you install the List Eruption plugin, setup your landing page offer and bonus reward content and levels&#8230;.then let List Eruption do the rest.  It will provide each subscriber with a unique referral URL that they can use to earn credit for each subscriber they refer.  As they reach however referrals you specify, they will automatically be sent their bonus reward content.</p>
<h3><strong>Infographic on How List Eruption Works</strong></h3>
<p><a rel="attachment wp-att-4286" href="http://www.w3mag.com/list-eruption-live/infographic/"><img class="aligncenter size-full wp-image-4286" title="infographic" src="http://www.w3mag.com/wp-content/uploads/2011/04/infographic.gif" alt="" width="588" height="483" /></a></p>
<p>On top of this referral system, we have added a ton of extra features that further increase conversion rates and referral participation.</p>
<p>Features like:</p>
<ul>
<li>An automated email reminder system</li>
<li>Twitter and Facebook sharing features</li>
<li>Pre-designed squeeze pages and opt-in widgets</li>
<li>Unlimited reward levels</li>
</ul>
<h3>Why Is This Plugin So Valuable?</h3>
<p>You may be wondering <a href="http://www.listeruption.com">why you NEED List Eruption</a>.  Let me tell you why&#8230;</p>
<p>Anyone that is looking to make a decent amount of money or is making lots of money online will tell you the money is in the list.  Having a huge list of targeted email addresses can allow you to make money with every email you send out.  Whether you want to promote products as an affiliate or promote your own products, you can mail your list.  No need to worry about SEO, PPC, Social Media, etc&#8230;</p>
<p>List Eruption will take each subscriber you receive and help multiply 1 subscriber into 5, 10, 50, 100!</p>
<p>There is a 60 day money-back guarantee, so you really have nothing to lose.</p>
<p>&gt;&gt; <a href="http://www.listeruption.com">Get Your Copy of List Eruption</a> (Special 7 Day Offer ONLY)</p>

<p><a href="http://feedads.g.doubleclick.net/~a/nEFizFyT6mmYmEfVGyxyu_t9chw/0/da"><img src="http://feedads.g.doubleclick.net/~a/nEFizFyT6mmYmEfVGyxyu_t9chw/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/nEFizFyT6mmYmEfVGyxyu_t9chw/1/da"><img src="http://feedads.g.doubleclick.net/~a/nEFizFyT6mmYmEfVGyxyu_t9chw/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=ieokeuQnqrs:oPQl6jMuB1A:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=ieokeuQnqrs:oPQl6jMuB1A:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=ieokeuQnqrs:oPQl6jMuB1A:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=ieokeuQnqrs:oPQl6jMuB1A:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=ieokeuQnqrs:oPQl6jMuB1A:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=ieokeuQnqrs:oPQl6jMuB1A:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=ieokeuQnqrs:oPQl6jMuB1A:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=ieokeuQnqrs:oPQl6jMuB1A:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/ieokeuQnqrs" height="1" width="1"/>]]></content:encoded><description>List Eruption is officially LIVE! If you haven&amp;#8217;t read and heard anything about the newest List Building WordPress plugin, I strongly urge you to check it out.  List Eruption is a WordPress plugin that acts as a referral management system, [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/list-eruption-live/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">21</slash:comments><feedburner:origLink>http://www.w3mag.com/list-eruption-live/</feedburner:origLink></item><item><title>How to Evaluate the Effectiveness of Website Designs</title><link>http://feedproxy.google.com/~r/w3mag/~3/HUrdx5-Juuw/</link><category>Featured</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Obaidul Haque</dc:creator><pubDate>Thu, 28 Apr 2011 05:00:54 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4242</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Web designs are created to effectively communicate with the target audience. The truth, however, is that not all the designs created by web designers are ‘reactive’ or ‘responsive’. When your clients call you to design a website, they are looking for a design which instantly catches the visitor’s attention and converts them quickly. That’s why you need to focus on the following key principles of web design and effective approaches which can help you make sophisticated design decisions. To <a href="http://www.w3mag.com/how-to-split-test-your-website-to-maximize-conversion/">maximize conversion</a>, you should know how to evaluate whether you have created a truly effective (reactive) web design for your client.</p>
<p>Given below are some of the most important aspects you can focus on to ensure a highly effective design is delivered from your arsenal.</p>
<p><strong>Does it Instantly Attract Users’ Attention?</strong><br />
Regardless of the type or purpose of a website, the focus is always placed on conveying a specific message to the target audience. But to convey that message, you first need to grab the attention of visitors. Your website visitors will just spend a couple of seconds to decide whether they would stay or find another alternative. Therefore, it’s crucial to ensure your design is as effective as to grab the user’s attention in a few seconds.</p>
<p><strong><a rel="attachment wp-att-4270" href="http://www.w3mag.com/how-to-evaluate-the-effectiveness-of-website-designs/ux/"><img class="alignright size-full wp-image-4270 img-right" title="ux" src="http://www.w3mag.com/wp-content/uploads/2011/04/ux.jpg" alt="" width="367" height="229" /></a>Evaluation:</strong> To evaluate whether your website is actually designed to immediately capture the user’s attention, you need to look into your analytics and check out the bounce rate.</p>
<p><strong>Does it Let Users Interact?</strong><br />
The next step towards evaluating the effectiveness of your design is to find out whether the website helps users to interact and engage. A higher degree of engagement means the information presented on your website is highly valuable to your visitors.</p>
<p><strong>Evaluation:</strong> Log into your website analytics and check out the ‘time on site’ date for your website.</p>
<p><strong>Does it Compel Users to Take Action?</strong><br />
If a website is effectively designed, it earns the visitor’s trust and compels them to take action. Now these actions may vary from one website to another. Depending on the call-to-action you provide through the content of your website, you can have users to take some specific action like signing up or purchasing a product.</p>
<p><strong>Evaluation:</strong> Look into the analytics of your website and track the click-throughs or call-to-action clicks.</p>
<p><strong>Does it Satisfy Users?</strong><br />
You thought you put up a great website with some really valuable information for visitors to benefit from. But does your website design provide the level of satisfaction your users are looking for?</p>
<p><strong>Evaluation:</strong> You can evaluate the satisfaction level of your website by reviewing the completed goals data (goal 1, goal 2, goal 3 etc) into your analytics.</p>
<p>An <a href="http://www.w3mag.com/using-clicktale-for-designing-better-websites/">effective design</a> is that which conveys the intended message to its target audience in a few seconds, hooks visitors, allows them to interact with the website and compels them to complete some action. If you are able to achieve this, you can certainly design a highly converting website.</p>
<p><em>If you have some more tips on evaluating how effective a website design is, you are welcome to share them in the comments section below.</em></p>

<p><a href="http://feedads.g.doubleclick.net/~a/6HOvoGRr7MCzX4M1xTvExtWBRec/0/da"><img src="http://feedads.g.doubleclick.net/~a/6HOvoGRr7MCzX4M1xTvExtWBRec/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/6HOvoGRr7MCzX4M1xTvExtWBRec/1/da"><img src="http://feedads.g.doubleclick.net/~a/6HOvoGRr7MCzX4M1xTvExtWBRec/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=HUrdx5-Juuw:7Cp3_TAC878:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=HUrdx5-Juuw:7Cp3_TAC878:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=HUrdx5-Juuw:7Cp3_TAC878:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=HUrdx5-Juuw:7Cp3_TAC878:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=HUrdx5-Juuw:7Cp3_TAC878:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=HUrdx5-Juuw:7Cp3_TAC878:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=HUrdx5-Juuw:7Cp3_TAC878:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=HUrdx5-Juuw:7Cp3_TAC878:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/HUrdx5-Juuw" height="1" width="1"/>]]></content:encoded><description>Web designs are created to effectively communicate with the target audience. The truth, however, is that not all the designs created by web designers are ‘reactive’ or ‘responsive’. When your clients call you to design a website, they are looking [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/how-to-evaluate-the-effectiveness-of-website-designs/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">6</slash:comments><feedburner:origLink>http://www.w3mag.com/how-to-evaluate-the-effectiveness-of-website-designs/</feedburner:origLink></item><item><title>How to Optimize Your Site Images &amp; Videos for SEO Benefits</title><link>http://feedproxy.google.com/~r/w3mag/~3/TZCcmHEvKR0/</link><category>Featured</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Obaidul Haque</dc:creator><pubDate>Tue, 26 Apr 2011 05:00:36 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4234</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Though website designers are not the right guys to optimize the textual content of a site for search engines, they can certainly optimize the images and videos for improving the SEO. In fact, if you use the key SEO tactics for optimizing the graphic elements of the website, you can attract more clients. So, if you design a website which has a lot of pictures and videos, you should remember to optimize them for increasing the overall search engine rankings of the website.</p>
<p>Given below are some key tips that you can use to do SEO for all the images and videos that a particular website contains. Try to incorporate these tactics into your website design for maximum benefits.</p>
<p><strong>Choose the Best Quality Images (see why)</strong></p>
<p>Good quality images do not only enhance the look of your website, they can also bring a number of SEO benefits. If a site uses great images, visitors will be compelled to stay on your site, which ultimately increases the time spent on a site. Many of the major search engines calculate the ‘time on site’ factor to find out whether a website really deserves a high search engine ranking.</p>
<p>In addition, if you website has images of superior quality, people would like to link to your website. This can ultimately generate a number of quality backlinks for your site, increasing the SEO rankings.</p>
<p><a rel="attachment wp-att-4255" href="http://www.w3mag.com/seo-for-video-images/high-res-image/"><img class="aligncenter size-full wp-image-4255" title="high-res-image" src="http://www.w3mag.com/wp-content/uploads/2011/04/high-res-image.png" alt="" width="550" height="174" /></a></p>
<p><strong>Add Relevant Keywords to Images (don’t overdo it)</strong></p>
<p>Many times, clients would use original images for their website. While your clients may send you a set of quality images, they may not have idea about naming them appropriately to make them keyword rich. The filenames for images captured through digital cameras will be something like DS111203.JGP, which doesn’t contain keywords. Depending on the requirements of the site and the content where it is placed, web designers can use relevant keywords to improve the SEO.</p>
<p><strong>Optimize the Image Alt Attribute (keep it short)</strong></p>
<p>Apart from naming the image files including keywords, designers should also remember to include industry-related keywords in the alt attribute. Major search engines like Google and Bing index the alt text for images as well. If there alt attributes for images used are keyword rich, it can enhance the overall SEO of the website.</p>
<p>A Word of Advice: Whether you are including keywords to name the image files or in the alt text, always make it short and descriptive. Overdoing the same may get your website penalized by search engines.</p>
<p><a rel="attachment wp-att-4256" href="http://www.w3mag.com/seo-for-video-images/the-alt-tag/"><img class="aligncenter size-full wp-image-4256" title="the-alt-tag" src="http://www.w3mag.com/wp-content/uploads/2011/04/the-alt-tag.jpg" alt="" width="550" height="194" /></a></p>
<p><strong>SEO for Videos</strong></p>
<p>Similarly, designers can make the videos keyword-rich. Try to include the most relevant keywords while naming the videos used on the website. In addition, the tag part and the title of the video can also be used to enhance the SEO for the website.</p>
<p><strong>Use a Video Sitemap to Improve SEO (make the spiders happy)</strong></p>
<p>Apart from making your site vide file name, title and tag keyword rich, you can also create a sitemap for all the videos. Search engines will love to crawl through the video sitemap. This can also bring you good SEO benefits and enhance the keyword ranking of your website in search engines.</p>
<p>So, don’t forget to optimize a website’s images and videos for better search engine rankings. Use the above mentioned tips to enhance the overall SEO of your website. In any case, don&#8217;t indulge in overdoing it, as it is a bad SEO practice.</p>
<p><a rel="attachment wp-att-4257" href="http://www.w3mag.com/seo-for-video-images/wedlock-rank/"><img class="aligncenter size-full wp-image-4257" title="wedlock-rank" src="http://www.w3mag.com/wp-content/uploads/2011/04/wedlock-rank.jpg" alt="" width="550" height="161" /></a></p>

<p><a href="http://feedads.g.doubleclick.net/~a/NxxONt88xzlI-ghwJAriyO2EiXA/0/da"><img src="http://feedads.g.doubleclick.net/~a/NxxONt88xzlI-ghwJAriyO2EiXA/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/NxxONt88xzlI-ghwJAriyO2EiXA/1/da"><img src="http://feedads.g.doubleclick.net/~a/NxxONt88xzlI-ghwJAriyO2EiXA/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=TZCcmHEvKR0:oDAWQLTtCl4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=TZCcmHEvKR0:oDAWQLTtCl4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=TZCcmHEvKR0:oDAWQLTtCl4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=TZCcmHEvKR0:oDAWQLTtCl4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=TZCcmHEvKR0:oDAWQLTtCl4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=TZCcmHEvKR0:oDAWQLTtCl4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=TZCcmHEvKR0:oDAWQLTtCl4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=TZCcmHEvKR0:oDAWQLTtCl4:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/TZCcmHEvKR0" height="1" width="1"/>]]></content:encoded><description>Though website designers are not the right guys to optimize the textual content of a site for search engines, they can certainly optimize the images and videos for improving the SEO. In fact, if you use the key SEO tactics [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/seo-for-video-images/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">14</slash:comments><feedburner:origLink>http://www.w3mag.com/seo-for-video-images/</feedburner:origLink></item><item><title>Exclusive Freebie: Simple AS 3.0 XML MP3 Player</title><link>http://feedproxy.google.com/~r/w3mag/~3/F1pXtj_iHN0/</link><category>Tutorials</category><category>action script</category><category>flash</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Horatiu Condrea</dc:creator><pubDate>Fri, 15 Apr 2011 04:03:04 PDT</pubDate><guid isPermaLink="false">http://www.w3mag.com/?p=4220</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>I know that many of you guys don&#8217;t know me. Well, I&#8217;m <a href="http://blog.flashdesign-store.com/">ActionScript developer</a>: software developer , and I like a lot to do experiments with everything is new. Let&#8217;s get started with what we will doing today. Again, this is a simple player so you will need only 3 buttons.You will decide what design the buttons will have.</p>
<p>So, open Flash CS3 or 4 or 5, all of that are good, and create an <a href="http://blog.flashdesign-store.com/?p=226">ActionScript 3.0 Project</a>. Firstly, design your &#8220;<em>preview button</em>&#8221; then &#8220;<em>pause button</em>&#8221; and &#8220;<em>next button</em>&#8220;. Name the &#8220;<em>preview button</em>&#8221; -prev_btn- , &#8220;<em>pause button</em>&#8221; &#8211; pause_btn- , &#8220;<em>next button</em>&#8221; &#8211; next_btn-. After that you only need to create an ActionScript Class and name it <strong>main</strong> Now all you need is to understand the code.</p>
<p><img class="aligncenter size-full wp-image-4224" title="flash-mp3-player" src="http://www.w3mag.com/wp-content/uploads/2011/04/flash-mp3-player.jpg" alt="" width="450" height="228" /></p>
<h2><strong>The Code</strong></h2>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;">package
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Sprite</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">URLRequest</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">URLLoader</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">media</span>.<span style="color: #0066CC;">Sound</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">media</span>.<span style="color: #006600;">SoundChannel</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">MouseEvent</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Loader</span>;
&nbsp;
	<span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">TweenMax</span>;
	<span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">easing</span>.<span style="color: #66cc66;">*</span>;
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> main <span style="color: #0066CC;">extends</span> Sprite
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> <span style="color: #0066CC;">sound</span>:<span style="color: #0066CC;">Sound</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Sound</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> sc:SoundChannel = <span style="color: #000000; font-weight: bold;">new</span> SoundChannel<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> currentSound:<span style="color: #0066CC;">Sound</span> = <span style="color: #0066CC;">sound</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> currentIndex:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>;
&nbsp;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> <span style="color: #0066CC;">xml</span>:<span style="color: #0066CC;">XML</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> musicList:XMLList = <span style="color: #000000; font-weight: bold;">new</span> XMLList<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> musicReq:URLRequest;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> imgReq:URLRequest;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> isPlaying:<span style="color: #0066CC;">Boolean</span> = <span style="color: #000000; font-weight: bold;">true</span>;
&nbsp;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> loader:Loader = <span style="color: #000000; font-weight: bold;">new</span> Loader<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> pos:<span style="color: #0066CC;">Number</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> main<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span><span style="color: #808080; font-style: italic;">//construnctor</span>
			<span style="color: #0066CC;">super</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			loadXML<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;main.xml&quot;</span><span style="color: #66cc66;">&#41;</span>;
			settings<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			option<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		protected <span style="color: #000000; font-weight: bold;">function</span> loadXML<span style="color: #66cc66;">&#40;</span>nameXML:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">var</span> URLReq:URLRequest = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>nameXML<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #000000; font-weight: bold;">var</span> URLLoad:URLLoader = <span style="color: #000000; font-weight: bold;">new</span> URLLoader<span style="color: #66cc66;">&#40;</span>URLReq<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			URLLoad.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">COMPLETE</span>, whenLoaded<span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		protected <span style="color: #000000; font-weight: bold;">function</span> whenLoaded<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">xml</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">XML</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">target</span>.<span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#41;</span>;
			musicList = <span style="color: #0066CC;">xml</span>.<span style="color: #006600;">song</span>;
			musicReq = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>musicList<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">url</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">sound</span>.<span style="color: #0066CC;">load</span><span style="color: #66cc66;">&#40;</span>musicReq<span style="color: #66cc66;">&#41;</span>;
			sc = <span style="color: #0066CC;">sound</span>.<span style="color: #0066CC;">play</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			isPlaying = <span style="color: #000000; font-weight: bold;">true</span>;
&nbsp;
			imgReq = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>musicList<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">img</span><span style="color: #66cc66;">&#41;</span>;
			loader.<span style="color: #0066CC;">load</span><span style="color: #66cc66;">&#40;</span>imgReq<span style="color: #66cc66;">&#41;</span>;
			album.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>loader<span style="color: #66cc66;">&#41;</span>;
			loader.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">0</span>
			loader.<span style="color: #006600;">y</span> = <span style="color: #cc66cc;">0</span>;
			loader.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">0</span>;
			loader.<span style="color: #006600;">scaleX</span> = loader.<span style="color: #006600;">scaleY</span> = .485;
			TweenMax.<span style="color: #006600;">to</span><span style="color: #66cc66;">&#40;</span>loader ,<span style="color: #cc66cc;">4</span>,<span style="color: #66cc66;">&#123;</span>autoAlpha:<span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		protected <span style="color: #000000; font-weight: bold;">function</span> settings<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">with</span><span style="color: #66cc66;">&#40;</span>pause_btn<span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				addEventListener<span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>, pauseMusic<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
&nbsp;
			<span style="color: #0066CC;">with</span><span style="color: #66cc66;">&#40;</span>next_btn<span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				addEventListener<span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>, nextMusic<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
&nbsp;
			<span style="color: #0066CC;">with</span><span style="color: #66cc66;">&#40;</span>prev_btn<span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				addEventListener<span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>, prevMusic<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		protected <span style="color: #000000; font-weight: bold;">function</span> pauseMusic<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			pos = sc.<span style="color: #0066CC;">position</span>;
	        sc.<span style="color: #0066CC;">stop</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	        isPlaying = <span style="color: #000000; font-weight: bold;">false</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		protected <span style="color: #000000; font-weight: bold;">function</span> nextMusic<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;next&quot;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>currentIndex  <span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				currentIndex--;
			<span style="color: #66cc66;">&#125;</span>
			<span style="color: #b1b100;">else</span>
			<span style="color: #66cc66;">&#123;</span>
				currentIndex = musicList.<span style="color: #0066CC;">length</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #cc66cc;">1</span>;
		    <span style="color: #66cc66;">&#125;</span>
&nbsp;
			<span style="color: #000000; font-weight: bold;">var</span> nextReq:URLRequest = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>musicList<span style="color: #66cc66;">&#91;</span>currentIndex<span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">url</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #000000; font-weight: bold;">var</span> prevSong:<span style="color: #0066CC;">Sound</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Sound</span><span style="color: #66cc66;">&#40;</span>nextReq<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			sc.<span style="color: #0066CC;">stop</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			sc = prevSong.<span style="color: #0066CC;">play</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			isPlaying = <span style="color: #000000; font-weight: bold;">true</span>;
			currentSound = prevSong;
&nbsp;
			sc.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">SOUND_COMPLETE</span>, nextMusic<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #000000; font-weight: bold;">var</span> nextImg:URLRequest = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>musicList<span style="color: #66cc66;">&#91;</span>currentIndex<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">img</span><span style="color: #66cc66;">&#41;</span>;
			loader.<span style="color: #0066CC;">load</span><span style="color: #66cc66;">&#40;</span>nextImg<span style="color: #66cc66;">&#41;</span>;
			album.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>loader<span style="color: #66cc66;">&#41;</span>;
			loader.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">0</span>
			loader.<span style="color: #006600;">y</span> = <span style="color: #cc66cc;">0</span>;
			loader.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">0</span>;
			loader.<span style="color: #006600;">scaleX</span> = loader.<span style="color: #006600;">scaleY</span> = .485;
			TweenMax.<span style="color: #006600;">to</span><span style="color: #66cc66;">&#40;</span>loader ,<span style="color: #cc66cc;">4</span>,<span style="color: #66cc66;">&#123;</span>autoAlpha:<span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		protected <span style="color: #000000; font-weight: bold;">function</span> option<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			pause_btn.<span style="color: #006600;">buttonMode</span> = <span style="color: #000000; font-weight: bold;">true</span>;
			next_btn.<span style="color: #006600;">buttonMode</span> = <span style="color: #000000; font-weight: bold;">true</span>;
			prev_btn.<span style="color: #006600;">buttonMode</span> = <span style="color: #000000; font-weight: bold;">true</span>;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<p>You can download the XML Mp3 Media Player : <a href="http://www.w3mag.com/download/Mp3-player.rar">Here</a>. Enjoy!</p>

<p><a href="http://feedads.g.doubleclick.net/~a/_DNlL9KsQV86CdOlXZJaDJ8wa4E/0/da"><img src="http://feedads.g.doubleclick.net/~a/_DNlL9KsQV86CdOlXZJaDJ8wa4E/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/_DNlL9KsQV86CdOlXZJaDJ8wa4E/1/da"><img src="http://feedads.g.doubleclick.net/~a/_DNlL9KsQV86CdOlXZJaDJ8wa4E/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/w3mag?a=F1pXtj_iHN0:P9dFZg0Y9TA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/w3mag?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=F1pXtj_iHN0:P9dFZg0Y9TA:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/w3mag?i=F1pXtj_iHN0:P9dFZg0Y9TA:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=F1pXtj_iHN0:P9dFZg0Y9TA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/w3mag?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=F1pXtj_iHN0:P9dFZg0Y9TA:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/w3mag?i=F1pXtj_iHN0:P9dFZg0Y9TA:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/w3mag?a=F1pXtj_iHN0:P9dFZg0Y9TA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/w3mag?i=F1pXtj_iHN0:P9dFZg0Y9TA:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/w3mag/~4/F1pXtj_iHN0" height="1" width="1"/>]]></content:encoded><description>I know that many of you guys don&amp;#8217;t know me. Well, I&amp;#8217;m ActionScript developer: software developer , and I like a lot to do experiments with everything is new. Let&amp;#8217;s get started with what we will doing today. Again, this [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.w3mag.com/xml-mp3-player/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">10</slash:comments><feedburner:origLink>http://www.w3mag.com/xml-mp3-player/</feedburner:origLink></item></channel></rss>

