<?xml version="1.0" encoding="iso-8859-1"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/">

<channel>
<title>Dev Articles - Web Developer Tutorials</title>
<link>http://www.devarticles.com</link>
<!-- PubSubHubbub Discovery -->
<link rel="hub"  href="http://devshednet.superfeedr.com/" xmlns="http://www.w3.org/2005/Atom" />
<link rel="self" href="http://www.devarticles.com/rss.xml" xmlns="http://www.w3.org/2005/Atom" />
<!-- End Of PubSubHubbub Discovery -->
<atom:link href="http://www.devarticles.com/rss.xml" rel="self"/>
<description>Dev Articles Analysis and Tutorials at Dev Articles.  Dev Articles is a community focused on front end display technologies such as HTML5, CSS3, Javascript, AJAX and graphic displays.</description>
<language>en-us</language>
<lastBuildDate>Thu, 09 Feb 2012 01:17:10 -0500</lastBuildDate>
<pubDate>Thu, 09 Feb 2012 01:17:10 -0500</pubDate>
<item><title>CSS Combinators: Working with Child Combinators</title>
<pubDate>Mon, 06 Feb 2012 08:00:05 -0500</pubDate>
<link>http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-Combinators-Working-with-Child-Combinators/</link>
		<description><![CDATA[In this conclusion to a three-part series on combinators, you'll learn how to use the child combinator when building your own web pages.]]></description>
		<content:encoded><![CDATA[If you're constantly in search of newer and more efficient methodologies that permit you to improve the overall quality of your CSS code, then take a peek at combinators. This underrated feature, bundled with the specification for a long time, will let you define the visual presentation of your web page elements by using fewer CSS classes and selectors. In this way, it can help you keep the markup much cleaner and unpolluted. If you've already read the two previous parts of this tutorial, you now have a solid background on how to work with CSS combinators. In those pieces I developed some exam...]]></content:encoded>
<category>Web Style Sheets</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-Combinators-Working-with-Child-Combinators/</guid>
</item>
<item><title>HTML5 Boilerplate: Working with jQuery and Modernizr</title>
<pubDate>Wed, 01 Feb 2012 15:00:04 -0500</pubDate>
<link>http://www.devarticles.com/c/a/HTML/HTML5-Boilerplate-Working-with-jQuery-and-Modernizr/</link>
		<description><![CDATA[This article concludes a two-part tutorial on the many benefits of using HTML5 Boilerplate. As you'll see, its “style.css” and “index.html” files are real time-savers, especially when you're building HTML5 websites that need to be rendered cohesively across most modern browsers.]]></description>
		<content:encoded><![CDATA[Let's face it: developing HTML5 websites that can be rendered consistently across most mainstream browsers is a challenging task (even for experienced developers). The standard is still immature, and many browsers do not support certain features of the specification. It's no surprise that Internet Explorer is the worst offender here.  Fortunately, there are a few tools that will help you to make the development process much less painful, trust me. A good example of such a tool is HTML5 Boilerplate. This powerful, full-featured HTML5 template permits you to deal more easily with the aforementio...]]></content:encoded>
<category>HTML</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/HTML/HTML5-Boilerplate-Working-with-jQuery-and-Modernizr/</guid>
</item>
<item><title>More Top jQuery Plugins for Menus</title>
<pubDate>Mon, 30 Jan 2012 08:00:04 -0500</pubDate>
<link>http://www.devarticles.com/c/a/JavaScript/More-Top-jQuery-Plugins-for-Menus/</link>
		<description><![CDATA[jQuery is a cross-browser JavaScript library that has gained popularity for the way in which it simplifies tasks such as adding AJAX, performing animations, traversing HTML documents, and more. The power of jQuery can be extended via plugins. Luckily, the Web is filled with jQuery plugins that specialize in different areas. Today we will offer up some details on jQuery plugins that can help you add enhanced menus to your sites to provide improved navigation in terms of design and functionality. We have already done a piece on this subject in the past, but this one offers even more variety to give you an extra sampling of what is available on the topic.]]></description>
		<content:encoded><![CDATA[jQuery Accordion Image Menu Plugin If you want to know which plugin offers the best looking menus out of this list, the award would have to go to the Accordion Image Menu Plugin by the folks at Web Argument.  Sites that emphasize images or entertainment would be complemented by this plugin, as it lets you create an accordion style menu that uses images as the background.  Beyond the impressive look of the menu, various animation effects can also be implemented via jQuery UI Effects, such as back, bounce, and swing.   Link: http://web-argument.com/2011/03/07/jquery-accordion-image-menu-plugin/ ...]]></content:encoded>
<category>JavaScript</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/JavaScript/More-Top-jQuery-Plugins-for-Menus/</guid>
</item>
<item><title>CSS Combinators: Using General Siblings</title>
<pubDate>Wed, 25 Jan 2012 00:00:00 -0500</pubDate>
<link>http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-Combinators-Using-General-Siblings/</link>
		<description><![CDATA[In this second part of a  three-part tutorial, I develop a couple of examples which show how easy it is to exploit the functionality provided by the general sibling combinator, and how its usage (even in simple cases) can lead to writing shorter and more efficient CSS snippets.]]></description>
		<content:encoded><![CDATA[As one of the most underrated facilities of the CSS specification, combinators are powerful tools that allow you to improve the assignment of styles to elements on a web page. While their functionality remained  forgotten  in a dark corner for many years, due to the lack of a proper support by some browser vendors (with Internet Explorer clearly leading the crowd), things have changed for good. Now it's possible to utilize them in a pretty cross-browser fashion. The best way to demonstrate how useful combinators can be is through some concrete, functional code samples. In keeping with this req...]]></content:encoded>
<category>Web Style Sheets</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-Combinators-Using-General-Siblings/</guid>
</item>
<item><title>HTML5 Boilerplate Introduction</title>
<pubDate>Mon, 23 Jan 2012 00:00:00 -0500</pubDate>
<link>http://www.devarticles.com/c/a/HTML/HTML5-Boilerplate-Introduction/</link>
		<description><![CDATA[In this first part of a two-part tutorial, I explain what HTML5 Boilerplate is, and how the wealth of resources that it provides right out of the box can speed up the development of any HTML5-driven website.]]></description>
		<content:encoded><![CDATA[Despite the lack of support from Internet Explorer 7/8 for most of the features included with HTML5, it's hard to ignore the hype that the standard has generated. Even though the migration process was at first somewhat slow, the number of websites that now use HTML5 as their backbone has grown at an exponential rate. There's a good reason for that: while it can't be considered an actual revolution, HTML5 is undeniably an  evolution  toward the creation of richer, cleaner and more semantic web pages. Nevertheless, the path to building cross-browser HTML5-based websites often calls for a delicat...]]></content:encoded>
<category>HTML</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/HTML/HTML5-Boilerplate-Introduction/</guid>
</item>
<item><title>Intro to CSS Combinators</title>
<pubDate>Thu, 19 Jan 2012 08:00:03 -0500</pubDate>
<link>http://www.devarticles.com/c/a/Web-Style-Sheets/Intro-to-CSS-Combinators/</link>
		<description><![CDATA[In this first part of a three-part tutorial, you'll get a quick overview of what CSS combinators are and how to use them to improve the overall efficiency and robustness of your CSS code.]]></description>
		<content:encoded><![CDATA[Combinators are quite possibly one of the most underrated features of CSS. However, the indifferent attitude with which programmers treat them wasn't because of their useless nature or limited functionality. In fact, as with many other  forgotten  facilities provided by the specification, many browser vendors included  quot;support quot; for combinators that was buggy, poor, and in the worse case, simply non-existent. Despite  this, today there's new hope for getting combinators up and running, as most browsers (yes, even Internet Explorer 7 and up) allow you to use them in a pretty confident ...]]></content:encoded>
<category>Web Style Sheets</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/Web-Style-Sheets/Intro-to-CSS-Combinators/</guid>
</item>
<item><title>New API Platform for HTML5</title>
<pubDate>Tue, 17 Jan 2012 08:00:05 -0500</pubDate>
<link>http://www.devarticles.com/c/a/HTML/New-API-Platform-for-HTML5/</link>
		<description><![CDATA[In an effort to push HTML5 app development, AT amp;T has released a new application programming interface (API) platform containing APIs for SMS, MMS, mobile-health, and location, as well as other tools to entice HTML5s appeal.]]></description>
		<content:encoded><![CDATA[As for the reasoning behind the API platform's launch, AT amp;T's chief marketing officer David Christopher used the AT amp;T Developer Summit at the Consumer Electronics Show in Las Vegas to say that it was done to address fragmentation issues.  App developers typically have the tedious task of rewriting native applications for Android devices, BlackBerrys, iPhones, and Windows Phones.  By creating HTML5 apps, the process is simplified, as users of different devices can access them via browsers, all while maintaining the look and feel of native apps.  Christopher's stance was strengthened by ...]]></content:encoded>
<category>HTML</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/HTML/New-API-Platform-for-HTML5/</guid>
</item>
<item><title>Top jQuery Tutorials for Beginners</title>
<pubDate>Thu, 12 Jan 2012 00:00:00 -0500</pubDate>
<link>http://www.devarticles.com/c/a/JavaScript/Top-jQuery-Tutorials-for-Beginners/</link>
		<description><![CDATA[As one of the most popular JavaScript libraries around, jQuery has a solid presence on the Web. The fact that it is relatively easy to use and flexible has helped jQuery gain popularity. If you are looking to jump into the jQuery game, it might be hard to figure out where you want to start. This list will give you a sampling of some of the top jQuery tutorials for beginners around to help you get acclimated to the library and all it has to offer.]]></description>
		<content:encoded><![CDATA[How jQuery Works When you look for tutorials on a subject, you probably look directly at the source.  That's the case here, as this tutorial comes straight from jQuery's official website.  It provides an introduction to the library plus some basics to give you a decent foundation to build on.   The layout of the tutorial is very organized, and it gives you the option to jump to different topics with ease.  Among the items touched on include the basics, adding and removing an HTML class, special effects, and callback and functions.  Although it is rather short in length, the tutorial offers a g...]]></content:encoded>
<category>JavaScript</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/JavaScript/Top-jQuery-Tutorials-for-Beginners/</guid>
</item>
<item><title>Top WordPress Plugins for Social Media</title>
<pubDate>Wed, 11 Jan 2012 00:00:00 -0500</pubDate>
<link>http://www.devarticles.com/c/a/Web-Authoring/Top-WordPress-Plugins-for-Social-Media/</link>
		<description><![CDATA[Its rather obvious that one of the hottest sectors of the online world is social networking. Many people have created accounts on popular sites like Facebook and Twitter to catch up with old friends, share ideas, network for business, and much more. If you have a WordPress site, one way to expand your presence is through social media. Luckily, there are tons of WordPress plugins out there that can simplify the integration of social media with your site. This list details some of the best social media plugins around to help you get started.]]></description>
		<content:encoded><![CDATA[ShareThis Just as its name implies, ShareThis is a WordPress plugin that allows your visitors to easily share content from your site across a host of social networks and email.  ShareThis isn't exactly one of the new kids on the block, as its creators claim that it has already been used on over one million sites.  With that much of a presence, installing this plugin on your site is a good idea, since visitors will probably recognize it and know how it works. ShareThis adds easily recognizable icons to your posts that are large and vibrant in color.  If a visitor wants to share your particular ...]]></content:encoded>
<category>Web Authoring</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/Web-Authoring/Top-WordPress-Plugins-for-Social-Media/</guid>
</item>
<item><title>BBC Adopts HTML 5, Mozilla Addresses Issues</title>
<pubDate>Tue, 03 Jan 2012 00:00:00 -0500</pubDate>
<link>http://www.devarticles.com/c/a/HTML/BBC-Adopts-HTML-5-Mozilla-Addresses-Issues/</link>
		<description><![CDATA[It hasnt exactly been a great year for Flash, as the platform has been steadily fading thanks to the growing popularity of HTML5.  Flash development for mobile has been discontinued, and HTML5 adoption has been increasing as time goes on.  Another HTML5 victory was claimed recently when the BBC, an organization known worldwide for its news reporting and shows, announced that it had officially adopted HTML5 for both the standard and mobile versions of its website.]]></description>
		<content:encoded><![CDATA[The move towards HTML5 means that the BBC followers who use various browsers and increasingly popular platforms such as Android and iOS will get to enjoy its wide variety of video content.  It took some time for the BBC to finally make the transition to HTML5, as the company expressed concerns about how it would protect the widespread distribution of its proprietary content on the web in the absence of Flash's DRM controls.  Rather than making the transformation in a single shot, the BBC ran a test program that instituted HTML5 solely on its site's Health section.  Many criticized the company ...]]></content:encoded>
<category>HTML</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/HTML/BBC-Adopts-HTML-5-Mozilla-Addresses-Issues/</guid>
</item>
<item><title>CSS Semicircles and Web Page Headers</title>
<pubDate>Wed, 28 Dec 2011 08:00:04 -0500</pubDate>
<link>http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-Semicircles-and-Web-Page-Headers/</link>
		<description><![CDATA[In this two-part tutorial, I develop a few approachable examples that show how to use the  quot;border-radius quot; CSS3 property in a somewhat “unconventional” fashion to render all sorts of circular shapes on a web page. With this technique, you need not  deal with multiple (and sometimes heavy) background images.]]></description>
		<content:encoded><![CDATA[Are you looking for a simple approach that lets you decorate your HTML elements with a few engaging circular shapes, but don't want to deal with the burdens and complexities of Photoshop? Then take a look at the  border-radius  CSS3 property. It not only will permit you to render native rounded corners in a snap, but it'll be your best partner for displaying circles on a web page without using background images. Of course, the best way to prove the  hidden  functionality provided by  border-radius  is with some concrete, functional code samples. In the first part of this two-part tutorial I de...]]></content:encoded>
<category>Web Style Sheets</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-Semicircles-and-Web-Page-Headers/</guid>
</item>
<item><title>Advanced Sticky Footers in HTML and CSS</title>
<pubDate>Mon, 26 Dec 2011 08:00:04 -0500</pubDate>
<link>http://www.devarticles.com/c/a/HTML/Advanced-Sticky-Footers-in-HTML-and-CSS/</link>
		<description><![CDATA[In this two-part tutorial, I demonstrate how easy it is to create a couple of sticky web page footers by using a combination of clean markup and a few basic CSS styles.]]></description>
		<content:encoded><![CDATA[Sticky footers are nothing but  classic  HTML footers, except that they're always displayed at the bottom of the web page, regardless of whether or not the page's primary contents occupy the entire browser display window. Got the logic behind this concept? Great. Though the term  sticky  might seem somewhat intimidating, the truth is that the implementation of this kind of popular footer is much easier than one might think. The entire process only requires that you  define within the markup the footer area itself, and then place it at the bottom of the HTML document by utilizing some basic CSS...]]></content:encoded>
<category>HTML</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/HTML/Advanced-Sticky-Footers-in-HTML-and-CSS/</guid>
</item>
<item><title>Drawing Circular Shapes with CSS3 and Border Radius</title>
<pubDate>Wed, 21 Dec 2011 00:00:00 -0500</pubDate>
<link>http://www.devarticles.com/c/a/Web-Style-Sheets/Drawing-Circular-Shapes-with-CSS3-and-Border-Radius/</link>
		<description><![CDATA[In this first part of a two-part tutorial, I demonstrate how easy it is to drop a few circles on a web page, thanks to the “border-radius” property.]]></description>
		<content:encoded><![CDATA[Since they made their triumphal appearance on the stage of web design, some CSS3 properties have become the favorite tools of many designers because of the functionality they offer right out of the box. Many of these properties make it much easier to build eye-catching web pages that (hopefully) keep users engaged. While there's nothing wrong with using these properties in a  quot;conventional quot; way, it's fun to take CSS3 to the next level by using the properties in a more  atypical  fashion. Doing this allows you, among other things, to create quite appealing effects.  That's exactly the ...]]></content:encoded>
<category>Web Style Sheets</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/Web-Style-Sheets/Drawing-Circular-Shapes-with-CSS3-and-Border-Radius/</guid>
</item>
<item><title>HTML and CSS Sticky Footers</title>
<pubDate>Mon, 19 Dec 2011 08:00:05 -0500</pubDate>
<link>http://www.devarticles.com/c/a/HTML/HTML-and-CSS-Sticky-Footers/</link>
		<description><![CDATA[In this first part of a two-part tutorial, I demonstrate how to create a simple sticky web page footer by using only a mixture of clean markup and a few basic CSS properties.]]></description>
		<content:encoded><![CDATA[The concept is far from being breaking news, I know, but the dynamic and evolving nature of the web quite often gives web designers new and demanding challenges. Today, not only is it of primary importance to create clean and solid web pages that neatly adhere to the standards, but it's necessary to spice them up with a few additional features that (hopefully) will keep users engaged and coming back for more. These requirements, though, are a doubled-edged sword that may end up hurting the functionality and accessibility of a website. In many cases, overloading a web page with a bunch of flash...]]></content:encoded>
<category>HTML</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/HTML/HTML-and-CSS-Sticky-Footers/</guid>
</item>
<item><title>More CSS Pagination Link Templates</title>
<pubDate>Wed, 14 Dec 2011 11:30:03 -0500</pubDate>
<link>http://www.devarticles.com/c/a/Web-Style-Sheets/More-CSS-Pagination-Link-Templates/</link>
		<description><![CDATA[If you want to extend the functionality of your website with a neat pagination mechanism, but aren't sure of how to give the page links an appealing look, then keep reading this tutorial. In a step-by-step fashion, youll learn how to create several ready-to-use pagination templates with only a few straightforward CSS properties. This is the conclusion to a two-part article.]]></description>
		<content:encoded><![CDATA[If you've read the first part, you probably have a pretty good idea of how to provide your pagination links with an engaging appearance. In that article I developed a couple of clean templates, which made use of some background colors and borders to polish the link's visual presentation. Even though the properties involved in the styling process were old favorites, which you've surely been using for years, they yields results that were more than acceptable. As I said just a moment ago, my plan here is to put at your disposal a decent variety of pagination templates. This way, you can pick the ...]]></content:encoded>
<category>Web Style Sheets</category>
<guid isPermaLink="true">http://www.devarticles.com/c/a/Web-Style-Sheets/More-CSS-Pagination-Link-Templates/</guid>
</item>
</channel>
</rss>

