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

<channel>
	<title>Blind Acre Media &#187; Web Development</title>
	<atom:link href="http://blindacre.com/blog/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://blindacre.com/blog</link>
	<description>Website Design &#38; Development Blog, Internet Marketing Blog</description>
	<lastBuildDate>Thu, 09 Sep 2010 03:30:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Life of a Website: Agile Style</title>
		<link>http://blindacre.com/blog/2010/09/08/the-life-of-a-website-agile-style/</link>
		<comments>http://blindacre.com/blog/2010/09/08/the-life-of-a-website-agile-style/#comments</comments>
		<pubDate>Wed, 08 Sep 2010 18:30:25 +0000</pubDate>
		<dc:creator>bam</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Workplace]]></category>
		<category><![CDATA[agile methodology]]></category>
		<category><![CDATA[blind acre media]]></category>

		<guid isPermaLink="false">http://blindacre.com/blog/?p=404</guid>
		<description><![CDATA[With many businesses feeling the push for a strong online presence, understanding the development process can be lost. We at Blind Acre believe it is important that our clients know the who, what, where, when, why and how when investing in us as a company.
Our development process may have multiple levels and a plethora of [...]]]></description>
			<content:encoded><![CDATA[<p>With many businesses feeling the push for a strong online presence, understanding the development process can be lost. We at <a href="http://www.blindacre.com">Blind Acre</a> believe it is important that our clients know the who, what, where, when, why and how when investing in us as a company.<span id="more-404"></span></p>
<p>Our <a href="http://www.blindacre.com/what-we-develop.php">development process</a> may have multiple levels and a plethora of technical jargon, but the framework comes down to our use of the Agile Methodology. Like fitting many different puzzle pieces together, we transform business problems into solutions by efficiently creating a complete end product.</p>
<p>Our process begins simply. Based on active client communication, we discover problems, needs and a clear end goal for the specific project. We then analyze the client requests, and present several solutions. After confirmation from the client, we build requirements for the project, and produce concept designs (i.e. mocks, wireframes). Once these are approved, we build.</p>
<p>Our Agile building process is equally organized with the same goal in mind; build a complete solution. We set milestones, called iterations, where we break down the work into bite-sized pieces, test it, and give it life online.</p>
<p>For example, you are a photographer who wants to sell your work online. You already have a website, but do not have the tools that enable a user to make a purchase. We find a solution, break it down, and fulfill your request.  Iterations: 1) capability to upload photos, 2) management tool for photos, 3) building payment gateway, 4) building shopping cart.</p>
<p>And your new website capabilities are born! Website development may be complicated, but with Agile, involving our clients doesn’t have to be. Check out our <a href="http://www.blindacre.com/design-portfolio.php">portfolio</a>, and see what solutions we can provide you!</p>
]]></content:encoded>
			<wfw:commentRss>http://blindacre.com/blog/2010/09/08/the-life-of-a-website-agile-style/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Client Profile: Paul Mitchell Advanced Education</title>
		<link>http://blindacre.com/blog/2010/07/26/client-profile-paul-mitchell-advanced-education/</link>
		<comments>http://blindacre.com/blog/2010/07/26/client-profile-paul-mitchell-advanced-education/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 19:22:37 +0000</pubDate>
		<dc:creator>bam</dc:creator>
				<category><![CDATA[Clients]]></category>
		<category><![CDATA[Social Networking]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[brand awarness]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[paul mitchell]]></category>
		<category><![CDATA[paul mitchell schools]]></category>
		<category><![CDATA[search engine marketing]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[web management]]></category>
		<category><![CDATA[website infrastructure]]></category>

		<guid isPermaLink="false">http://blindacre.com/blog/?p=345</guid>
		<description><![CDATA[For a large corporation like Paul Mitchell Schools, we knew that the most important tool we could offer was an organized website infrastructure. Through placing each individual school under one roof (the corporate site), we have been able to increase both intra-communication between corporate and each school, as well as external communication with the end [...]]]></description>
			<content:encoded><![CDATA[<p>For a large corporation like <a title="Paul Mitchell Schools" href="http://www.paulmitchell.edu">Paul Mitchell Schools</a>, we knew that the most important tool we could offer was an organized website infrastructure. Through placing each individual school under one roof (the corporate site), we have been able to increase both intra-communication between corporate and each school, as well as external communication with the end user.</p>
<p>This has helped substantially within our Interactive Branding efforts for The Schools. With the umbrella structure, each school&#8217;s site contributes to the overall <a title="SEO Link Building" href="http://www.blindacre.com/search-engines.php" target="_blank">link building</a> and brand growth. The corporate Paul Mitchell Schools site reinforces each individual school&#8217;s web ranking, and vice versa. As a result, the ranking of Paul Mitchell Schools increased four-fold.</p>
<p>We have also helped contribute to marketing efforts for Paul Mitchell Schools through Search Engine Marketing (SEM). This consists of creating paid advertisements, based extensive research of the top keywords. We then bid on the highest ranking keywords to provide the best converting user traffic to their website.</p>
<p>We have also offered <a title="Social Media" href="http://www.blindacre.com/interactive-media.php" target="_blank">social media</a> webinars to help each school increase brand awareness and become more connected to potential students and additional resources to aid in overall growth. Our webinars teach each school how to set up, monitor and manage social media pages. For Paul Mitchell Schools as well as all of our clients, our goal is to make web management and communication as simple as possible, without neglecting pertinent resources.</p>
<p>In line with our goals at <a title="Blind Acre" href="http://www.blindacre.com/" target="_blank">Blind Acre</a>, we have committed to continually updating and fine tuning information flow for various media. As with Paul Mitchell, we want to ensure that you are always in touch with your potential clients, and they can reach you with ease.</p>
<p style="text-align: center;"><a href="http://www.paulmitchell.edu"><img class="size-full wp-image-348 aligncenter" title="Paul Mitchell The School" src="http://blindacre.com/blog/wp-content/uploads/2010/07/Screen-shot-2010-07-26-at-3.24.14-PM.png" alt="" width="699" height="654" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blindacre.com/blog/2010/07/26/client-profile-paul-mitchell-advanced-education/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Semantics vs. Presentation in HTML</title>
		<link>http://blindacre.com/blog/2010/06/09/semantics-vs-presentation-in-html/</link>
		<comments>http://blindacre.com/blog/2010/06/09/semantics-vs-presentation-in-html/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 16:30:31 +0000</pubDate>
		<dc:creator>bam</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[font tag]]></category>
		<category><![CDATA[h1 tag]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[presentation]]></category>
		<category><![CDATA[presentational markup]]></category>
		<category><![CDATA[semantic markup]]></category>
		<category><![CDATA[semantics]]></category>
		<category><![CDATA[semantics vs presentation]]></category>

		<guid isPermaLink="false">http://blindacre.com/blog/?p=277</guid>
		<description><![CDATA[One of the holy grails in modern web development is separation of content and presentation.  This is often understood to mean a separation of HTML and CSS, but it goes deeper than that.  In order to take full advantage of the concept, first we need to understand the difference between semantic and presentational [...]]]></description>
			<content:encoded><![CDATA[<p>One of the holy grails in modern web development is separation of content and presentation.  This is often understood to mean a <a href="http://www.w3.org/standards/webdesign/htmlcss.html">separation of HTML and CSS</a>, but it goes deeper than that.  In order to take full advantage of the concept, first we need to understand the difference between semantic and presentational markup in HTML.  <dfn>Semantic markup</dfn> describes the purpose of content, while <dfn>presentational markup</dfn> describes how it is rendered on the page.  For an example of the difference, let&#8217;s take a look at two methods of displaying a header on a web page.</p>
<p>A semantic approach:</p>
<blockquote>
<pre><code>&lt;h1&gt;My Page Title&lt;/h1&gt;</code></pre>
</blockquote>
<p>The <code>h1</code> tag identifies this element as a top-level header, but does not dictate how headers should be displayed (font size, color, etc.).  The presentation rules can then be controlled in a linked stylesheet instead of inside the HTML.</p>
<p>A presentational approach:</p>
<blockquote>
<pre><code>&lt;font size="24" color="black"&gt;My Page Title&lt;/font&gt;</code></pre>
</blockquote>
<p>The <code>font</code> tag dictates how the element should be displayed, but does not identify what part of the document the element is (a header, a subheader, a paragraph, etc.).  If we want to change the way headers are displayed, we need to change the font attributes for every header on every page of the site.</p>
<p>Keep in mind, however, that writing semantic HTML means more than just moving presentation to CSS.  Consider the following:</p>
<blockquote>
<pre><code>&lt;div class="header"&gt;My Page Title&lt;/div&gt;</code></pre>
</blockquote>
<p>This approach lets us separate content from presentation, since we can control the <code>.header</code> style in CSS; but it&#8217;s less useful to any software that might make use of the document, since the software would be more likely to look for a primary header in a standard <code>h1</code> element than a <code>div.header</code> element.</p>
<h2>Benefits of Semantic HTML</h2>
<ul>
<li> <span style="color: #808080;"><strong>Semantic markup makes it easier to control layouts.</strong> Presentational rules can be delegated to linked stylesheets, minimizing the need to modify the documents themselves. </span></li>
<li> <span style="color: #808080;"><strong>It promotes interoperability.</strong> Semantic markup allows programs to share, analyze, and process documents more effectively.  Modern web developers need to be concerned with more than how the pages look in a browser.  We need to consider how well spiders, aggregators, and other applications can make use of our content. </span></li>
<li> <span style="color: #808080;"><strong>Semantic markup is good for SEO.</strong> Content in an <code>h1</code> element provides a hint about the document&#8217;s primary topic, which can help search engines determine how it should be categorized. </span></li>
</ul>
<p><span style="color: #808080;">T</span>he <a href="http://microformats.org/">Microformats</a> web site provides useful information about <a href="http://microformats.org/wiki/posh">semantic HTML</a> and a <a href="http://microformats.org/wiki/semantic-xhtml">list of semantic elements</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blindacre.com/blog/2010/06/09/semantics-vs-presentation-in-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 5 Things You Can Do To Make Your Next Web Development Project Successful</title>
		<link>http://blindacre.com/blog/2010/03/03/top-5-things-you-can-do-to-make-your-next-web-development-project-successful/</link>
		<comments>http://blindacre.com/blog/2010/03/03/top-5-things-you-can-do-to-make-your-next-web-development-project-successful/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 19:53:14 +0000</pubDate>
		<dc:creator>bam</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[development process]]></category>
		<category><![CDATA[web development tips]]></category>

		<guid isPermaLink="false">http://blindacre.com/blog/?p=166</guid>
		<description><![CDATA[At Blind Acre Media, we have been putting a lot of thought and time into our methodology for developing web applications.  Each project lends some form of revelation regarding how we can improve the planning and development processes.  While each of these 5 steps can be talked about in its own blog post, we have [...]]]></description>
			<content:encoded><![CDATA[<p>At <a title="Blind Acre Media" href="http://www.blindacre.com">Blind Acre Media</a>, we have been putting a lot of thought and time into our methodology for developing web applications.  Each project lends some form of revelation regarding how we can improve the planning and development processes.  While each of these 5 steps can be talked about in its own blog post, we have found (especially in a client/contractor relationship) that these 5 steps of the development process are the most critical.  If you&#8217;re blessed with smart developers then the brunt of the mistakes will fall within the project planning.  That&#8217;s why these steps are critical for a successful web development project.</p>
<p><span style="color: #808000;"><strong>1.)</strong></span> Create a Clear and Convincing Business Case:<br />
Before starting your next development project make sure you do a thorough analysis of what business problem your new technology will be solving.  Get the ideas out to real customers to gauge their feedback prior to starting development.  Proper planning will allow you to set priorities once you start writing code.</p>
<p><span style="color: #808000;"><strong>2.) </strong></span>Create an Approval Process For Deliverables:<br />
By establishing a consistent approval process for all proposed work (wireframes, user stories, and other functional requirements), you will save a vast amount of time and frustration.  You wont find yourself rolling huge iterations back because something was not considered in the planning process.</p>
<p><span style="color: #808000;"><strong>3.)</strong></span> Properly Define Scope Objectives:<br />
You will also benefit from clear definition of scope and objectives, even though details are allowed to emerge throughout the development process.</p>
<p><span style="color: #808000;"><strong>4.)</strong></span> Create Realistic and Aggressive Expectations:<br />
If the relationship between the web project owner and the web developer is a client/contractor relationship, both sides have to come to an agreement on budget and time constraints.  While it&#8217;s hard to avoid long nights at the end of any enterprise development project, it is possible to improve your ability to hedge against large setbacks.  Encourage short and regular iterations, developing the software and delivering a working product in small chunks.</p>
<p><span style="color: #808000;"><strong>5.)</strong></span> Establish an Accountability Plan and Product Owners:<br />
Each project will most likely have several key product owners that need to be in place as key stake holders in the project from the client&#8217;s side.  This accountability team will act as Subject Matter Experts, lending their opinions and knowledge in the planning and building phases to ensure that all of the business dependencies have been thought through.  In most cases these key stake holders will also be in charge of signing off and approving on the deliverable scope items.  Their active participation in the project is vital.</p>
<p>Even with these 5 steps in place, it&#8217;s still possible to have mistakes along the way.  A common way of how things can still get off track is that there is not enough collaboration between project owner and the development team.  Even when you have an accountability plan in place, key stakeholders may be a reason for confusion and mistakes within a project.  One of the reasons product owners are unclear in traditional projects is because they are asked, often times too early into the project, for far more details than they can handle which results in them not being able to visualize an adequate solution.  You can help alleviate this by encouraging ideas from key stake holders.  Discussing each deliverable in depth will feel redundant but can uncover critical oversights sooner rather than later.</p>
<p>As you implement these 5 steps you will be able to continually refine your processes, and the efficiency within each project will continue to increase.</p>
]]></content:encoded>
			<wfw:commentRss>http://blindacre.com/blog/2010/03/03/top-5-things-you-can-do-to-make-your-next-web-development-project-successful/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
