<?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>DC Media + Design &#124; Website Design &#124; Graphic Design &#124; Social Media</title>
	<atom:link href="http://www.dcmedia-design.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dcmedia-design.com/blog</link>
	<description></description>
	<lastBuildDate>Fri, 30 Nov 2012 17:42:49 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>420 Characters: Lou Beach</title>
		<link>http://www.dcmedia-design.com/blog/420-characters-lou-beach/</link>
		<comments>http://www.dcmedia-design.com/blog/420-characters-lou-beach/#comments</comments>
		<pubDate>Fri, 30 Nov 2012 17:42:49 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[420]]></category>
		<category><![CDATA[lou beach]]></category>
		<category><![CDATA[short stories]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[writing]]></category>
		<category><![CDATA[writings]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3921</guid>
		<description><![CDATA[If you&#8217;re into social media and short stories, you will absolutely LOVE the writings of ]]></description>
				<content:encoded><![CDATA[<p><img class="alignright size-thumbnail wp-image-3923" title="author_photo" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/11/author_photo-150x150.jpg" alt="Lou Beach" width="150" height="150" /></p>
<p>If you&#8217;re into social media and short stories, you will absolutely LOVE the writings of 420 Characters Lou Beach. Brilliant!<span id="more-3921"></span></p>
<blockquote><p>THE STORIES you are about to encounter were written as&#8221;status updates&#8221; on a large social networking site. These updates are limited to 420 characters, which include letters, spaces, and punctuation. They provided a daily exercise in fiction writing for the author, who hopes you enjoy them and return to read more. They will be regularly updated.</p></blockquote>
<p>LOU BEACH inhabits many states of mind but is most at home in Los Angeles where he lives with his wife, the photographer <a href="http://www.issasharp.net/" target="_blank">Issa Sharp.</a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/11/kiss.jpg"><img class="aligncenter size-full wp-image-3922" title="kiss" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/11/kiss.jpg" alt="" width="500" height="401" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/420-characters-lou-beach/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>America&#8217;s Finest Timelapse</title>
		<link>http://www.dcmedia-design.com/blog/americas-finest-timelapse/</link>
		<comments>http://www.dcmedia-design.com/blog/americas-finest-timelapse/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 04:06:09 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[americas finest city]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[great city time-lapse]]></category>
		<category><![CDATA[HD]]></category>
		<category><![CDATA[san diego]]></category>
		<category><![CDATA[timelapse]]></category>
		<category><![CDATA[video timelapse]]></category>
		<category><![CDATA[zoos]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3762</guid>
		<description><![CDATA[If you have never been to San Diego, also known as “America’s finest city”, here ]]></description>
				<content:encoded><![CDATA[<p>If you have never been to San Diego, also known as “America’s finest city”, here is your chance to discover this great city through this nice time-lapse video by Kevin Andrew Falk of XOXO Wedding Studio. From landscapes, to urbanism, street views or its famous zoo, it’s all there. Must be watched in HD. Enjoy!<br />
<a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/America-s-Finest-Timelapse-by-XOXO-Wedding-Studio-3.jpeg"><img class="aligncenter size-full wp-image-3765" title="America-s-Finest-Timelapse-by-XOXO-Wedding-Studio-3" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/America-s-Finest-Timelapse-by-XOXO-Wedding-Studio-3.jpeg" alt="" width="500" height="278" /></a></p>
<p><iframe src="http://player.vimeo.com/video/48502577?byline=0&amp;portrait=0&amp;color=ebebeb" frameborder="0" width="500" height="281"></iframe></p>
<p><a href="http://vimeo.com/48502577">America&#8217;s Finest Timelapse</a> from <a href="http://vimeo.com/xoxoweddingstudio">XOXO Wedding Studio</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/americas-finest-timelapse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Astounding Experiments in Ultra-Learning</title>
		<link>http://www.dcmedia-design.com/blog/astounding-experiments-in-ultra-learning/</link>
		<comments>http://www.dcmedia-design.com/blog/astounding-experiments-in-ultra-learning/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 04:05:47 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[experiments]]></category>
		<category><![CDATA[fast learning]]></category>
		<category><![CDATA[Learning]]></category>
		<category><![CDATA[learning fast]]></category>
		<category><![CDATA[MIT]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3760</guid>
		<description><![CDATA[I’ve always been excited by the prospect of learning faster. Being good at things matters. ]]></description>
				<content:encoded><![CDATA[<p>I’ve always been excited by the prospect of learning faster. Being good at things matters. Expertise and mastery give you the career capital to earn more money and enjoy lifestyle perks. If being good is the goal, learning is how you get there.</p>
<p>Despite the advantages of learning faster, most people seem reluctant to learn how to learn. Maybe it’s because we don’t believe it’s possible, that learning speed is solely the domain of good genes or talent.</p>
<p>While there will always be people with unfair advantages, the research shows the method you use to learn matters a lot. Deeper levels of processing and spaced repetition can, in some cases, <a href="http://youtu.be/9O7y7XEC66M?t=53s" target="_blank">double your efficiency</a>. Indeed the <a href="http://projects.ict.usc.edu/itw/gel/EricssonDeliberatePracticePR93.pdf">research</a> in deliberate practice shows us that without the right method, learning can plateau forever.</p>
<p>Today I want to share the strategy I used to compress the ideas from a 4-year MIT computer science curriculum <a href="http://www.scotthyoung.com/blog/mit-challenge/">down to 12 months</a>. This strategy was honed over 33 classes, figuring out what worked and what didn’t in the method for learning faster.</p>
<p><strong>Why Cramming Doesn’t Work</strong></p>
<p>Many student might scoff at the idea of learning a 4-year program in a quarter of the time. After all, couldn’t you just cram for every exam and pass without understanding anything?</p>
<p>Unfortunately this strategy doesn’t work. First, MITs exams rely heavily on problem solving, often with unseen problem types. Second, MIT courses are highly cumulative, even if you could sneak by one exam through memorization, the seventh class in a series would be impossible to follow.</p>
<p>Instead of memorizing, I had to find a way to speed up the process of understanding itself.</p>
<p><img class="aligncenter size-full wp-image-3767" title="mit-500px" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/mit-500px.jpg" alt="mit-500px" width="500" height="375" /></p>
<p><strong>Can You Speed Up Understanding?</strong></p>
<p>We’ve all had those, “Aha!” moments when we finally get an idea. The problem is most of us don’t have a systematic way of finding them. The typical process a student goes through in learning is to follow a lectures, read a book and, failing that, grind out practice questions or reread notes.</p>
<p>Without a system, understanding faster seems impossible. After all, the mental mechanisms for generating insights are completely hidden.</p>
<p>Worse, understanding is hardly an on/off switch. It’s like layers of an onion, from very superficial insights to the deep understandings that underpin scientific revolutions. Peeling that onion is often a poorly understood process.</p>
<p>The first step is to demystify the process. Getting insights to deepen your understanding largely amounts to two things:</p>
<ol>
<li>Making connections</li>
<li>Debugging errors</li>
</ol>
<p>Connections are important because they provide an access point for understanding an idea. I struggled with the Fourier transform until I realized it was turning pressure to pitch or radiation to color. Insights like these are often making connections between something you do understand and the material you don’t.</p>
<p>Debugging errors is also important because often you make mistakes because you’re missing knowledge or have an incorrect picture. A poor understanding is like a buggy software program. If you can debug yourself in an efficient way, you can greatly accelerate the learning process.</p>
<p>Doing these two things, forming accurate connections and debugging errors, is most of creating a deep understanding. Mechanical skill and memorized facts also help, but generally only when they sit upon the foundation of a solid intuition about the subject.</p>
<h3>The Drilldown Method: A Strategy for Learning Faster</h3>
<p>During the yearlong pursuit, I perfected a method for peeling those layers of deep understanding faster. I’ve since used it on topics in math, biology, physics, economics and engineering. With just a few modifications, it also works well for practical skills such as programming, design or languages.</p>
<p>Here’s the basic structure of the method:</p>
<ol>
<li>Coverage</li>
<li>Practice</li>
<li>Insight</li>
</ol>
<p>I’ll explain each stage and how you can go through them as efficiently as possible, while giving detailed examples of how I used them in actual classes.</p>
<p><strong>Stage One: Coverage</strong></p>
<p>You can’t plan an attack if you don’t have a map of the terrain. Therefore the first step in learning anything deeply, is to get a general sense of what you need to learn.</p>
<p>For a class, this means watching lectures or reading textbooks. For self-learning it might mean reading several books on the topic and doing research.</p>
<p>A mistake students often make is believing this stage is the most important. In many ways this is the least efficient stage because the amount you can learn per unit of time invested is much lower. I often found it useful to speed up this part so that I would have more time to spend on the latter two steps.</p>
<p>If you’re watching video lectures, a great way to do this is to watch them at 1.5x or 2x the speed. This can be done easily by downloading the video and then using the speed-up feature on a player like <a href="http://www.videolan.org/vlc/">VLC</a>. I’d watch semester-long courses in two days, via this method.</p>
<p>If you’re reading a book, I would recommend against highlighting. This is processes the information at a low level of depth and is inefficient in the long run. A better method would be to take sparse notes while reading, or do a one-paragraph summary after you read each major section.</p>
<p>Here’s an example of <a href="http://www.scotthyoung.com/mit/machine-vision-notes.pdf">notes I took</a> while doing readings for a class in machine vision.</p>
<p><strong>Stage Two: Practice</strong></p>
<p>Practice problems are huge for boosting your understanding, but there are two main efficiency traps you can get caught in if you’re not careful.</p>
<p><em>#1 – Not Getting Immediate Feedback</em></p>
<p>The research is clear: if you want to learn, you need immediate feedback. The best way to do this is to go question-by-question with the solution key in hand. Once you’ve finished a question, check yourself against the provided solutions. Practice without feedback, or with delayed feedback, drastically hinders effectiveness.</p>
<p><em>#2 – Grinding Problems</em></p>
<p>Like the students who fall into the trap of believing that most learning occurs in the classroom, some students believe understanding is generated mostly from practice questions. While you can eventually build an understanding simply by grinding through practice, it’s slow and inefficient.</p>
<p>Practice problems should be used to highlight areas you need to develop a better intuition for. Then techniques like the Feynman technique, which I’ll discuss, handle that process much more efficiently.</p>
<p>Non-technical subjects, ones where you mostly need to understand concepts, not solve problems, can often get away with minimal practice problem work. In these subjects, you’re better off spending more time on the third phase, developing insight.</p>
<p><strong>Stage Three: Insight</strong></p>
<p>The goal of coverage and practice questions is to get you to a point where you know what you don’t understand. This isn’t as easy as it sounds. Often you can be mistaken into believing you understand something, but don’t, or you might not feel confident with a general subject, but not see specifically what is missing.</p>
<p>This next technique, which I call the Feynman technique is about narrowing down those gaps even further. Often when you can identify precisely what you don’t understand, that gives you the tools to fill the gap. It’s the large gaps in understanding which are hardest to fill.</p>
<p>The technique also has a dual purpose. Even when you do understand an idea, it provides you opportunities to create more connections, so you can drill down to a deeper understanding.</p>
<h3>The Feynman Technique</h3>
<p>I first got the idea from this method from the Nobel prize winning physicist, Richard Feynman. In his <a href="http://www.amazon.com/Surely-Feynman-Adventures-Curious-Character/dp/0393316041/ref=sr_1_1?ie=UTF8&amp;qid=1351094705&amp;sr=8-1&amp;keywords=surely+you+must+be+joking">autobiography</a>, he describes himself struggling with a hard research paper. His solution was to go meticulously through the supporting material until he understood everything that was required to understand the hard idea.</p>
<p>This technique works similarly. By digesting the big hairy idea you don’t understand into small chunks, and learning those chunks, you can eventually fill every gap that would otherwise prevent you from learning it.</p>
<p>For a video tutorial of this technique, <a href="http://youtu.be/FrNqSLPaZLc?t=1m17s">watch this short video</a>.</p>
<p>The technique is simple:</p>
<ol>
<li>Get a piece of paper</li>
<li>Write at the top the idea or process you want to understand</li>
<li>Explain the idea, as if you were teaching it to someone else</li>
</ol>
<p>What’s crucial is that the third step will likely repeat some areas of the idea you already understand. However, eventually you’ll reach a stopping point where you can’t explain. That’s the precise gap in your understanding that you need to fill.</p>
<p>From that gap, you can research the answer from a textbook, teacher or online. Generally, once you’ve narrowly defined your misunderstanding it becomes much easier to find the precise answer.</p>
<p>I’ve used this technique hundreds of times, and I’ve found it can tackle a wide variety different learning situations. However, since each might be slightly different, it may seem hard to apply as a beginner, so I’ll try to walk through some different examples.</p>
<p><strong>For Ideas You Don’t Get At All</strong></p>
<p>The way I handle this is to go through the technique but have the textbook open to the chapter explaining that concept. Then I go through and meticulously copy both the author’s explanation, but also try to elaborate and clarify it for myself. This “guided” Feynman can be useful when trying to write anything on your own would be impossible.</p>
<p>Here’s an example I used for trying to <a href="http://www.scotthyoung.com/mit/photogrammetry.pdf">understand photogrammetry</a>.</p>
<p><strong>For Procedures</strong></p>
<p>You can also use the method to fully understand a process you need to use. Go through all the steps and explain not only what they do, but how they execute it. I would often go through proof techniques by carefully explaining all the steps. I also used it in understanding chemical equations or in organizing the stages of glycolysis in biology.</p>
<p>You can see this example I used when trying to figure out how to <a href="http://www.scotthyoung.com/mit/grid-accel.pdf">implement grid acceleration</a>.</p>
<p><strong>For Formulas</strong></p>
<p>Formulas should be understood, not just memorized. So when you see a formula, but can’t understand how it works, try walking through each part with a Feynman.</p>
<p>Here’s an example I used for the <a href="http://www.scotthyoung.com/mit/fourier.pdf">Fourier analysis equation</a>.</p>
<p><strong>For Checking Your Memory</strong></p>
<p>Feynmans also offer a way to self-test your knowledge of the big ideas for non-technical subjects. Being able to finish a Feynman on a topic without referencing the source material means you understand and can remember it.</p>
<p>Here’s one I did for an economics class, recalling the concept of <a href="http://www.scotthyoung.com/mit/predatory-pricing.pdf">predatory pricing</a>.</p>
<h3>Developing a Deeper Intuition</h3>
<p>Combined with practice questions, the Feynman technique can peel those first few layers of understanding. But it can also drill deeper if you want to go from not just having an understanding, but to having a deep intuition.</p>
<p>Understanding an idea intuitively isn’t easy. Once again, getting to this point is often seen as a quasi-mystical process. But it doesn’t have to be. Most intuitions about an idea break down into one of the following types:</p>
<ol>
<li><strong>Analogies</strong> – You understand an idea by correctly recognizing an important similarity between it and an easier-to-understand idea.</li>
<li><strong>Visualizations</strong> – Abstract ideas often become useful intuitions when we can form a mental picture of them. Even if the picture is just an incomplete representation of a larger, and more varied, idea.</li>
<li><strong>Simplifications</strong> – A famous scientist once said that if you couldn’t explain something to your grandmother, you don’t fully understand it. Simplification is the art of strengthening those connections between basic components and complex ideas.</li>
</ol>
<p>You can use the Feynman technique as a way of encouraging these types of insights. Once you’ve gotten past a basic understanding of the idea, the next step is to go further and see if you can explain it using some combination of the three methods above.</p>
<p>The truth is plagiarism is okay too, and not every insight needs to be unique. Understanding complex numbers as being two dimensional is hardly original, but it allows a useful visualization. DNA replication working like a one-way zipper is not a perfect analogy, but so long as you understand where it overlaps, it becomes a useful one.</p>
<p><strong>The Strategy to Learn Faster</strong></p>
<p>Learning faster doesn’t need to be a trick to work well. It simply means recognizing what is actually going on when we reach a new level of insight and finding tools to help us reach those stages consistently.</p>
<p>In this article I described learning as being three stages: coverage, practice and insight. This gives the false impression that these three occur always in distinct phases and never overlap or repeat.</p>
<p>In truth you may find yourself going between them in a loop as you successfully peel down to deeper layers of understanding. The first time you read a chapter you may get only superficial insights, but after doing practice questions and building intuitions, you may go back and read for deeper understandings.</p>
<p><strong>Applying the Drilldown Method for Non-Students</strong></p>
<p>This process isn’t one you need to be a student to apply. It also works for learning complex skills or building expertise on a topic.</p>
<p>For skills like programming or design, most people follow the first two stages. They read a book teaching them the basics, then they practice with a project. You can extend that process however, and use the Feynman technique to better lock in and articulate the insights you create.</p>
<p>For expertise on a topic, the only difference is that, prior to doing coverage, you need to find a set of material to learn from. That could be research articles or several books on the topic. In either case, once you’ve defined the chunk of knowledge you want to master, you can drill down and learn it deeply.</p>
<p><a title="MIT Education" href="http://calnewport.com/" target="_blank">[via]</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/astounding-experiments-in-ultra-learning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Here’s What Hurricane Sandy Looks Like From Space [VIDEO]</title>
		<link>http://www.dcmedia-design.com/blog/heres-what-hurricane-sandy-looks-like-from-space-video/</link>
		<comments>http://www.dcmedia-design.com/blog/heres-what-hurricane-sandy-looks-like-from-space-video/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 04:03:46 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[earth observatory]]></category>
		<category><![CDATA[Earth photography]]></category>
		<category><![CDATA[hurricane sandy]]></category>
		<category><![CDATA[hurricanes]]></category>
		<category><![CDATA[NASA]]></category>
		<category><![CDATA[raining]]></category>
		<category><![CDATA[space]]></category>
		<category><![CDATA[weather]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3758</guid>
		<description><![CDATA[Hurricane Sandy, which has the potential to become one of the most powerful storms in ]]></description>
				<content:encoded><![CDATA[<p>Hurricane Sandy, which has the potential to become one of the most powerful storms in recent memory, is crawling her way up the eastern seaboard of the United States.</p>
<p>Wondering what it looks like from high over the Earth? NASA’s Earth Observatory, which posts satellite imagery and other data, created the above time-lapse video from 22,300 miles above the planet’s surface.</p>
<p><iframe src="http://www.youtube.com/embed/ybGhYIBf9CA" frameborder="0" width="560" height="315"></iframe></p>
<p>The images were taken by satellite every minute from 7:15 a.m. through 6:30 p.m., then collected for the above video.</p>
<p>How strong is Hurricane Sandy now, and where is it? Currently working its way north towards the United States’ eastern seaboard, Saturday morning it was upgraded back to a category 1 hurricane after dropping to a tropical storm overnight. It left over 40 dead in the Caribbean, according to <a href="http://www.latimes.com/news/nationworld/nation/la-naw-hurricane-sandy-treks-north-20121027,0,3203060.story" target="_blank">reports</a>. Sandy’s expected to make landfall near Delaware on Tuesday morning.</p>
<p><img class="alignright size-medium wp-image-3769" title="hurricane" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/hurricane-300x225.jpeg" alt="hurricane" width="300" height="225" /></p>
<p>The real danger, however, is the possibility that Hurricane Sandy might combine with two separate winter weather systems after making landfall. That extremely rare but potentially catastrophic scenario would create what some scientists are calling a “Frankenstorm” that could deliver gale-force winds and 1-3 feet of rain and snow across the American northeast.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/heres-what-hurricane-sandy-looks-like-from-space-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Geek Gift: Pillow Remote Control</title>
		<link>http://www.dcmedia-design.com/blog/geek-gift-pillow-remote-control/</link>
		<comments>http://www.dcmedia-design.com/blog/geek-gift-pillow-remote-control/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 04:03:22 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[geek present]]></category>
		<category><![CDATA[pillow]]></category>
		<category><![CDATA[presents for nerds]]></category>
		<category><![CDATA[products of technology]]></category>
		<category><![CDATA[tech gifts]]></category>
		<category><![CDATA[tech products]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3751</guid>
		<description><![CDATA[You’ll never lose this remote between the cushions. Because it IS a cushion! The Pillow ]]></description>
				<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-3776" title="Pillow Tech" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/Pillow-Tech.jpeg" alt="" width="600" height="480" /></p>
<p>You’ll never lose this remote between the cushions. Because it IS a cushion! The Pillow Remote Control is fast and easy to set up, with pre-programmed automatic code searching and more than 500 different remote control devices in its memory. Easy-to-click fabric buttons make changing channels a breeze. Power-saving auto shutoff feature shuts off remote functions after 60 seconds of inactivity.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/Pillow-Remote-Control3.jpeg"><img class="aligncenter size-full wp-image-3775" title="Pillow-Remote-Control3" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/Pillow-Remote-Control3.jpeg" alt="" width="600" height="480" /></a></p>
<p>A universal remote control embedded in a pillow. It has easy to click fabric buttons and a smart shutdown feature. If you still manage to lose this remote, your house needs some major cleaning.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/geek-gift-pillow-remote-control/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quick Tip: Create a Realistic Broken Glass Effect in Photoshop</title>
		<link>http://www.dcmedia-design.com/blog/quick-tip-create-a-realistic-broken-glass-effect-in-photoshop/</link>
		<comments>http://www.dcmedia-design.com/blog/quick-tip-create-a-realistic-broken-glass-effect-in-photoshop/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 03:57:16 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[art lesson]]></category>
		<category><![CDATA[broken glass in photoshop]]></category>
		<category><![CDATA[graphic design lesson]]></category>
		<category><![CDATA[graphic design tutorial]]></category>
		<category><![CDATA[lessons in art]]></category>
		<category><![CDATA[photoshop lesson]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3749</guid>
		<description><![CDATA[Thank you to We Graphics for this great tutorial! Step 1 The process behind this ]]></description>
				<content:encoded><![CDATA[<p>Thank you to <a href="wegraphics.net" target="_blank">We Graphics</a> for this great tutorial!</p>
<h5>Step 1</h5>
<p>The process behind this tutorial is very easy and quick. All we need is a background image and one of our <a href="http://wegraphics.net/downloads/brushes/shattered-glass-brushes/" target="_blank">shattered glass brushes</a>. You can download the free sample if you’re not a member.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_preview.jpg"><img class="aligncenter size-full wp-image-3902" title="broken_glass_preview" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_preview.jpg" alt="broken_glass_preview" width="558" height="339" /></a></p>
<h5>Step 2</h5>
<p>Reduce the saturation by going to Image&gt;Adjustments&gt;Vibrance. Enter a saturation value around -70 and +15 for vibrance.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_2.jpg"><img class="aligncenter size-full wp-image-3903" title="broken_glass_2" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_2.jpg" alt="broken_glass_2" width="558" height="436" /></a></p>
<h5>Step 3</h5>
<p>Just to add a nice detail to the scene, let’s write something with a sans serif font. I used<a href="http://www.dafont.com/pirulen.font">Pirulen</a>, which is a clean and crisp free font.</p>
<p>Font color is #56767d.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_3.jpg"><img class="aligncenter size-full wp-image-3897" title="broken_glass_3" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_3.jpg" alt="broken_glass_3" width="558" height="353" /></a></p>
<h5>Step 4</h5>
<p>In order to merge the text with the background, grab the eraser tool, select a <a href="http://wegraphics.net/tag/dirty-grunge/">grunge brush</a>and eliminate some parts of the text. You need to rasterize the text first (right-click on the text layer thumbnail&gt;Rasterize type). Use the eraser tool especially on the bottom area of the text, along the horizon.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_4a.jpg"><img class="aligncenter size-full wp-image-3898" title="broken_glass_4a" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_4a.jpg" alt="" width="558" height="323" /></a></p>
<p>Layer opacity is too high in my opinion. Reduce it to 40%. This is my result:</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_4b.jpg"><img class="aligncenter size-full wp-image-3904" title="broken_glass_4b" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_4b.jpg" alt="" width="558" height="286" /></a></p>
<h5>Step 5</h5>
<p>At this point we can add the never-boring lens flare! Create a new layer and fill it with black. Then go to filter&gt;Render&gt;Lens flare.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_5a.jpg"><img class="aligncenter size-full wp-image-3896" title="broken_glass_5a" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_5a.jpg" alt="" width="558" height="433" /></a></p>
<p>Set the layer blending mode to screen to eliminate the black areas. Done!</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_5b.jpg"><img class="aligncenter size-full wp-image-3899" title="broken_glass_5b" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_5b.jpg" alt="" width="558" height="390" /></a></p>
<h5>Step 6</h5>
<p>We can now create the broken glass effect. Download our <a href="http://wegraphics.net/downloads/brushes/shattered-glass-brushes/">shattered glass brushes</a>, select a brush and click once on a new layer. Foreground color is black.</p>
<p>Note that you could obtain the same effect with a broken glass image, however using a Photoshop brush is easiest.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_6.jpg"><img class="aligncenter size-full wp-image-3905" title="broken_glass_6" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_6.jpg" alt="" width="558" height="337" /></a></p>
<h5>Step 7</h5>
<p>To make the effect realistic, we need to blur the background area which is covered by the glass. From the layers window select all the layers except the one with the brush, and click alt+ctrl+E (option+cmd+E for Mac) to merge them into a new layer. Then apply the blur filter (Filter&gt;Blur&gt;Gaussian blur) with a radius around 3px.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_7.jpg"><img class="aligncenter size-full wp-image-3895" title="broken_glass_7" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_7.jpg" alt="" width="558" height="396" /></a></p>
<h5>Step 8</h5>
<p>With the blurred layer still active, add a <a href="http://wegraphics.net/blog/tutorials/photoshop/photoshop-for-beginners-understanding-layer-mask/">layer mask</a> by pressing the apposite button at the bottom of the layers window.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_8a.jpg"><img class="aligncenter size-full wp-image-3900" title="broken_glass_8a" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_8a.jpg" alt="" width="558" height="337" /></a></p>
<p>Now you can use a black round brush to eliminate some areas from the blurred background. Basically with the layer masks you can use black brushes to eliminate areas, and white brushes to replace them, without ever losing pixels.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_8b.jpg"><img class="aligncenter size-full wp-image-3906" title="broken_glass_8b" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_8b.jpg" alt="" width="558" height="419" /></a></p>
<h5>Step 9</h5>
<p>After all the “broken area” has been deleted, the crisp original background will be visible and you’ll get a realistic broken glass effect:</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_9.jpg"><img class="aligncenter size-full wp-image-3907" title="broken_glass_9" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_9.jpg" alt="" width="558" height="339" /></a></p>
<h5>Step 10</h5>
<p>To finalize the work, just play with a couple of adjustment layers. Start by radically modifying the color combination with a gradient map layer (Layer&gt;New adjustment layer&gt;Gradient map). Select the default gradient going from purple (#6f156c) to green (#00601b) to orange (fd7c00). Set the layer blend mode to screen, with opacity around 70%.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_10.jpg"><img class="aligncenter size-full wp-image-3910" title="broken_glass_10" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_10.jpg" alt="" width="558" height="544" /></a></p>
<h5>Step 11</h5>
<p>To make the style even more vintage, let’s play a bit with a color balance layer (Layer&gt;New Adjustment Layer&gt;Color Balance). I just modified the midtones until I was satisfied:</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_11.jpg"><img class="aligncenter size-full wp-image-3909" title="broken_glass_11" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_11.jpg" alt="" width="558" height="419" /></a></p>
<h5>Finito!</h5>
<p>Here is my final result! I hope you’ve enjoyed this tutorial.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_preview-1.jpg"><img class="aligncenter size-full wp-image-3908" title="broken_glass_preview (1)" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/broken_glass_preview-1.jpg" alt="" width="558" height="339" /></a></p>
<p><a href="http://wegraphics.net/blog/tutorials/photoshop/quick-tip-create-a-realistic-broken-glass-effect-in-photoshop/" target="_blank">[via]</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/quick-tip-create-a-realistic-broken-glass-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stolen Ideas: Apple Didn’t Build That [INFOGRAPHIC]</title>
		<link>http://www.dcmedia-design.com/blog/stolen-ideas-apple-didnt-build-that-infographic/</link>
		<comments>http://www.dcmedia-design.com/blog/stolen-ideas-apple-didnt-build-that-infographic/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 03:50:48 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[apple inc]]></category>
		<category><![CDATA[apple infographic]]></category>
		<category><![CDATA[Apple products]]></category>
		<category><![CDATA[Infographic]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPod]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3747</guid>
		<description><![CDATA[Apple is the largest and most successful technology company in the world’s history, but how ]]></description>
				<content:encoded><![CDATA[<p><a title="Steve Jobs Shows Off the Apple Store" href="http://www.dcmedia-design.com/blog/steve-jobs-shows-off-apple-store/">Apple</a> is the largest and most successful <a title="Statistics For The Future Of Marketing" href="http://www.dcmedia-design.com/blog/statistics-for-the-future-of-marketing/">technology</a> company in the world’s history, but how did it arrive at that lofty perch? Did it create <em>all</em> the ideas folded into its shiny gadgets, or did it beg, borrow and steal them?</p>
<p>Of course, the answer is a little of both. That’s the point of this infographic from <a href="http://www.bestmastersprograms.org/" target="_blank">BestMastersPrograms.org</a>, which used a variety of sources to arrive at this extensive collection of stats, illustrations and information about Apple and its explosively popular product line.</p>
<p>Steve Jobs liked to brag about how <a title="A Designer at Heart: Steve Jobs" href="http://www.dcmedia-design.com/blog/a-designer-at-heart-steve-jobs/" target="_blank">Apple</a> has “always been shameless about stealing great ideas,” but the Cupertino company didn’t just lift all of its product ideas, did it? After you’ve traced every Apple product back to its humble origins, consider the possibility that Apple’s obsessive attention to detail wasn’t copied from many other companies.</p>
<p>For instance, who was Apple copying when it created its elegant, easy-to-open packaging? Which company was first to create a truly smooth-scrolling touchscreen? And taken to its extreme, we’re not aware of any tech manufacturer that ever created a video extolling the virtues of its product’s “<a href="http://mashable.com/2012/09/16/top-10-tech-14/#887235d-iPhone-5">chamfered edges</a>.”</p>
<p>What do you think? Let us know in the comments if you think the examples in the infographic are off-base or right on the money. Of course, this infographic leaves out all of Apple’s original creations. Which products or characteristics do you think Apple can claim sole responsibility for?</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/apple-infographic.jpeg"><img class="aligncenter size-full wp-image-3779" title="apple-infographic" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/apple-infographic.jpeg" alt="apple-infographic" width="900" height="5325" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/stolen-ideas-apple-didnt-build-that-infographic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Turn iPhone Images Into Real Photos</title>
		<link>http://www.dcmedia-design.com/blog/turn-iphone-images-into-real-photos/</link>
		<comments>http://www.dcmedia-design.com/blog/turn-iphone-images-into-real-photos/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 03:50:28 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[camera]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Iphone lab]]></category>
		<category><![CDATA[iphone pics]]></category>
		<category><![CDATA[iphone pictures]]></category>
		<category><![CDATA[photos on iphone]]></category>
		<category><![CDATA[Polaroid]]></category>
		<category><![CDATA[poloroid]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3754</guid>
		<description><![CDATA[Transform your digital iPhone images into real instant photographs that you can touch, caress and ]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/photo-full.jpg"><img class="aligncenter size-full wp-image-3892" title="photo-full" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/photo-full.jpg" alt="photo-full" width="560" height="420" /></a></p>
<p>Transform your digital iPhone images into real instant photographs that you can touch, caress and share with friends.</p>
<p>&nbsp;</p>
<p><iframe src="http://www.kickstarter.com/projects/impossible/impossible-instant-lab-turn-iphone-images-into-rea/widget/video.html" frameborder="0" width="480" height="360"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/turn-iphone-images-into-real-photos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why The Digital You Matters [INFOGRAPHIC]</title>
		<link>http://www.dcmedia-design.com/blog/why-the-digital-you-matters-infographic/</link>
		<comments>http://www.dcmedia-design.com/blog/why-the-digital-you-matters-infographic/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 03:49:25 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[Infographic]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[digital you]]></category>
		<category><![CDATA[social media identity]]></category>
		<category><![CDATA[tecnhology and digital]]></category>
		<category><![CDATA[you in digital]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3743</guid>
		<description><![CDATA[Did you know that almost half of the world’s internet users are now active onsocial ]]></description>
				<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-3787" title="digital-identity" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/digital-identity.jpg" alt="digital-identity" width="200" height="212" /></p>
<p>Did you know that almost half of the world’s internet users are now active onsocial media sites? One billion of us are using Facebook, Twitter, Google+ and/or LinkedIn, and the rapid growth in this global phenomenon is showing absolutely no signs of slowing down.</p>
<p>Indeed, the audience is getting younger and younger – some 82 percent of children have some kind of internet presence before the age of two – and your online identity has never been more important for getting into school, finding a job or simply meeting people.</p>
<p>This infographic takes a closer look at why the digital you matters.</p>
<p style="text-align: center;"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/digital-you.png"><img class="aligncenter  wp-image-3788" title="digital-you" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/digital-you.png" alt="digital-you" width="520" height="2047" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/why-the-digital-you-matters-infographic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Jaw Dropping Responsive Landing Pages</title>
		<link>http://www.dcmedia-design.com/blog/10-jaw-dropping-responsive-landing-pages/</link>
		<comments>http://www.dcmedia-design.com/blog/10-jaw-dropping-responsive-landing-pages/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 03:49:01 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[designing responsive websites]]></category>
		<category><![CDATA[Designing Websites]]></category>
		<category><![CDATA[responsive programming]]></category>
		<category><![CDATA[responsive web design]]></category>
		<category><![CDATA[responsive website design]]></category>
		<category><![CDATA[responsive website designs]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web design inspiration]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3741</guid>
		<description><![CDATA[‘Responsive’ is the latest movement in web-development – and one that’s needed pretty badly. Every day, ]]></description>
				<content:encoded><![CDATA[<p>‘Responsive’ is the latest movement in web-development – and one that’s needed pretty badly. Every day, the number of devices, platforms and browsers that are used to access the internet grows. And while the majority of users still access the web from traditional platforms, the demand for fluid and adaptive websites is stronger than ever.</p>
<p>Many designers are taking this change to heart and creating some spectacular pieces that thrive in mobile, tablet and desktop environments.</p>
<p>The following sites fuse beauty with responsive web design techniques and really showcase what can be achieved with a little innovation. So grab some popcorn and a notepad, you’re going to want to pay attention.</p>
<h2>StephenCaver.com</h2>
<p>When you open <a href="http://stephencaver.com/" target="_blank">this site</a> on your desktop, it’s immediately captivating. The bold, black, justified heading contrasts beautifully with the almost watercolor-like quality of the Mojave Desert background. When this site adapts to mobile size, the change is significant, and the site still looks great.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/stephen-caver.jpg"><br />
<img class="aligncenter" title="stephen-caver" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/stephen-caver-1024x707.jpg" alt="" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>FoodSense.is</h2>
<p>With its wide layout, the clean lines and simple structure <a href="http://foodsense.is/">this site</a> is a fantastic example of minimalist web design. When viewed on a tablet or mobile it adjusts without compromising on composition or flow.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/foodsense-1.jpg"><img class="size-large wp-image-3888 alignnone" title="foodsense (1)" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/foodsense-1-1024x707.jpg" alt="foodsense" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>Warface.co.uk</h2>
<p>The use of color is striking and the innovative placement of the 3D figurines in the foreground of the site really engages the viewer. <a href="http://www.warface.co.uk/">The site</a> is unique and exciting, and none of the impact is lost on mobile.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/warface-1.jpg"><img class="aligncenter size-large wp-image-3889" title="warface (1)" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/warface-1-1024x707.jpg" alt="warface (1)" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>DanielVane.com</h2>
<p>Again here the designer lets his work speak for itself. <a href="http://danielvane.com/">The landing page</a> is beautiful in its full-sized simplicity and this carries through perfectly onto mobile, leaving one particularly arresting illustration which includes a subtle logo.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/daniel-vane.jpg"><img class="aligncenter size-large wp-image-3882" title="daniel-vane" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/daniel-vane-1024x707.jpg" alt="" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>SasquatchFestival.com</h2>
<p><a href="http://sasquatchfestival.com/">This site</a> is fun and playful and unique amongst the other sites on this list. They forego clean simplicity in order to have fun with color, imagery and icons in a way that still manages to deliver on style. This can be difficult to do in a small space, but the designers of Sasquatch manage effortlessly.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/sasquatch.jpg"><img class="aligncenter size-large wp-image-3881" title="sasquatch" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/sasquatch-1024x707.jpg" alt="" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>GravitateDesign.com</h2>
<p>The use of shape in <a href="http://www.gravitatedesign.com/">this site</a> stands out immediately. By avoiding the use of borders and content boxes, they have managed to create a site that showcases their work at its best.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/gravitate.jpg"><img class="aligncenter size-large wp-image-3880" title="gravitate" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/gravitate-1024x707.jpg" alt="" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>VisualSupply.co</h2>
<p>Similarly to Warspace, it’s the imagery that really works for <a href="http://visualsupply.co/">this website</a>. It’s perfectly structured, and looks beautiful on every device.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/visual-supply.jpg"><img class="aligncenter size-large wp-image-3887" title="visual-supply" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/visual-supply-1024x707.jpg" alt="" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>StudioMds.co</h2>
<p>Dark colors can sometimes be overlooked in web design, but <a href="http://studiomds.co/">Studio Mds</a> enhance their content with their bold decision. The layout adjusts to fit a smaller screen size losing nothing but superfluous links.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/studiomds.jpg"><img class="aligncenter size-large wp-image-3886" title="studiomds" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/studiomds-1024x707.jpg" alt="" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>ForefathersGroup.com</h2>
<p><a href="http://forefathersgroup.com/">This site</a> has a great, vintage feel and utilizes texture, imagery and font to create that. It slims down beautifully (but it’s a shame to lose that monkey).</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/forefathers.jpg"><img class="aligncenter size-large wp-image-3885" title="forefathers" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/forefathers-1024x707.jpg" alt="" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>MapBox.com</h2>
<p>The color scheme and use of photos give <a href="http://mapbox.com/">Mapbox</a> a clean space in which to showcase their product. Again simplicity wins out over complex or fussy design, and that’s precisely why it works well on a smaller screen.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/mapbox.jpg"><img class="aligncenter size-large wp-image-3884" title="mapbox" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/mapbox-1024x707.jpg" alt="" width="594" height="410" /></a></div>
<div></div>
<p>&nbsp;</p>
<h2>Things to bear in mind as you design</h2>
<p>So, now that you’ve looked at some stellar responsive sites you’re probably itching to start designing your own. But before you run off, here are a few things to remember.</p>
<h3>Photos</h3>
<p>One obstacle for responsive design is how devices display photos. A MacBook Pro with a retina display is going to render an image at a much higher resolution than a mobile phone, which can often create problems. One way to side step this issue is to upload both high and low resolution copies of your photos. Using CSS you can then determine which image is loaded based on the device’s screen resolution. If you’re using stock photos make sure that you splurge for the higher rez option.</p>
<h3>Determining breakpoints</h3>
<p>Oftentimes responsive designs are built around what are known as “break points” — or the resolution at which the layout changes — based primarily on common device screen sizes. The problem with this approach, however, is that it doesn’t take into consideration just how diverse screen sizes really are. There is no “universal” size anymore. So, instead of predetermining breakpoints at 360px (mobile), 768px (tablet), and 1024px (desktop) it’s better to let your design speak for itself. Start with a finished layout and then resize your window until the design breaks – make this one of your breakpoints and then continue on. You’ll find that your site flows a lot smoother.</p>
<p><a href="http://www.webdesignerdepot.com/" target="_blank">[via]</a><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/stephen-caver.jpg"><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/10-jaw-dropping-responsive-landing-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Things Every Freelancer Should Try at Least Once</title>
		<link>http://www.dcmedia-design.com/blog/10-things-every-freelancer-should-try-at-least-once/</link>
		<comments>http://www.dcmedia-design.com/blog/10-things-every-freelancer-should-try-at-least-once/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 03:43:28 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[freelance bucket list]]></category>
		<category><![CDATA[freelance web design freelance website design]]></category>
		<category><![CDATA[Freelancing]]></category>
		<category><![CDATA[my bucket list]]></category>
		<category><![CDATA[the bucket list]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3735</guid>
		<description><![CDATA[Now, you might be wondering what a bucket list is. Simply put, it’s a list ]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/freelancer-bucket-list.jpg"><img class="aligncenter size-full wp-image-3878" title="freelancer-bucket-list" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/freelancer-bucket-list.jpg" alt="freelancer-bucket-list" width="590" height="350" /></a>Now, you might be wondering what a bucket list is. Simply put, it’s a list of things you’d like to try, but never got a chance to do. It takes its name from the 2007 movie, <em>The Bucket List</em>, in which two aging and terminally ill men set out to do things they always wanted to do before they die.</p>
<p>So, a freelancer bucket list is a list of things that you’ve wanted to try as a freelancer, but haven’t taken the time to do. In this post, I list some things that I think every freelancer should try at least once, but that most freelancers don’t actually try.</p>
<h3>10 Things Freelancers Should Try Doing</h3>
<p>If you’re like me, you have a long to-do list for your freelancing business. At the bottom of the list are a bunch of freelancing to-do’s that you really wish you could do, but never seem to find the time for.</p>
<p>Here’s a list of some things that you really should make time for at least once during your freelancing career:</p>
<ol>
<li><strong>Write an eBook.</strong> I’ve already written one eBook, but I’ve got several in progress that I haven’t finished–so this item is still on my freelancing bucket list. An eBook doesn’t have to be textbook length, so most freelancers can tackle this. <strong>Possible benefits to the freelancer:</strong>establishes expertise, possible income stream.</li>
<li><strong>Get a Guest Post Published.</strong> While I’m not a huge fan of some of the low quality guest posting that’s out there, getting a quality post published on the right blog can bolster your freelancing career. <strong>Possible benefits to the freelancer:</strong> establishes expertise, draws traffic to your own site.</li>
<li><strong>Give a Presentation.</strong> Getting up in front of a group and talking about your freelancing profession may seem daunting, but many freelancers find that they actually enjoy it. Don’t let a fear of public speaking hold you back.<strong>Possible benefits to the freelancer:</strong> establishes expertise.</li>
<li><strong>Get Interviewed.</strong> If you get the chance to be interviewed by an established publication or blog, seriously consider saying “yes.” An interview gets your information in front of more eyes. <strong>Possible benefits to the freelancer:</strong> establishes expertise, draws traffic to your own site.</li>
<li><strong>Attend a Tradeshow.</strong> Many people find tradeshows to be fun and educational. They are also a great way to meet colleagues and potential clients. <strong>Possible benefits to the freelancer:</strong> learning, networking.</li>
<li><strong>Develop Your Own Product.</strong> Do you dream of creating a product that you can sell, but you’ve never created one? Why not do it now? <strong>Possible benefits to the freelancer:</strong> stimulates creativity, possible income stream.</li>
<li><strong>Become an Affiliate for Something You Believe In.</strong> An affiliate is someone who recommends other products and is paid when a product is purchased. Usually this is done through a link on your site. <strong>Possible benefits to the freelancer:</strong> learn about marketing, possible income stream.</li>
<li><strong>Contact Your Dream Client.</strong> Do you have a client that you dream of working for, but haven’t dared to contact? Well, stop putting off that initial contact. Go ahead and take the first step. Write or email them. <strong>Possible benefits to the freelancer:</strong> possible work, networking.</li>
<li><strong>Create Something Just for the Fun of It.</strong> There’s no doubt that freelancing is real work. Sometimes, though, the work aspect takes the pleasure from what we do. If you dream of creating great art or writing a novel, let yourself do it. <strong>Possible benefits to the freelancer:</strong> stimulates creativity.</li>
<li><strong>Do a podcast.</strong> Have you tried podcasting yet? If not, what’s holding you back? Podcasts can be a great addition to your freelancing website.<strong>Possible benefits to the freelancer:</strong> establishes expertise, draws traffic to your own site.</li>
</ol>
<p>As you notice, I’ve picked bucket list tasks that freelancers usually put off because they don’t immediately increase the cash flow or because they require extra time. However, each task does have potential benefits for the freelancer.</p>
<p>Pick one item, or several, and get started today.</p>
<p>Who knows? You might even find that you enjoy one of the items on my freelancing bucket list so much that you want to shift your freelancing business in that direction.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/10-things-every-freelancer-should-try-at-least-once/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AIAIART: Charles Bergquist’s ‘Everyday Project’</title>
		<link>http://www.dcmedia-design.com/blog/aiaiart-charles-bergquists-everyday-project/</link>
		<comments>http://www.dcmedia-design.com/blog/aiaiart-charles-bergquists-everyday-project/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 03:42:29 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[charles berquist]]></category>
		<category><![CDATA[photo styles]]></category>
		<category><![CDATA[photographs]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3731</guid>
		<description><![CDATA[Artist, director, designer and photographer, San Diego-based creative Charles Berquist is an innovative jack of ]]></description>
				<content:encoded><![CDATA[<div>
<p>Artist, director, designer and photographer, San Diego-based creative <a title="Charles Bergquist Goes Slow Motion" href="http://www.dcmedia-design.com/blog/charles-bergquist-goes-slow-motion/" target="_blank">Charles Berquist</a> is an innovative jack of all trades who manages the rare feat of mastering it all. Teaming up with our American pals over at Ghostly International, the talented visualist has created a series of hazy, enigmatic prints for Ghostly’s expanding, new label of visual artists.</p>
</div>
<p>Calling <a title="Charles Bergquist" href="http://work.charlesbergquist.com/" target="_blank">Charles Bergquist</a>’s resumé remarkable would make a grave understatement. With promo videos for artists like Matthew Dear under his director’s belt and collaborations with Tycho and Caribou placed snugly in his growing portfolio, it’s clear that we’re not dealing with your garden variety creative who likes to dabble in disciplines.</p>
<p>Quite the contrary; the multitalented Berquist has created a thoroughly committed body of work imbued with recognizable themes that run as an elegant red thread throughout his art. On the other hand, when the output is examined up close and personal, the wide range of expressions still display a remarkably variety if scrutinized one piece at a time.</p>
<p><iframe src="http://www.youtube.com/embed/X1cgYL2NBIM" frameborder="0" width="560" height="315"></iframe></p>
<p>One of the first things that strike you when confronted with Charles Berquist’s ‘Everyday Project’ is its unintrusive if not slightly elusive character that almost makes you want to physically reach into the work for the voluptuous mirage that seems just out of reach of mere mortals.</p>
<h3>&#8216;IN TIME&#8217;</h3>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/310x0x95-big-cb4_6708.jpg"><img class="aligncenter size-full wp-image-3876" title="310x0x95--big-cb4_6708" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/310x0x95-big-cb4_6708.jpg" alt="" width="403" height="371" /></a></p>
<div>
<p>This is thoroughly inviting, if not seductive imagery that plays a subtle game with the senses and poses a few pressing questions about the intangible nature of reality in the process. If Bergquist had gone a gone a different aesthetic route and aimed to create unrealistic utopias, to make us dream of a better place far away, it would perhaps err on the side of the beaten path of 80s holiday posters. But there’s always a clever subversion of the pastoral at play, which places the heavily processed images in an intersection where meaning is negotiated, probed and tried and this is precisely what makes you return to ponder the works time and time again. In our humble opinions, if there&#8217;s any justice in the world, you&#8217;ll be hearing a whole lot more of the name Bergquist in the coming years.</p>
<h3>&#8216;SHORE&#8217;</h3>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/Shore_1025_large.jpg"><img class="aligncenter size-full wp-image-3875" title="Shore_1025_large" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/Shore_1025_large.jpg" alt="Shore_1025_large" width="480" height="480" /></a></p>
<p>Kudos to Ghostly for snapping up &#8216;Everyday Projects&#8217; and making them available at the <a title="Ghostly store" href="http://www.theghostlystore.com/collections/charles-bergquist" target="_blank">Ghostly store</a>.</p>
<p><a href="http://www.aiaiai.dk/" target="_blank">[via]</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/aiaiart-charles-bergquists-everyday-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A List Of Digital Media Resources You May Have Missed</title>
		<link>http://www.dcmedia-design.com/blog/58-digital-media-resources-you-may-have-missed/</link>
		<comments>http://www.dcmedia-design.com/blog/58-digital-media-resources-you-may-have-missed/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 22:51:54 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[digital media]]></category>
		<category><![CDATA[gadgets]]></category>
		<category><![CDATA[internet resources]]></category>
		<category><![CDATA[mashable]]></category>
		<category><![CDATA[new gadgets]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[social media resources]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3739</guid>
		<description><![CDATA[While this week marked the beginning of baseball’s World Series, there was another world series ]]></description>
				<content:encoded><![CDATA[<p>While this week marked the beginning of baseball’s World Series, there was another world series of sorts going on — in the tech world. The giants of the computing industry, Microsoft and Apple, competed for holiday shoppers’ attention by releasing a flurry of new products. (Note: There were no tigers in the “tech world series,” only giants.)<a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/social-media-garden.jpg"><img class="alignright size-full wp-image-3792" title="social-media-garden" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/social-media-garden.jpg" alt="social-media-garden" width="275" height="171" /></a></p>
<p>In case you were busy with work, play or other, we’ve compiled all the <em>Mashable</em> stories from the previous week that include information about digital products and resources. In addition to the details on new gadgets, with blockbuster movies like <em>Lincoln</em> and <em>The Hobbit</em> on the horizon, we found a must-have app that tells you the best times to use the bathroom during a movie.</p>
<p>As always, the roundup includes the latest social media tutorials, online resources for businesses and enriching digital lifestyle developments. It’s all about the Internet, and we’re breaking it down for your benefit and enjoyment. Here’s what we came up with this week:</p>
<h2>Social Media</h2>
<ul>
<li><strong><a href="http://mashable.com/2012/10/22/pheed/">Pheed Wants to Take On the Giants of Social Media</a></strong><br />
New social media site Pheed is an ultimate mashup of Twitter, Facebook and Instagram but with a hefty business plan to match.</li>
<li><strong><a href="http://mashable.com/2012/10/24/youtube-chrome-extension/">Get The New YouTube Design With This Google Chrome Extension</a></strong><br />
A Google Chrome extension will allow you to get the newest YouTube design right away.</li>
<li><strong><a href="http://mashable.com/2012/10/25/teen-identity-facebook-twitter/">Facebook, Twitter Help Teens Develop, Says Study [VIDEO]</a></strong><br />
A recent study shows teen interactions on social media networks are growing more intimate, personal and affecting youth development.</li>
<li><strong><a href="http://mashable.com/2012/10/25/how-social-media-is-introducing-nba-fans-to-a-budding-star/">How Social Media Is Introducing NBA Fans to a Budding Star</a></strong><br />
Damian Lillard wasn’t a highly touted high school player and he didn’t attend a powerhouse college program like Duke or Kentucky. But the kid. Can. Ball.</li>
<li><strong><a href="http://mashable.com/2012/10/26/6-ways-to-download-tagged-photos-and-albums-from-facebook/">6 Ways to Download Tagged Photos and Albums From Facebook</a></strong><br />
Use these six online tools to download tagged Facebook photos for safekeeping.</li>
</ul>
<h2>Business &amp; Marketing</h2>
<ul>
<li><strong><a href="http://mashable.com/2012/10/22/negotiate-salary/">8 Tips to Negotiate a Higher Salary </a></strong><br />
A paycheck is one of the most important elements of a job. Here are eight ways to negotiate your way to a better salary.</li>
<li><strong><a href="http://mashable.com/2012/10/22/top-hat-monocle/">Top Hat Monocle Transforms Tech From Classroom Distraction into Teaching Tool</a></strong><br />
Top Hat Monocle transforms tablets and smartphones from classroom distractions into teaching tools.</li>
<li><strong><a href="http://mashable.com/2012/10/23/get-emails-read/">5 Tips to Get Your Emails Read</a></strong><br />
We all send and receive a lot of email; here’s how to make yours stand out.</li>
<li><strong><a href="http://mashable.com/2012/10/23/mobile-ad-prices/">Why Are Mobile Ads So Cheap?</a></strong><br />
Mobile may be the future, but right now, mobile ad units still command a lower average price than print and web advertisements. Here’s why.</li>
<li><strong><a href="http://mashable.com/2012/10/24/video-ads-linkedin/">Brands Can Now Buy Video Ads on LinkedIn</a></strong><br />
LinkedIn is rolling out global video advertising, the professional social network announced Tuesday.</li>
<li><strong><a href="http://mashable.com/2012/10/24/glocal-videos/">Glocal Wants to Be the Hulu of Local News Videos</a></strong><br />
Forget the six o’clock news — Glocal wants to be your all-in-one distribution channel for local and national news videos online.</li>
<li><strong><a href="http://mashable.com/2012/10/24/brands-marketing-instagram/">5 Brands That Understand Marketing on Instagram</a></strong><br />
For inspiration on how to get started marketing on Instagram, check out how these five brands are already leveraging the platform.</li>
<li><strong><a href="http://mashable.com/2012/10/25/polygon/">Veteran Game Journalists Unite to Launch Vox’s ‘Polygon’</a></strong><br />
Gaming website Polygon launches Thursday, as part of Vox Media’s sites.</li>
<li><strong><a href="http://mashable.com/2012/10/25/tradeo/">Tradeo Is a Social Network for Financial Traders</a></strong><br />
Called Tradeo, the service allows users to access data feeds and analytics, monitor sentiment across the community, and execute trades online.</li>
<li><strong><a href="http://mashable.com/2012/10/25/chirpify/">Chirpify Offers Instant Buying on Instagram, Twitter</a></strong><br />
Chirpify is a seamless payment system for social commerce that powers buying and selling on Twitter.</li>
<li><strong><a href="http://mashable.com/2012/10/26/perch-track-small-business-competition/">Snoop on Competitors’ Online Deals With This App</a></strong><br />
Perch gives small businesses a local merchant’s view of the competitive market — every tweet, pin or Facebook post by competitors is fed into the app.</li>
</ul>
<h2>Tech &amp; Mobile</h2>
<ul>
<li><strong><a href="http://mashable.com/2012/10/22/steal-of-the-week-3/">3 Great Bargains You Can Buy Right Now</a></strong><br />
There are good deals online. We scoured the web for three hot deals that are live right now.</li>
<li><strong><a href="http://mashable.com/2012/10/22/celebrity-hacks/">3 Celebrity Hacks to Learn From</a></strong><br />
What information you choose to share and on which device is an important consideration, no matter what your popularity level.</li>
<li><strong><a href="http://mashable.com/2012/10/22/m2s-spotify/">App Transfers iTunes Songs to Spotify in Seconds</a></strong><br />
The app M2S for Spotify is terrific — it’s highly recommended.</li>
<li><strong><a href="http://mashable.com/2012/10/22/android-apps-leaking-security-data/">Popular Android Apps Leaking Private Password, Credit Card Data</a></strong><br />
Here’s some bad news for Android users: Various apps are leaking sensitive data, from credit card information to passwords.</li>
<li><strong><a href="http://mashable.com/2012/10/23/microsoft-surface-xbox-music/">Microsoft Sweetens Surface Deal, Offers Free Xbox Music at Retail Stores</a></strong><br />
As part of Friday’s launch event, the first 100 people in line at any Microsoft retail store were eligible for the free Xbox Music Pass.</li>
<li><strong><a href="http://mashable.com/2012/10/23/office-web-apps-skydrive/">New Office Web Apps Go Live on SkyDrive</a></strong><br />
The updated versions of Office Web Apps, available as preview since July, are now available for SkyDrive and Outlook.com users.</li>
<li><strong><a href="http://mashable.com/2012/10/23/lumia-510/">Nokia’s Lumia 510 Is the Cheapest Lumia Yet</a></strong><br />
Nokia has launched the most affordable phone in its Lumia lineup, the Lumia 510.</li>
<li><strong><a href="http://mashable.com/2012/10/23/site-search/">9 Sites With Killer Search Functionality</a></strong><br />
Ecommerce sites and web archives are upholding an enviable standard of search, by customizing results based on individual consumer tastes.</li>
<li><strong><a href="http://mashable.com/2012/10/23/muse-headband/">Headband Lets You Control Devices With Your Brain</a></strong><br />
The Muse headband is currently seeking funding on Indiegogo to bring brain-controlled computing to the mass market.</li>
<li><strong><a href="http://mashable.com/2012/10/23/asus-vivo-tab-rt/">Asus Steals Surface’s Thunder With Its Own Windows RT Tablet</a></strong><br />
Look out Microsoft Surface, there’s another Windows tablet in town: the Asus Vivo Tab RT.</li>
<li><strong><a href="http://mashable.com/2012/10/27/digital-media-resources-58/">See How The iPad Mini Stacks Up Against Competitors</a></strong><br />
Here’s a helpful chart that will help you decide which tablet to purchase.</li>
<li><strong><a href="http://mashable.com/2012/10/23/apple-ipad-mini-hands-on/">Apple iPad Mini is a One-Handed Wonder [HANDS-ON]</a></strong><br />
The new Apple iPad Mini is lighter, faster and pleasingly smaller than the iPad 3.</li>
<li><strong><a href="http://mashable.com/2012/10/23/apple-store-offering-free-ipad-upgrades-if-you-bought-in-the-last-month/">Apple Store May Upgrade Your iPad — if You Bought in the Last Month</a></strong><br />
Apple is apparently trying to make amends with free iPad 3 to 4 upgrades — at least, if you bought your iPad in the last 30 days.</li>
<li><strong><a href="http://mashable.com/2012/10/23/bob-marley-headphones/">Headphones Inspired by Bob Marley Now Available</a></strong><br />
House of Marley’s new headphone models are organic, recyclable and offer a deep bass driver, going down to 10 Hertz.</li>
<li><strong><a href="http://mashable.com/2012/10/23/microsoft-surface-review/">Surface Is a Tablet Windows Users Will Love [REVIEW]</a></strong><br />
Microsoft Surface is more touchscreen PC than tablet, but that’s okay for Windows fans.</li>
<li><strong><a href="http://mashable.com/2012/10/24/dragon-speech-android/">Look Out, Siri — Dragon Speech Recognition App Now on Android</a></strong><br />
Nuance Dragon, a line of speech-recognition software products, debuted its beta app for Android Wednesday.</li>
<li><strong><a href="http://mashable.com/2012/10/24/samsung-galaxy-note-ii-review/">Samsung Galaxy Note II: A Giant Phone That Grows on You [REVIEW]</a></strong><br />
The Samsung Galaxy Note II has a large 5.6-inch screen. But don’t let that scare you — it can do things other smartphones can’t.</li>
<li><strong><a href="http://mashable.com/2012/10/24/css-for-dummies/">The Beginner’s Guide to CSS</a></strong><br />
The beauty of Cascading Style Sheets, or CSS, is that they make implementing design-work onto a website super-simple.</li>
<li><strong><a href="http://mashable.com/2012/10/25/skype-6-0/">Skype 6.0 Unveils Microsoft, Facebook Integration in Update</a></strong><br />
Skype released a new version of its desktop VoIP client, Skype 6.0 for Mac and Windows.</li>
<li><strong><a href="http://mashable.com/2012/10/25/box-windows-8/">Box Launches Windows 8 Version</a></strong><br />
Box has officially launched its Windows 8 app.</li>
<li><strong><a href="http://mashable.com/2012/10/25/fan-hack-turns-super-mario-64-into-2-player-game/">Fan Hack Turns ‘Super Mario 64′ Into 2-Player Game</a></strong><br />
A hack released Wednesday allows two players to explore the massive world of <em>Super Mario 64</em> together.</li>
<li><strong><a href="http://mashable.com/2012/10/25/parrot-ar-drone/">The AR.Drone 2.0 Is the Ultimate Gift for Flight Nerds</a></strong><br />
Give the gift of flight. This smartphone-controlled quadricopter can take your loved one to new heights this holiday season.</li>
<li><strong><a href="http://mashable.com/2012/10/26/low-priced-headphones/#97793RHA-SA-950i-Headphones">These Cheap Headphones Will Knock Your Socks Off</a></strong><br />
The RHA SA 950i headphones set themselves apart with a triple punch: They’re relatively cheap at $59.95, they’re feather-light, and they sound great.</li>
</ul>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/58-digital-media-resources-you-may-have-missed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 WordPress Facts You Need to Know</title>
		<link>http://www.dcmedia-design.com/blog/10-wordpress-facts-you-need-to-know/</link>
		<comments>http://www.dcmedia-design.com/blog/10-wordpress-facts-you-need-to-know/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 22:51:35 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[10 facts]]></category>
		<category><![CDATA[Free Wordpress]]></category>
		<category><![CDATA[premium wordpress]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[wordpress facts]]></category>
		<category><![CDATA[wordpress list]]></category>
		<category><![CDATA[wordpress theme]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3737</guid>
		<description><![CDATA[Yes, there are lots of things you want to know about using WordPress, but for this post ]]></description>
				<content:encoded><![CDATA[<p>Yes, there are lots of things you <strong>want </strong>to know about using WordPress, but for this post I’ve narrowed it right down to 10 facts that I believe everyone using WordPress needs to know.</p>
<p>The right hosting for WordPress is vital and makes a big difference to how simple it is to work with. When you are thinking of installing WordPress, <a title="Hosting your WordPress" href="http://www.blogmistress.com/hosting-your-wordpress/" target="_blank">read this post</a> for the information you need to ask your host or ask us for some suggestions (we only recommend the best based on personal experience).And actually the next release of WordPress will need your hosting to be even more up-to-date – and really, do you want to host on outdated servers?</p>
<p><img class="aligncenter size-full wp-image-3867" title="timthumb" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/timthumb.jpeg" alt="" width="590" height="260" /></p>
<ol>
<li><strong>Even better is if your host</strong> has a “1-click WordPress install” – now that really is the best way to go and is what we use. It is the simplest thing to do.</li>
<li><strong>You will want to use images;</strong> blog posts especially benefit from having images in them. You will need something to make your images a sensible size for uploading to WordPress and loading on the web page. Take a look at some of the free tools such as Picasa, Gimp, <a href="http://www.resizeyourimage.com/">Resize Your Image</a> – or do a Google for a free image resizer, perhaps.</li>
<li><strong>You must backup your WordPress</strong> and set a schedule for this to action automatically for you – one of those “just do it” things! There are all kinds of free plugins that will do this for you – take a look at this <a title="JDI: Backup your WordPress" href="http://www.blogmistress.com/jdi-backup-your-wordpress/">Back-up your WordPress</a> post for more on this.</li>
<li><strong>You do not have to spend</strong> <strong>a lot of money</strong> on a fancy premium theme. Indeed beyond the hosting and your domain name, it can all be free apart from your time. You can even build a perfectly presentable website with the theme already installed for you.Many people feel they need to have a premium theme (design) but sometimes that’s actually not going to be best for what you want your WordPress website/blog to do. So think carefully first about what you and your readers really want to see.</li>
<li><strong>You will need to spend</strong> <strong>time</strong> updating your WordPress – when a new version is available and when the plugins you’ve installed are updated too. This is not as geeky as it can seem and as long as you follow the routine we’ve suggested, it need not be something to fear.</li>
<li><strong>Just about anything you want</strong> to know about any aspect of using WordPress can be found at their own website – any kind of problem, error message, function you want to add – visit the WordPress.org website and search for it. You will not be the first person to have that error or problem, and others will have asked in the forum and had help. Failing that, Google it – every time I come across a new error, that’s exactly what I do and every time I find the answer.</li>
<li><strong>Your menu (navigation bar)</strong> can include links to pages, posts, other websites, blog categories – anything that you can link to, basically. This was one of the new features that I got most excited about when it was added. It is wonderful and useful to know that you can have whatever you want in your menu.<a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/wordpress-must-dos.jpg"><img class="alignright size-thumbnail wp-image-3868" title="wordpress-must-dos" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/wordpress-must-dos-150x150.jpg" alt="" width="150" height="150" /></a></li>
<li><strong>You will need a spam filter.</strong> You can use the already installed Akismet – it works brilliantly but if your blog or website is for business use then you do need to pay – at $5 per month it is likely to be worth it. We are testing out free options and will report on those in detail, and of course if you use something like Disqus to handle your comments, then you’ll not be bothered by the spam. But you will need to choose something that deals with it – try without for a month if you want to, then come back and look at the review of options post that will be live by then.</li>
<li><strong>WordPress is excellent for your website.</strong> Yes, it was for bloggers and still is perfect for that, but if you (also) want to be able to edit your website pages yourself then WordPress is the answer. Your nephew may be competent with html and/or Dreamweaver or whatever they use these days – tell him to get to grips with WordPress for you and use that – the result will more easily be of a professional level (no offence to nephews who do know their stuff).</li>
<li><strong>You do not need to be a geek to use WordPress.</strong> Something we work hard on at The Blogmistress is to sweep away any such notion and cut out the geekery so that anyone feels comfortable using WordPress. Really – you can do it. Sometimes you may prefer to do as you’re told – we’re here to do that, or to hold your hand. Just be sure to back up your WordPress before you play with it and you’ll be able to backtrack, if you have to.</li>
</ol>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/10-wordpress-facts-you-need-to-know/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>One In a Billion: How Technology is Transforming Dating in China</title>
		<link>http://www.dcmedia-design.com/blog/one-in-a-billion-how-technology-is-transforming-dating-in-china/</link>
		<comments>http://www.dcmedia-design.com/blog/one-in-a-billion-how-technology-is-transforming-dating-in-china/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 22:50:14 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[chinese internet]]></category>
		<category><![CDATA[chinese online dating]]></category>
		<category><![CDATA[dating in china]]></category>
		<category><![CDATA[dating online]]></category>
		<category><![CDATA[internet companies]]></category>
		<category><![CDATA[online dating]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3725</guid>
		<description><![CDATA[It would be easy to simply assume that the more than one billion residents of ]]></description>
				<content:encoded><![CDATA[<p>It would be easy to simply assume that the more than one billion residents of the world’s most populous nation don’t have much trouble meeting people, since they’re often surrounded by them, but it would also be reductive. China is in a tumultuous time as unprecedented numbers of residents move to cities, and the old ways</p>
<p><img class="aligncenter size-full wp-image-3864" title="china-weddings-520x245" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/china-weddings-520x245.jpg" alt="" width="520" height="245" /></p>
<p>of building community hardly apply to high-rise apartments and urban life.</p>
<p>A confluence of reasons have created a unique situation for singles in China. Today’s daters are a generation influenced by the one-child policy, economic reform and, for some, newfound prosperity. Meanwhile, urban migration has made strangers of millions of young people in China’s mega-cities. And yet, they also live in a time of rapid technological progress. The</p>
<p>se are children of the Internet, instant messaging and mobile phones.</p>
<p>The best technology solves problems, and large numbers of Chinese Internet companies have set out to solve the growing issue of helping men and women pair up in China. Young people face huge pressure to find a companion, often with the entire extended family getting involved in matchmaking. Researcher <a href="https://twitter.com/letahong">Leta Hong Fincher</a> believes that women, especially those with graduate degrees who are past their mid-twenties, face the brunt of it.</p>
<p>“I personally see the women I interviewed coming under intense pressure to marry from all areas of life. I don’t see the same level of pressure on men, even though it does exist,” she said.</p>
<p>Some of the push actually comes from official government channels, as well. Fincher recently noted as much in a op-ed for <a href="http://www.nytimes.com/2012/10/12/opinion/global/chinas-leftover-women.html?_r=0">The New York Times</a> focusing on the state’s official designation of “leftover women” (剩女, <em>shengnü</em>), which refers to single women above a certain age. The government’s stance is age 27, though other opinions generally range from 25 to 30. Her editorial actually reverberated back in China, as it <a href="http://v.ifeng.com/news/society/201210/0332d885-6e11-4c21-8410-98c90aab5fa7.shtml">sparked a conversation</a> on China’s Phoenix TV channel.</p>
<p>According to Fincher, China’s Women’s Federation has organized matchmaking events for these so-called “<a href="http://www.foreignpolicy.com/articles/2012/04/23/the_startling_plight_of_china_s_leftover_ladies">leftover women</a>”, which i</p>
<p>t classifies as “highly educated, high quality women”. She speculated that the government is leaning on educated single women because it views families as tantamount to the country’s stability.</p>
<blockquote><p>“My argument is that this is one of the reasons that the government has actually pushed the term “shengnü” starting from 2007, that this is one way to promote a “harmonious society”. It’s being promoted by the senior leaders in China, that you have to have social stability above all else and the foundation of a harmonious society is a harmonious family. When you see the official rhetoric on family and marriage, they’ll often say harmonious family. How do you get a harmonious family? Well, you have to have marriage.”</p></blockquote>
<p>Aye, there’s the rub.</p>
<h3>If You Are the One</h3>
<p>One of the latest runaway hits in China is the <a href="http://en.wikipedia.org/wiki/Fei_Cheng_Wu_Rao">Fei Cheng Wu Rao</a> dating show from a Jiangsu television station. Literally translated as “If you’re not serious, don’t bother”, the show, which also goes by the English name “If You Are the One”, draws similarities from Britain’s <a href="http://www.itv.com/takemeout/">Take Me Out</a>. If you’re interested in learning more about the sho</p>
<p>w, Kristin Graham offered up a rare gem of English commentary on the audition process over at <a href="http://www.minyanville.com/business-news/editors-pick/articles/if-you-are-the-one-chinese/3/16/2012/id/39814">Minyanville</a>, though it doesn’t look like she got on the actual show.</p>
<p>TV makes for great entertainment, especially watching other people squirm on the hot seat, but only handfuls of people will actually make it on the show, so Chinese citizens have turned instead to that great equalizer, the Internet, to change their fates.</p>
<h3>Good fate</h3>
<p>Though Fincher hasn’t focused directly on the issue of online dating, the issue has come up regularly during her research:</p>
<p>“Quite a few of the women I interview have brought [online dating] up because they’re anxious to get married, because they’re afraid of becoming ‘leftover women,’” she said.</p>
<p><a href="http://jiayuan.com/">Jiayuan</a>, which translates loosely as good fate, ranks as the top online dating site in China. It’s interesting to note that its founder and co-CEO Gong Haiyan <a href="http://ir.jiayuan.com/story.cfm">started it</a> in 2003 while she was studying for her Master’s degree she had a negative experience with fake profiles on an early version of a Chinese dating site. At least for her, the product worked – Gong met her husband on Jiayuan. For more on Gong, Evan Osnos’ profile of her for <a href="http://www.newyorker.com/reporting/2012/05/14/120514fa_fact_osnos">The New Yorker</a> is a fascinating read.</p>
<p>As <a href="http://thenextweb.com/asia/2011/05/09/no-fear-of-the-bubble-more-chinese-internet-firms-rush-for-us-ipo/">part of a flurry</a> of Chinese tech firm IPOs last year, Jiayuan listed on the New York Stock Exchange (<a href="http://www.google.com/finance?q=date&amp;ei=Hi2JUMjDNeTgiAKbHw">DATE</a>) and was reported to have raised as much as <a href="http://www.reuters.com/article/2011/04/21/jiayuan-idUSN2021396220110421">$100 million</a> with its offering. The stock hasn’t fared particularly well since it hit the market last May with an initial price of $10.70. It bumped up and down last summer before bottoming out at $3.70 earlier this year. Since then, it was worked its way back up to around $6 at the time of writing.</p>
<p>Though current economic conditions are likely to blame for some of the stock’s struggles, its fate hasn’t been helped by a high-profile criminal case and a<a href="http://www.globaltimes.cn/NEWS/tabid/99/ID/680760/My-fiance-was-a-fraud.aspx">lawsuit</a> that involved Jiayuan. China Central Television <a href="http://www.businessinsider.com/cctv-reports-that-swindled-user-is-suing-dating-site-jiayuan-2011-7">reported last July</a> that a man had been sentenced to two and a half years in jail for defrauding a woman that he met on the site.</p>
<p>The company is still profitable, though. In its <a href="http://ir.jiayuan.com/releasedetail.cfm?ReleaseID=700916">second quarter</a>, it brought in RMB 99 million ($15.86 million) in revenue and RMB18.5 million ($2.96 million) in operating income. It boasted 67.7 registered million users as of June 30.</p>
<h3>People are strange</h3>
<p>But online dating is so last decade. Enter <a href="http://immomo.com/">Momo</a>, a popular social networking app for iPhone and Android that facilitates meeting new people nearby. It’s a social, local and mobile world now, and that means it’s Momo’s world to win.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/momo-office.jpg"><img class="aligncenter size-medium wp-image-3865" title="momo-office" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/momo-office-300x122.jpg" alt="" width="300" height="122" /></a>Momo derives its name from the Chinese word for “stranger”. After launching last August, the app has garnered more than 16 million users in little more than a year. It hit 10 million on its birthday, which means that it picked up another 6 million users in just two months.</p>
<p>The Next Web sat down with Momo VP Zhang Ying, who heads up their overseas project, and Wang Li, the startup’s director of operations, to learn more about the company’s success. Wang said that the cultural background of China has helped Momo gain tractio</p>
<p>n.</p>
<p>“Chinese people are not straightforward p</p>
<p>eople, they prefer to communicate through a website, communicate through writing,” he said, contrasting them to Americans, which he characterized as being more direct.</p>
<p>Zhang highlighted the need for the app because Chinese urban dwellers often don’t know the people who live nearby.</p>
<p>“With new technology we can rediscover our neighborhood. In China, the concept of neighborhood is kind of lost in our current communities. With this app we can build a new communication channel,” she said.</p>
<p>&nbsp;</p>
<p>Though Momo has gotten a reputation for facilitating easy hookups between young people, Zhang was quick to point out that the app itself “doesn’t provide functions to flirt with people” and is at its core a very basic communication service.</p>
<p>Besides, serious relationships do develop among users of the app. The company knows of at least 30 couples that have gotten married after meeting on Momo. That might not seem like a lot, but the app’s only been around for little more than a year, so those are some pretty fast relationships by most standards.</p>
<p>Zhang also said that some recruiters are using Momo to search for job see</p>
<p>kers, since many users’ profiles contain detailed information such as current position and education.</p>
<p>I asked whether Tencent’s WeChat is a competitor to Momo, since the messaging app has its own features for meeting strangers, but the Wang said that Tencent is so much bigger that the two function at different levels. As for Jiayuan, Zhang said that the site is more focused on serious relationships and caters to an older demographic than Momo.</p>
<p>So just how young are Momo’s users? The average age is roughly 25 and the app is very popular among students. Interestingly, the service attracts a 2 to 1 ratio of men to women, which they said is better than the industry average. It’s also worth noting that apparently the service sees a higher percentage of females logging in on iPhones, while Android tips more toward men.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/momo-screenshot.png"><img class="alignright size-medium wp-image-3863" title="momo-screenshot" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/momo-screenshot-200x300.png" alt="" width="200" height="300" /></a>For its part, Momo has amassed a staff of roughly 70 employees, which, like its users, are quite young. The average age of its workers is 24-25, the two executives said.</p>
<p>Looking ahead, the company’s working to spur adoption of a new groups feature that allows users to organize themselves into groups, such as movie fans within a certain building or complex.</p>
<p>I was curious whether Momo users stop using the service once they’ve gotten married or into a serious relationsh</p>
<p>ip, but Wang anticipates that users will adapt to the service as their social needs change over time. For instance, a family could use Momo to find other families with kids their age in the neighborhood.</p>
<p>Of course, it’s natural some men or women might get jealous if their partner continues to use the app, but Momo’s staff billed that as a personal matter and noted that they were simply dedicated to creating a social networking service app and letting the users decide how to put it to work for themselves.</p>
<p>Momo does have international aspirations, as it’s soon to release an <a href="http://www.techinasia.com/momo-dating-app-international-english/">English-language version</a>. I took a look at it when I visited their offices recently, and while it looks like a stripped-down version of the current app, I was intrigued by the Facebook integration. Since Facebook is blocked in China and likely to stay that way for the indefinite future, any integration with the billion-user network is clearly meant for overseas expansion.</p>
<p>As is often the case with companies like this in China, Momo hasn’t yet focused on monetization. Instead, it’s keeping its attention on continued user growth with the understanding that profit will come eventually.</p>
<p>Hopefully it has enough money to last in the meantime. Earlier this year, rumors surfaced that Momo <a href="http://pandodaily.com/2012/08/27/with-40m-series-b-momo-proves-huge-market-for-casual-hook-ups-in-china/">had raised $40 million</a> in Series B funding, with e-commerce giant Alibaba reportedly signing on as one of the investors. Neither executive would confirm those details when I asked, but they did note that the company has been valued at $100 million.</p>
<h3>My first Momo</h3>
<p>I signed up for Momo a few days ago to test it out while writing this.</p>
<p>Given that I’m married, just about the only way I can have this app on my phone without ending up in the doghouse is under the auspices of research. As I was sitting down to work on this article, I got my first ping from the app. A nearby user, allegedly a 26-year-old female, wanted to chat.</p>
<p>We exchanged trivialities for a bit and then I mentioned that I was writing about Momo and wanted to ask a few questions. When I asked her how long she had been using the app, she responded that she had been a member since the beta test and was probably among the “first batch” of users.</p>
<p>I inquired into her reasons for using the app, and she said that her job as a manager in the mobile app development industry has her keeping up on trends with new apps. She added that she uses the service to “study user psychology.” Then she offered to buy me a milk tea.</p>
<p>I’m skeptical that my one random encounter on Momo is indicative of the average user, but it certainly highlights the ease with which people can get started chatting on the service.</p>
<h3>Gay underground</h3>
<p>Even as China’s government is pushing for so-called “harmonious” families, social media has opened up opportunities couples that might not receive the blessing of the establishment. The gay and lesbian community is largely underground in the country, but there is evidence that many of its members have turned to Sina Weibo microblogging service to connect. Fincher said that some members of the gay and lesbian community often create two or more accounts because of the lingering taboo on being gay in China.</p>
<p>“Weibo has been a huge boon for the gay community in China,” she told TNW.<br />
<img class="size-full wp-image-3862 alignright" title="weibo-luzhong-2" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/weibo-luzhong-2.png" alt="weibo-luzhong-2" width="183" height="240" />Though Sina Weibo is heavily regulated and censored, individual posts often fly under the radar.<a href="http://www.bloomberg.com/news/2012-10-24/a-tweeted-invitation-to-same-sex-wedding-in-china.html">Bloomberg reports</a> that a <a href="http://www.weibo.com/1893973860/yD60chRLa%23">gay couple</a>, which had <a href="http://tealeafnation.com/2012/08/on-chinese-valentines-day-two-men-get-engaged-while-netizens-cheer/">previously made waves</a> on Sina Weibo this summer when they announced their engagement, sent out on the service an open invitation to their wedding earlier this month. However, pressure from local authorities led them to drop their original venue and the two ended up holding the ceremony in public. The video subsequently made its way around domestic social networks.</p>
<p>While the official line still prohibits gay marriage, the government appears willing to let at least this one case slide. The wedding prompted a nod in the English commentary from the state-owned China Radio International, which described the wedding as reflecting “growing tolerance” in China.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/one-in-a-billion-how-technology-is-transforming-dating-in-china/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mobile Technology: Are Women “Getting It” More than Men?</title>
		<link>http://www.dcmedia-design.com/blog/mobile-technology-are-women-getting-it-more-than-men/</link>
		<comments>http://www.dcmedia-design.com/blog/mobile-technology-are-women-getting-it-more-than-men/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 22:45:51 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[men and technology]]></category>
		<category><![CDATA[mobile technology]]></category>
		<category><![CDATA[people and tech]]></category>
		<category><![CDATA[tech and mobile]]></category>
		<category><![CDATA[women and technology]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3727</guid>
		<description><![CDATA[By Erica Schlaikjer “Across the board, nobody wants to do accounting,”  said Shivani Siroya, founder and ]]></description>
				<content:encoded><![CDATA[<p><strong>By Erica Schlaikjer</strong></p>
<p><strong></strong>“Across the board, nobody wants to do accounting,”  said <a title="Shivani Siroya" href="http://netimpact.zerista.com/profile/member/336589">Shivani Siroya</a>, founder and CEO of <a href="http://www.inventure.org/">inVenture</a>, a global credit scoring company. ”It’s difficult or  they’re lazy or they don’t see the purpose.”</p>
<p>Her company, currently working in India, is trying to change that with a product called <a href="http://www.inventure.org/using/learn-about-insight">InSight</a>, an accounting tool that works through SMS to help low-income individuals and business owners do basic accounting and financial tracking. Within 15 days, the tool creates a unique credit score and links qualified users to various financial institutions to help them obtain capital, such as personal loans or insurance.</p>
<p><img class="size-full wp-image-3850 aligncenter" title="mobile-technology" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/mobile-technology.jpg" alt="mobile-technology" width="460" height="276" /></p>
<p>Instead of merely pitching the standard benefits of accounting, like driving sales or increasing savings, inVenture goes a step further and links customers to other consumer products, in hopes of improving “financial inclusion” for entrepreneurs seeking a way out of debt and poverty.</p>
<p>“It’s about empowering the user to do this themselves,” Siroya said. “It gives people a choice of financial products and creates a competitive and transparent financial ecosystem.”</p>
<p>She shared her observations about revolutionizing the financial services sector in a panel discussion on “<a href="http://netimpact.zerista.com/event/member/57468">Mobile Technologies in Development: Opportunities to Engage the Private Sector</a>” at the <a href="http://netimpact.zerista.com/">2012 Net Impact Conference</a> in Baltimore.</p>
<p>With her company’s SMS tool still in open beta, one thing stands out so far: ”Women are getting the product much faster than men,”  Siroya said.</p>
<p>She noticed marked differences between the men and women in her company’s “ecosystem:”</p>
<p><strong>1.) Buy-in. </strong>Women perform fewer errors when learning how to use the tool, so much so that inVenture has organized separate follow-up trainings specifically for men.</p>
<p><img class="alignright size-full wp-image-3851" title="mobile" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/mobile.jpg" alt="mobile" width="283" height="424" /></p>
<p>Siroya attributes this to greater buy-in and ownership. “When we’re doing trainings for new users, women with children are often there, so they’re learning together,” Siroya said. “Because the tool is improving the household, I think women take more initiative to actually pay attention and learn.”</p>
<p><strong>2.) Openness. </strong>The tool tracks daily revenue and expenses to help people manage their money. ”Women are more likely to be open about it,” Siroya said. “They don’t necessarily think, oh, ‘this could make me pay higher taxes,’ or ‘I’m unlicensed or unidentified.’ They think, ‘If this is going to get me from Point A to Point B to help my family, I will be willing to use this tool.’”</p>
<p><strong>3.) Motivation.  </strong>“For men, it’s more about recognition,” Siroya said. inVenture sends periodic text messages to users, giving them a countdown of when to expect to receive their credit score, and providing them with a certificate of completion at the end. Men responded with higher usage rates, whereas women didn’t seem to care.</p>
<p><strong>4.) Connection. </strong>inVenture develops its own sales teams, relying on local sales agents to go out into the community and acquire new customers—a skill that seems to come more naturally for women. Nearly all 100 of inVenture’s local agents are women; five men were just recently hired. The company adjusted its payment models to appeal to both groups differently. Women are commission-based, receiving commissions for every sign-up, plus additional bonuses based on retention rates. On the other hand, men are salary-based, with 80 percent of their fee fixed, and 20 percent on commission.</p>
<p><strong>Closing the gap:</strong></p>
<p>Despite inVenture’s appeal to women, there is still a significant gender gap in the use of mobile technology in developing countries.</p>
<p>A woman in low- and middle-income countries is 21 percent less likely to own a mobile phone than a man, according to the report, “<a href="http://www.cherieblairfoundation.org/uploads/pdf/women_and_mobile_a_global_opportunity.pdf">Women &amp; Mobile: A Global Opportunity</a>,” by <a href="http://www.gsma.com/mobilefordevelopment/">GSMA Development Fund</a>, the <a href="http://www.cherieblairfoundation.org/">Cherie Blair Foundation for Women</a> and <a href="http://www.vitalwaveconsulting.com/">Vital Wave Consulting</a>. In these countries, there are 300 million fewer female than male subscribers, representing a $13 billion revenue opportunity to mobile operators. In India, specifically, less than 30 percent of all Indian women own a mobile phone.</p>
<p>Innovative companies like inVenture may help fill that void, showing how a phone can be a lot more than just a device, but rather, an entry point into financial literacy, independence and wealth.</p>
<p><em><strong>Erica Schlaikjer, based in Washington, D.C., is the founder of <a href="http://benevolentmedia.org/">Benevolent Media</a>, a media and events company dedicated to celebrating storytelling and design for good. You can follow Erica and ask her questions on Twitter: <a href="http://twitter.com/eschlaik">@eschlaik</a> and <a href="http://twitter.com/benevolentmedia">@benevolentmedia</a></strong></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/mobile-technology-are-women-getting-it-more-than-men/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 Stimulating &amp; Creative Coffee Packaging Designs</title>
		<link>http://www.dcmedia-design.com/blog/7-stimulating-creative-coffee-packaging-designs/</link>
		<comments>http://www.dcmedia-design.com/blog/7-stimulating-creative-coffee-packaging-designs/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 22:45:41 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[coffee designs]]></category>
		<category><![CDATA[coffee packages]]></category>
		<category><![CDATA[creative coffee]]></category>
		<category><![CDATA[creative package designs]]></category>
		<category><![CDATA[creative packaging]]></category>
		<category><![CDATA[designing packaging]]></category>
		<category><![CDATA[graphic design inspiration]]></category>
		<category><![CDATA[package designs]]></category>
		<category><![CDATA[package inspiration]]></category>
		<category><![CDATA[Packaging]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3756</guid>
		<description><![CDATA[Coffee berries, which contain the coffee seeds or “beans”, are produced by several species of ]]></description>
				<content:encoded><![CDATA[<p>Coffee berries, which contain the coffee seeds or “beans”, are produced by several species of small evergreen bush of the genus <em>Coffea</em>. Once ripe, coffee berries are picked, processed, and dried. The seeds are then roasted to varying degrees, depending on the desired flavor. This is the reason we see different one of four-color categories: light, medium, medium-dark, dark. The final step involves the coffee being grounded and brewed to create that tasty cup of joe!</p>
<p>Coffee packaging plays a huge role in attracting customers. Your coffee needs to taste good while having an attractive design. Obviously there are thousands of coffee companies, and the market is getting saturated with more competition as you read this. In order to stand out, most companies focus on what they are most passionate about. As an example of this, take a look at Peeze Coffee below.</p>
<p>The coffee business is not an easy one, respecting the people who made it happen is very important. Labor costs in other countries are extremely low, thus huge profits are made here in United States. People from around the world work very hard to support their family and create a better life for their kids. Any human being on earth can relate to this effort, because we have jobs for the same reason.</p>
<p>We hope you will enjoy this collection of designs, and get inspired!</p>
<p><strong>Peeze Coffee</strong></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/peeze.jpg"><img class="aligncenter size-full wp-image-3844" title="peeze coffee" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/peeze.jpg" alt="peeze coffee" width="700" height="350" /></a></p>
<p><strong>Tiempo</strong></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/tiempo.jpg"><img class="aligncenter size-full wp-image-3847" title="tiempo coffee" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/tiempo.jpg" alt="tiempo coffee" width="780" height="580" /></a></p>
<p><strong>Paulig Coffee</strong></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/paulig.jpg"><img class="aligncenter size-full wp-image-3848" title="paulig coffee packaging" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/paulig.jpg" alt="paulig coffee packaging" width="538" height="600" /></a></p>
<p><strong>The Coffee Co•Op</strong></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/coffee.jpg"><img class="aligncenter size-full wp-image-3843" title="coffee co-op" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/coffee.jpg" alt="coffee co-op" width="538" height="807" /></a></p>
<p>Jacu Coffee</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/coffeedesign.jpg"><img class="aligncenter size-full wp-image-3842" title="coffeedesign" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/coffeedesign.jpg" alt="" width="600" height="450" /></a></p>
<p><strong>Metrio Coffee</strong></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/metrio.png"><img class="aligncenter size-full wp-image-3841" title="metrio" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/metrio.png" alt="metrio" width="600" height="528" /></a></p>
<p><strong>Hello Coffee</strong></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/hello.jpg"><img class="aligncenter size-full wp-image-3845" title="hello" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/hello.jpg" alt="" width="700" height="511" /></a></p>
<h2></h2>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/7-stimulating-creative-coffee-packaging-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An A-Z of Business Quotations Technology</title>
		<link>http://www.dcmedia-design.com/blog/an-a-z-of-business-quotations-technology/</link>
		<comments>http://www.dcmedia-design.com/blog/an-a-z-of-business-quotations-technology/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 22:45:25 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[quotes about technology]]></category>
		<category><![CDATA[quoting technology]]></category>
		<category><![CDATA[tech quotes]]></category>
		<category><![CDATA[technology quotes]]></category>
		<category><![CDATA[the economist]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3723</guid>
		<description><![CDATA[THE story of technology is the story of man’s ascent. It is also the story ]]></description>
				<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-3854" title="economist" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/economist.png" alt="economist" width="116" height="116" /></p>
<p>THE story of technology is the story of man’s ascent. It is also the story ofbusiness. No sooner had prehistoric man discovered how to produce stone tools than he learnt to barter them. Civilisations that mastered technology controlled trade and became powerful, from ancient Chinese and Greeks to the British during the industrial revolution. Today, we are arguably living through a technological revolution as significant as any in history. As ever, it is being driven by business.</p>
<p>“We are stuck with technology when what we really want is just stuff that works.”<br />
<strong>Douglas Adams</strong>, author (1952–2001)</p>
<p>“On two occasions I have been asked, ‘Pray, Mr Babbage, if you put into the machine wrong figures, will the right answers come out?’ I am not able rightly to apprehend the kind of confusion of ideas that could provoke such a question.”<br />
<strong>Charles Babbage</strong> (pictured), father of the computer (1791–1871)</p>
<p>“The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.”<br />
<strong>Warren Bennis</strong>, academic (1925–)</p>
<p>“The first rule of any technology used in a business is that automation applied to an efficient operation will magnify the efficiency. The second is that automation applied to an inefficient operation will magnify the inefficiency.”<br />
<strong>Bill Gates</strong>, founder of Microsoft (1955–)</p>
<p>“When a machine begins to run without human aid, it is time to scrap it–whether it be a factory or a government.”<br />
<strong>Alexander Chase</strong>, writer (1926–), <em>Perspectives</em> (1966)</p>
<p>“By and large, a disruptive technology is initially embraced by the least profitable customers in a market. Hence, most companies with a practiced discipline of listening to their best customers and identifying new products that promise greater profitability and growth are rarely able to build a case for investing in disruptive technologies until it is too late.”<br />
<strong>Clayton Christensen</strong>, academic (1952–), <em>The Innovator’s Dilemma</em> (1997)</p>
<p><img class="aligncenter size-full wp-image-3853" title="the-economist-train-of-thought-small-10087" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/the-economist-train-of-thought-small-10087.jpg" alt="the-economist-train-of-thought-small-10087" width="600" height="303" /></p>
<p>“If GM had kept up with technology like the computer industry has, we would all be driving $25 cars that got 1000 MPG.”<br />
<strong>Bill Gates</strong>, founder of Microsoft (1955–)</p>
<p>“One machine can do the work of 50 ordinary men. No machine can do the work of one extraordinary man.”<br />
<strong>Elbert Hubbard</strong>, philosopher (1856–1915), <em>A Message to Garcia</em> (1899)</p>
<p>“For a list of all the ways technology has failed to improve the quality of life, please press three.”<br />
<strong>Alice Kahn</strong>, writer (1943–)</p>
<p>“Western society has accepted as unquestionable a technological imperative that is quite as arbitrary as the most primitive taboo: not merely the duty to foster invention and constantly to create technological novelties, but equally the duty to surrender to these novelties unconditionally, just because they are offered, without respect to their human consequences.”<br />
<strong>Lewis Mumford</strong>, historian (1895–1990)</p>
<p>“The Christian notion of the possibility of redemption is incomprehensible to the computer.”<br />
<strong>Vance Packard</strong>, writer (1914–96)</p>
<p>“The chief product of an automated society is a widespread and deepening sense of boredom.”<br />
<strong>Cyril Northcote Parkinson</strong>, historian (1909–93)</p>
<p>“If it weren’t for the people, the god-damn people always getting tangled up in the machinery. If it weren’t for them, the world would be an engineer’s paradise.”<br />
<strong>Kurt Vonnegut</strong>, author (1992–2007), <em>Player Piano</em> (1952)</p>
<p>“The IBM machine has no ethic of its own; what it does is enable one or two people to do the computing work that formerly required many more people. If people often use it stupidly, it’s their stupidity, not the machine’s, and a return to the abacus would not exorcise the failing. People can be treated as drudges just as effectively without modern machines.”<br />
<strong>William Whyte</strong>, writer (1917–99), <em>The Organization Man</em> (1956)</p>
<p>“Civilisation requires slaves. The Greeks were quite right there. Unless there are slaves to do the ugly, horrible, uninteresting work, culture and contemplation become almost impossible. Human slavery is wrong, insecure and demoralising. On mechanical slavery, on the slavery of the machine, the future of the world depends.”<br />
<strong>Oscar Wilde</strong>, writer (1854–1900), <em>The Soul of Man Under Socialism</em> (1891)</p>
<p>Taken from <em>The Economist</em>’s “<a href="http://www.store.economist.com/Product-New_Release%2820040918%29-EPO%282%29-EB015%281519%29.aspx">Book of Business Quotations</a>”</p>
<div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/an-a-z-of-business-quotations-technology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Understanding JavaScript OOP</title>
		<link>http://www.dcmedia-design.com/blog/understanding-javascript-oop/</link>
		<comments>http://www.dcmedia-design.com/blog/understanding-javascript-oop/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 01:02:48 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JS OOP]]></category>
		<category><![CDATA[object oriented programming]]></category>
		<category><![CDATA[OOP]]></category>
		<category><![CDATA[prototypical inheritance]]></category>
		<category><![CDATA[prototypical OO]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3733</guid>
		<description><![CDATA[Understanding JavaScript OOP—prototypical inheritance on awesomeness! JavaScript is an object oriented (OO) language, with its ]]></description>
				<content:encoded><![CDATA[<div id="post-header"><strong>Understanding JavaScript OOP—prototypical inheritance on awesomeness!</strong></p>
<div></div>
<div>JavaScript is an object oriented (OO) language, with its roots in the <a href="http://selflanguage.org/">Self</a> programming language, although it&#8217;s (sadly) designed to look like Java. This makes the language&#8217;s really powerful and sweet features stay covered by some pretty ugly and counter-intuitive <em>work-arounds</em>.</div>
</div>
<p>One such affected feature is the implementation of prototypical inheritance. The concepts are simple yet flexible and powerful. It makes inheritance and behaviourism first-class citizens, just like functions are first-class in functional-ish languages (JavaScript included).</p>
<p>Fortunately, <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm" target="_blank">ECMAScript 5</a> has gotten plenty of things to move the language in the right way, and it&#8217;s on those sweet features that this article will expand. I&#8217;ll also cover the drawbacks of JavaScript&#8217;s design, and do a little comparison with the classical model here and there, where those would highlight the advantages or disadvantages of the language&#8217;s implementation of prototypical OO.</p>
<p>It&#8217;s important to note, though, that this article assumes you have knowledge over other basic JavaScript functionality, like functions (including the concepts of closures and first-class functions), primitive values, operators and such.</p>
<div id="table-of-contents"><strong>Table of Contents</strong></p>
<div id="text-table-of-contents">
<ul>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1">1. Objects</a>
<ul>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-1">1.1. What are objects?</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-2">1.2. Creating properties</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-3">1.3. Descriptors</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-4">1.4. Ditching the verbosity</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-5">1.5. Accessing properties</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-6">1.6. Removing properties</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-7" target="_blank">1.7. Getters and setters</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-8">1.8. Listing properties</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-1-9">1.9. Object literals</a></li>
</ul>
</li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-2">2. Methods</a>
<ul>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-2-1">2.1. Dynamic <code>this</code></a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-2-2">2.2. How <code>this</code> is resolved</a>
<ul>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-2-2-1">2.2.1. Called as a method</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-2-2-2">2.2.2. Called directly</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-2-2-3">2.2.3. Explicitly applied</a></li>
</ul>
</li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-2-3">2.3. Bound methods</a></li>
</ul>
</li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-3">3. Inheritance</a>
<ul>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-3-1">3.1. Prototypes</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-3-2">3.2. How <code>[⁣[Prototype]⁣]</code> works</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-3-3">3.3. Overriding properties</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-3-4">3.4. Mixins</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-3-5">3.5. Accessing overwritten properties</a></li>
</ul>
</li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-4">4. Constructors</a>
<ul>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-4-1">4.1. The <code>new</code> magic</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-4-2">4.2. Inheritance with constructors</a></li>
</ul>
</li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-5">5. Considerations and compatibility</a>
<ul>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-5-1">5.1. Creating objects</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-5-2">5.2. Defining properties</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-5-3">5.3. Listing properties</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-5-4">5.4. Bound methods</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-5-5">5.5. Getting the <code>[⁣[Prototype]⁣]</code></a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-5-6">5.6. Libraries that provide fallbacks</a></li>
</ul>
</li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-6">6. Wrapping it up</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-7">7. Things worth reading up next</a></li>
<li><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#sec-8">8. Acknowledgements</a></li>
</ul>
</div>
</div>
<div id="outline-container-1">
<p id="sec-1"><strong>1. Objects</strong></p>
<div id="text-1">
<p>Everything you can manipulate in JavaScript is an object. This includes <code>Strings</code>,<code>Arrays</code>, <code>Numbers</code>, <code>Functions</code>, and, obviously, the so-called <code>Object</code> — there are primitives, but they&#8217;re converted to an object when you need to operate upon them. An object in the language is simply a collection of key/value pairs (and some internal magic sometimes).</p>
<p>There are no concepts of classes anywhere, though. That is, an object with properties<code>name: Linda, age: 21</code> is not an instance of any class, the <code>Object</code> class. Both <code>Object</code>and <code>Linda</code> are instances of themselves. They define their own behaviour, directly. There are no layers of meta-data (i.e.: classes) to dictate what given object must look like.</p>
<p>You might ask: &#8220;how?&#8221;; more so if you come from a highly classically Object Orientated language (like Java or C#). &#8220;Wouldn&#8217;t having each object defining their own behaviour, instead of a common <em>class</em> mean that if I have 100 objects, I will have 100 different methods? Also, isn&#8217;t it dangerous? How would one know if an object is really an Array, for example?&#8221;</p>
<p><img class="size-full wp-image-3830 aligncenter" title="oop-obj-mikhail" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-obj-mikhail.png" alt="" width="340" height="196" />Well, to answer all those questions, we&#8217;ll first need to unlearn everything about the classical OO approach and start from the ground up. But, trust me, it&#8217;s worth it.</p>
<p>The prototypical OO model brings in some new ways of solving old problems, in an more dynamic and expressive way. It also presents new and more powerful models for extensibility and code-reuse, which is what most people are interested about when they talk about Object Orientation. It does not, however, give you contracts. Thus, there are no static guarantees that an object <code>X</code> will always have a given set of properties, but to understand the trade-offs here, we&#8217;ll need to know what we&#8217;re talking about first.</p>
</div>
<div id="outline-container-1-1">
<p id="sec-1-1"><strong>1.1. What are objects?</strong></p>
<div id="text-1-1">
<p>As mentioned previously, objects are simple pairs of unique keys that correspond to a value — we&#8217;ll call this pair a <code>property</code>. So, suppose you&#8217;d want to describe a few aspects of an old friend (say <code>Mikhail</code>), like age, name and gender:</p>
<p>Objects are created in JavaScript using the <code>Object.create</code> function. It takes a parent and an optional set of property descriptors and makes a brand new instance. We&#8217;ll not worry much about the parameters now.</p>
<p>An empty object is an object with no parent, and no properties. The syntax to create such object in JavaScript is the following:</p>
<pre>var mikhail = Object.create(null)</pre>
</div>
</div>
<div id="outline-container-1-2">
<p><strong>1.2. Creating properties</strong></p>
<div id="text-1-2">
<p>So, now we have an object, but no properties — we&#8217;ve got to fix that if we want to describe <code>Mikhail</code>.</p>
<p>Properties in JavaScript are dynamic. That means that they can be created or removed at any time. Properties are also unique, in the sense that a property key inside an object correspond to exactly one value.</p>
<p>Creating new properties is done through the <code>Object.defineProperty</code> function, which takes a reference to an object, the name of the property to create and a descriptor that defines the semantics of the property.</p>
<pre>Object.defineProperty(mikhail, 'name', { value:        'Mikhail'
                                       , writable:     true
                                       , configurable: true
                                       , enumerable:   true })

Object.defineProperty(mikhail, 'age', { value:        19
                                      , writable:     true
                                      , configurable: true
                                      , enumerable:   true })

Object.defineProperty(mikhail, 'gender', { value:        'Male'
                                         , writable:     true
                                         , configurable: true
                                         , enumerable:   true })</pre>
<p><code>Object.defineProperty</code> will create a new property if a property with the given key does not exist in the object, otherwise it&#8217;ll update the semantics and value of the existing property.</p>
<dl>
<dt>By the way</dt>
<dd>You can also use the <code>Object.defineProperties</code> when you need to add more than one property to an object:</dd>
</dl>
</div>
<pre>Object.defineProperties(mikhail, { name:   { value:        'Mikhail'
                                           , writable:     true
                                           , configurable: true
                                           , enumerable:   true }

                                 , age:    { value:        19
                                           , writable:     true
                                           , configurable: true
                                           , enumerable:   true }

                                 , gender: { value:        'Male'
                                           , writable:     true
                                           , configurable: true
                                           , enumerable:   true }})</pre>
<p>Obviously, both calls are overtly verbose — albeit also quite configurable —, thus not really meant for end-user code. It&#8217;s better to create an abstraction layer on top of them.</p>
</div>
</div>
<div id="outline-container-1-3">
<p id="sec-1-3"><strong>1.3. Descriptors</strong></p>
<div id="text-1-3">
<p>The little objects that carry the semantics of a property are called descriptors (we used them in the previous <code>Object.defineProperty</code> calls). Descriptors can be one of two types &#8211; data descriptors or accessor descriptors.</p>
<p>Both types of descriptor contain flags, which define how a property is treated in the language. If a flag is not set, it&#8217;s assumed to be <code>false</code> — unfortunately this is usually not a good default value for them, which adds to the verbosity of these descriptors.</p>
<dl>
<dt>writable</dt>
<dd>Whether the concrete value of the property may be changed. Only applies to data descriptors.</dd>
<dt>configurable</dt>
<dd>Whether the type of descriptor may be changed, or if the property can be removed.</dd>
<dt>enumerable</dt>
<dd>Whether the property is listed in a loop through the properties of the object.</dd>
</dl>
<p>Data descriptors are those that hold concrete values, and therefore have an additional<code>value</code> parameter, describing the concrete data bound to the property:</p>
<dl>
<dt>value</dt>
<dd>The value of a property.</dd>
</dl>
<p>Accessor descriptors, on the other hand, proxy access to the concrete value through getter and setter functions. When not set, they&#8217;ll default to <code>undefined</code>.</p>
<dl>
<dt>get ()</dt>
<dd>A function called with no arguments when the property value is requested.</dd>
<dt>set (new_value)</dt>
<dd>A function called with the new value for the property when the user tries to modify the value of the property.</dd>
</dl>
</div>
</div>
<div id="outline-container-1-4">
<p id="sec-1-4"><strong>1.4. Ditching the verbosity</strong></p>
<div id="text-1-4">
<p>Luckily, property descriptors are not the only way of working with properties in JavaScript, they can also be handled in a sane and concise way.</p>
<p>JavaScript also understands references to a property using what we call <em>bracket notation</em>. The general rule is:</p>
<pre>&lt;bracket-access&gt; ::= &lt;identifier&gt; "[" &lt;expression&gt; "]"</pre>
<p>Where <code>identifier</code> is the variable that holds the object containing the properties we want to access, and <code>expression</code> is any valid JavaScript expression that defines the name of the property. There are no constraints in which name a property can have<sup><a name="fnr.1" href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#fn.1"></a>1</sup>, everything is fair game.</p>
<p>Thus, we could just as well rewrite our previous example as:</p>
<pre>mikhail['name']   = 'Mikhail'
mikhail['age']    = 19
mikhail['gender'] = 'Male'</pre>
<p>⁣</p>
<dl>
<dt>Note</dt>
<dd>All property names are ultimately converted to a String, such that <code>object[1]</code>,<code>object[⁣[1]⁣]</code>, <code>object['1']</code> and <code>object[variable]</code> (when the variable resolves to<code>1</code>) are all equivalent.</dd>
</dl>
<p>There is another way of referring to a property called <em>dot notation</em>, which usually looks less cluttered and is easier to read than the bracket alternative. However, it only works when the property name is a <a href="http://es5.github.com/#x7.6">valid JavaScript IdentifierName</a><sup><a name="fnr.2" href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#fn.2"></a>2</sup>, and doesn&#8217;t allow for arbitrary expressions (so, variables here are a no-go).</p>
<p>The rule for <em>dot notation</em> is:</p>
<pre>&lt;dot-access&gt; ::= &lt;identifier&gt; "." &lt;identifier-name&gt;</pre>
<p>This would give us an even sweeter way of defining properties:</p>
<pre>mikhail.name   = 'Mikhail'
mikhail.age    = 19
mikhail.gender = 'Male'</pre>
<p>Both of these syntaxes are equivalent to creating a data property, with all semantic flags set to <code>true</code>.</p>
</div>
</div>
<div id="outline-container-1-5">
<p id="sec-1-5"><strong>1.5. Accessing properties</strong></p>
<div id="text-1-5">
<p>Retrieving the values stored in a given property is as easy as creating new ones, and the syntax is mostly similar as well — the only difference being there isn&#8217;t an assignment.</p>
<p>So, if we want to check on Mikhail&#8217;s age:</p>
<pre>mikhail['age']
// =&gt; 19</pre>
<p>Trying to access a property that does not exist in the object simply returns <code>undefined</code> <sup><a name="fnr.3" href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#fn.3"></a>3</sup>:</p>
<pre>mikhail['address']
// =&gt; undefined</pre>
</div>
</div>
<div id="outline-container-1-6">
<p><strong>1.6. Removing properties</strong></p>
<div id="text-1-6">
<p>To remove entire properties from an object, JavaScript provides the <code>delete</code> operator. So, if you wanted to remove the <code>gender</code> property from the <code>mikhail</code> object:</p>
<pre>delete mikhail['gender']
// =&gt; true

mikhail['gender']
// =&gt; undefined</pre>
<p>The <code>delete</code> operator returns <code>true</code> if the property was removed, <code>false</code> otherwise. I won&#8217;t delve into details of the workings of this operator, since <a href="http://twitter.com/kangax">@kangax</a> has already written a <a href="http://perfectionkills.com/understanding-delete/">most awesome article on how delete works</a>.</p>
</div>
</div>
<div id="outline-container-1-7">
<p id="sec-1-7"><strong>1.7. Getters and setters</strong></p>
<div id="text-1-7">
<p>Getters and setters are usually used in classical object oriented languages to provide encapsulation. They are not much needed in JavaScript, though, given how dynamic the language is — <del>and my bias against the feature</del>.</p>
<p>At any rate, they allow you to proxy the requests for reading a property value or setting it, and decide how to handle each situation. So, suppose we had separate slots for our object&#8217;s first and last name, but wanted a simple interface for reading and setting it.</p>
<p>First, let&#8217;s set the first and last names of our friend, as concrete data properties:</p>
<pre>Object.defineProperty(mikhail, 'first_name', { value:    'Mikhail'
                                             , writable: true })

Object.defineProperty(mikhail, 'last_name', { value:    'Weiß'
                                            , writable: true })</pre>
<p>Then we can define a common way of accessing and setting both of those values at the same time — let&#8217;s call it <code>name</code>:</p>
<pre>// () → String
// Returns the full name of object.
function get_full_name() {
    return this.first_name + ' ' + this.last_name
}

// (new_name:String) → undefined
// Sets the name components of the object, from a full name.
function set_full_name(new_name) { var names
    names = new_name.trim().split(/\s+/)
    this.first_name = names[⁣'0'] || ''
    this.last_name  = names['1'] || ''
}

Object.defineProperty(mikhail, 'name', { get: get_full_name
                                       , set: set_full_name
                                       , configurable: true
                                       , enumerable:   true })</pre>
<p>Now, every-time we try to access the value of Mikhail&#8217;s <code>name</code> property, it&#8217;ll execute the<code>get_full_name</code> getter.</p>
<pre>mikhail.name
// =&gt; 'Mikhail Weiß'

mikhail.first_name
// =&gt; 'Mikhail'

mikhail.last_name
// =&gt; 'Weiß'

mikhail.last_name = 'White'
mikhail.name
// =&gt; 'Mikhail White'</pre>
<p>We can also set the name of the object, by assigning a value to the property, this will then execute <code>set_full_name</code> to do the dirty work.</p>
<pre>mikhail.name = 'Michael White'

mikhail.name
// =&gt; 'Michael White'

mikhail.first_name
// =&gt; 'Michael'

mikhail.last_name
// =&gt; 'White'</pre>
<p>Of course, getters and setters make property access and modification <a href="http://jsperf.com/getter-setter/8">fairly slower</a>. They do have some use-cases, but while browsers don&#8217;t optimise them better, methods seem to be the way to go.</p>
<p>Also, it should be noted that while getters and setters are usually used for encapsulation in other languages, in ECMAScript 5 you still can&#8217;t have such if you need the information to be stored in the object itself. All properties in an object are public.</p>
</div>
</div>
<div id="outline-container-1-8">
<p id="sec-1-8"><strong>1.8. Listing properties</strong></p>
<div id="text-1-8">
<p>Since properties are dynamic, JavaScript provides a way of checking out which properties an object defines. There are two ways of listing the properties of an object, depending on what kind of properties one is interested into.</p>
<p>The first one is done through a call to <code>Object.getOwnPropertyNames</code>, which returns an<code>Array</code> containing the names of <strong>all</strong> properties set directly in the object — we call these kind of property <strong>own</strong>, by the way.</p>
<p>If we check now what we know about Mikhail:</p>
<pre>Object.getOwnPropertyNames(mikhail)
// =&gt; [ 'name', 'age', 'gender', 'first_name', 'last_name' ]</pre>
<p>The second way is using <code>Object.keys</code>, which returns all own properties that have been marked as <strong>enumerable</strong> when they were defined:</p>
<pre>Object.keys(mikhail)
// =&gt; [ 'name', 'age', 'gender' ]</pre>
</div>
</div>
<div id="outline-container-1-9">
<p><strong>1.9. Object literals</strong></p>
<div id="text-1-9">
<p>An even easier way of defining objects is to use the object literal (also called <em>object initialiser</em>) syntax that JavaScript provides. An object literal denotes a fresh object, that has its parent as the <code>Object.prototype</code> object. We&#8217;ll talk more about parents when we visit inheritance, later on.</p>
<p>At any rate, the object literal syntax allows you to define simple objects and initialise it with properties at the same time. So, we could rewrite our Mikhail object to the following:</p>
<pre>var mikhail = { first_name: 'Mikhail'
              , last_name:  'Weiß'
              , age:        19
              , gender:     'Male'

              // () → String
              // Returns the full name of object.
              , get name() {
                    return this.first_name + ' ' + this.last_name }

              // (new_name:String) → undefined
              // Sets the name components of the object,
              // from a full name.
              , set name(new_name) { var names
                    names = new_name.trim().split(/\s+/)
                    this.first_name = names['0'] || ''
                    this.last_name  = names['1'] || '' }
              }</pre>
<p>Property names that are not valid identifiers must be quoted. Also note that the getter/setter notation for object literals strictly defines a new anonymous function. If you want to assign a previously declared function to a getter/setter, you need to use the<code>Object.defineProperty</code> function.</p>
<p>The rules for object literal can be described as the following:</p>
<pre>&lt;object-literal&gt;  ::= "{" &lt;property-list&gt; "}"
                    ;
&lt;property-list&gt;   ::= &lt;property&gt; ["," &lt;property&gt;]*
                    ;
&lt;property&gt;        ::= &lt;data-property&gt;
                    | &lt;getter-property&gt;
                    | &lt;setter-property&gt;
                    ;
&lt;data-property&gt;   ::= &lt;property-name&gt; ":" &lt;expression&gt;
                    ;
&lt;getter-property&gt; ::= "get" &lt;identifier&gt;
                    :       &lt;function-parameters&gt;
                    :       &lt;function-block&gt;
                    ;
&lt;setter-property&gt; ::= "set" &lt;identifier&gt;
                    :       &lt;function-parameters&gt;
                    :       &lt;function-block&gt;
                    ;
&lt;property-name&gt;   ::= &lt;identifier&gt;
                    | &lt;quoted-identifier&gt;
                    ;</pre>
<p>Object literals can only appear inside expressions in JavaScript. Since the syntax is ambiguous to block statements in the language, new-comers usually confound the two:</p>
<pre>// This is a block statement, with a label:
{ foo: 'bar' }
// =&gt; 'bar'

// This is a syntax error (labels can't be quoted):
{ "foo": 'bar' }
// =&gt; SyntaxError: Invalid label

// This is an object literal (note the parenthesis to force
// parsing the contents as an expression):
({ "foo": 'bar' })
// =&gt; { foo: 'bar' }

// Where the parser is already expecting expressions,
// object literals don't need to be forced. E.g.:
var x = { foo: 'bar' }
fn({foo: 'bar'})
return { foo: 'bar' }
1, { foo: 'bar' }
( ... )</pre>
</div>
</div>
<div id="outline-container-2">
<p><strong>2. Methods</strong></p>
<div id="text-2">
<p>Up until now, the Mikhail object only defined slots of concrete data — with the exception of the name getter/setter. Defining actions that may be performed on a certain object in JavaScript is just as simple.</p>
<p>This is because JavaScript does not differentiate how you can manipulate a <code>Function</code>, a<code>Number</code> or an <code>Object</code>. Everything is treated the same way (i.e.: functions in JavaScript are first-class).</p>
<p>As such, to define an action for a given object, you just assign a function object reference to a property. Let&#8217;s say we wanted a way for Mikhail to greet someone:</p>
<pre>// (person:String) → String
// Greets a random person
mikhail.greet = function(person) {
    return this.name + ': Why, hello there, ' + person + '.'
}</pre>
<p>After setting the property, we can use it the same way we used the concrete data that were assigned to the object. That is, accessing the property will return a reference to the function object stored there, so we can just call.</p>
<pre>mikhail.greet('you')
// =&gt; 'Michael White: Why, hello there, you.'

mikhail.greet('Kristin')
// =&gt; 'Michael White: Why, hello there, Kristin.'</pre>
</div>
<div id="outline-container-2-1">
<p><strong>2.1. Dynamic </strong><code>this</code></p>
<div id="text-2-1">
<p>One thing that you must have noticed both in the <code>greet</code> function, and the functions we&#8217;ve used for the <code>name</code>&#8216;s getter/setter, is that they use a magical variable called <code>this</code>.</p>
<p>It holds a reference to the object that the function is being applied to. This doesn&#8217;t necessarily means that <code>this</code> will equal the object where the function is <strong>stored</strong>. No, JavaScript is not so selfish.</p>
<p>Functions are generics. That is, in JavaScript, what <code>this</code> refers to is decided dynamically, at the time the function is called, and depending only on how such a function is called.</p>
<p>Having <code>this</code> dynamically resolved is an incredible powerful mechanism for the dynamism of JavaScript&#8217;s object orientation and lack of strictly enforced structures (i.e.: classes), this means one can apply a function to any object that meets the requirements of the actions it performs, regardless of how the object has been constructed — hack in some custom multiple dispatcher and you have <a href="http://en.wikipedia.org/wiki/Common_Lisp_Object_System">CLOS</a>.</p>
</div>
</div>
<div id="outline-container-2-2">
<p id="sec-2-2"><strong>2.2. How <code>this</code> is resolved</strong></p>
<div id="text-2-2">
<p>There are four different ways of resolving the <code>this</code> variable in a function, depending on how a function is called: directly; as a method; explicitly applied; as a constructor. We&#8217;ll dive in the first three for now, and come back at constructors later on.</p>
<p>For the following examples, we&#8217;ll take these definitions into account:</p>
<pre>// (other:Number[, yet_another:Number]) → Number
// Returns the sum of the object's value with the given Number
function add(other, yet_another) {
    return this.value + other + (yet_another || 0)
}

var one = { value: 1, add: add }
var two = { value: 2, add: add }</pre>
</div>
<div id="outline-container-2-2-1">
<p><strong>2.2.1. Called as a method</strong></p>
<div id="text-2-2-1">
<p>If a function is called as an object&#8217;s method, then <code>this</code> inside the function will refer to the object. That is, when we explicitly state that an object is carrying an action, then that object will be our <code>this</code> inside the function.</p>
<p>This is what happened when we called <code>mikhail.greet()</code>. The property access at the time of the call tells JavaScript that we want to apply whatever actions the <code>greet</code>function defines to the <code>mikhail</code> object.</p>
<pre>one.add(two.value) // this === one
// =&gt; 3

two.add(3)         // this === two
// =&gt; 5

one['add'](two.value) // brackets are cool too
// =&gt; 3</pre>
</div>
</div>
<div id="outline-container-2-2-2">
<p id="sec-2-2-2"><strong>2.2.2. Called directly</strong></p>
<div id="text-2-2-2">
<p>When a function is called directly, <code>this</code> will be resolved to the global object in the engine (e.g.: <code>window</code> in browsers, <code>global</code> in Node.js)</p>
<pre>add(two.value)  // this === global
// =&gt; NaN

// The global object still has no `value' property, let's fix that.
value = 2
add(two.value)  // this === global
// =&gt; 4</pre>
</div>
</div>
<div id="outline-container-2-2-3">
<p><strong>2.2.3. Explicitly applied</strong></p>
<div id="text-2-2-3">
<p>Finally, a function may be explicitly applied to any object, regardless of whether the object has the function stored as a property or not. These applications are done through a either the <code>call</code> or <code>apply</code> method of a function object.</p>
<p>The difference between these two methods is the way they take in the parameters that will be passed to the function, and the performance — <code>apply</code> being up to 55x slower than a direct call, whereas <code>call</code> is usually not as bad. This might vary greatly depending on the engine though, so it&#8217;s always better to do a <a href="http://jsperf.com/">Perf test</a> rather than being scared of using the functionality — don&#8217;t optimise early!</p>
<p>Anyways, <code>call</code> expects the object that the function will be applied to as the first parameter, and the parameters to apply to the function as positional arguments:</p>
<pre>add.call(two, 2, 2)      // this === two
// =&gt; 6

add.call(window, 4)      // this === global
// =&gt; 6

add.call(one, one.value) // this === one
// =&gt; 2</pre>
<p>On the other hand, <code>apply</code> lets you pass an array of parameters as the second parameter of the function. The array will be passed as positional arguments to the target function:</p>
<pre>add.apply(two, [2, 2])       // equivalent to two.add(2, 2)
// =&gt; 6

add.apply(window, [ 4 ])       // equivalent to add(4)
// =&gt; 6

add.apply(one, [one.value])  // equivalent to one.add(one.value)
// =&gt; 2</pre>
<dl>
<dt>Note</dt>
<dd>What <code>this</code> resolves to when applying a function to <code>null</code> or <code>undefined</code> depends on the semantics used by the engine. Usually, it would be the same as explicitly applying the function to the global object. But if the engine is running on <a href="https://developer.mozilla.org/en/JavaScript/Strict_mode">strict mode</a>, then<code>this</code> will be resolved as expected — to the exact thing it was applied to:</dd>
</dl>
</div>
<pre>window.value = 2
add.call(undefined, 1) // this === window
// =&gt; 3

void function() {
  "use strict"
  add.call(undefined, 1) // this === undefined
  // =&gt; NaN
  // Since primitives can't hold properties.
}()</pre>
</div>
</div>
</div>
<div id="outline-container-2-3">
<p id="sec-2-3"><strong>2.3. Bound methods</strong></p>
<div id="text-2-3">
<p>Aside from the dynamic nature of functions in JavaScript, there is also a way of making a function bound to an specific object, such that <code>this</code> inside that function will always resolve to the given object, regardless of whether it&#8217;s called as that object&#8217;s method or directly.</p>
<p>The function that provides such functionality is <code>bind</code>. It takes an object, and additional parameters (in the same manner as <code>call</code>), and returns a new function that will apply those parameters to the original function when called:</p>
<pre>var one_add = add.bind(one)

one_add(2) // this === one
// =&gt; 3

two.one_adder = one_add
two.one_adder(2) // this === one
// =&gt; 3

one_add.call(two) // this === one
// =&gt; 3</pre>
</div>
</div>
<div id="outline-container-3">
<p><strong>3. Inheritance</strong></p>
<div id="text-3">
<p>Up to this point we have seen how objects can define their own behaviours, and how we can reuse (by explicit application) actions in other objects, however, this still doesn&#8217;t give us a nice way for code reuse and extensibility.</p>
<p>That&#8217;s where inheritance comes into play. Inheritance allows for a greater separation of concerns, where objects define specialised behaviours by building upon the behaviours of other objects.</p>
<p>The prototypical model goes further than that, though, and allows for selective extensibility, behaviour sharing and other interesting patterns we&#8217;ll explore in a bit. Sad thing is: the specific model of prototypical OO implemented by JavaScript is a bit limited, so circumventing these limitations to accommodate these patterns will bring in a bit of overhead sometimes.</p>
</div>
<div id="outline-container-3-1">
<p id="sec-3-1"><strong>3.1. Prototypes</strong></p>
<div id="text-3-1">
<p>Inheritance in JavaScript revolves around cloning the behaviours of an object and extending it with specialised behaviours. The object that has it&#8217;s behaviours cloned is called <strong>Prototype</strong> (not to be confounded with the <code>prototype</code> property of functions).</p>
<p>A prototype is just a plain object, that happens to share it&#8217;s behaviours with another object — it acts as the object&#8217;s parent.</p>
<p>Now, the concepts of this <em>behaviour cloning</em> does not imply that you&#8217;ll have two different copies of the same function, or data. In fact, JavaScript implements inheritance by delegation, all properties are kept in the parent, and access to them is just extended for the child.</p>
<p>As mentioned previously, the parent (or <code>[⁣[Prototype]⁣]</code>) of an object is defined by making a call to <code>Object.create</code>, and passing a reference of the object to use as parent in the first parameter.</p>
<p>This would come well in our example up until now. For example, the greeting and name actions can be well defined in a separate object and shared with other objects that need them.</p>
<p>Which takes us to the following model:</p>
<p><img class="aligncenter size-full wp-image-3831" title="oop-proto-person" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-proto-person.png" alt="" width="490" height="406" />We can implement this in JavaScript with the following definitions:</p>
<pre>var person = Object.create(null)

// Here we are reusing the previous getter/setter functions
Object.defineProperty(person, 'name', { get: get_full_name
                                      , set: set_full_name
                                      , configurable: true
                                      , enumerable:   true })

// And adding the `greet' function
person.greet = function (person) {
    return this.name + ': Why, hello there, ' + person + '.'
}

// Then we can share those behaviours with Mikhail
// By creating a new object that has it's [[Prototype]] property
// pointing to `person'.
var mikhail = Object.create(person)
mikhail.first_name = 'Mikhail'
mikhail.last_name  = 'Weiß'
mikhail.age        = 19
mikhail.gender     = 'Male'

// And we can test whether things are actually working.
// First, `name' should be looked on `person'
mikhail.name
// =&gt; 'Mikhail Weiß'

// Setting `name' should trigger the setter
mikhail.name = 'Michael White'

// Such that `first_name' and `last_name' now reflect the
// previously name setting.
mikhail.first_name
// =&gt; 'Michael'
mikhail.last_name
// =&gt; 'White'

// `greet' is also inherited from `person'.
mikhail.greet('you')
// =&gt; 'Michael White: Why, hello there, you.'

// And just to be sure, we can check which properties actually
// belong to `mikhail'
Object.keys(mikhail)
// =&gt; [ 'first_name', 'last_name', 'age', 'gender' ]</pre>
</div>
</div>
<div id="outline-container-3-2">
<p><strong>3.2. How <code>[⁣[Prototype]⁣]</code> works</strong></p>
<div id="text-3-2">
<p>As you could see from the previous example, none of the properties defined in <code>Person</code>have flown to the <code>Mikhail</code> object, and yet we could access them just fine. This happens because JavaScript implements delegated property access, that is, a property is searched through all parents of an object.</p>
<p>This parent chain is defined by a hidden slot in every object, called <code>[⁣[Prototype]⁣]</code>. You can&#8217;t change this slot directly<sup><a name="fnr.4" href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#fn.4"></a>4</sup>, so the only way of setting it is when you&#8217;re creating a fresh object.</p>
<p>When a property is requested from the object, the engine first tries to retrieve the property from the target object. If the property isn&#8217;t there, the search continue through the immediate parent of that object, and the parent of that parent, and so on.</p>
<p>This means that we can change the behaviours of a prototype at run time, and have it reflected in all objects that inherit from it. For example, let&#8217;s suppose we wanted a different default greeting:</p>
<pre>// (person:String) → String
// Greets the given person
person.greet = function(person) {
    return this.name + ': Harro, ' + person + '.'
}

mikhail.greet('you')
// =&gt; 'Michael White: Harro, you.'</pre>
</div>
</div>
<div id="outline-container-3-3">
<p><strong>3.3. Overriding properties</strong></p>
<div id="text-3-3">
<p>So, prototypes (that is, inheritance) are used for sharing data with other objects, and it does such in a pretty fast and memory-effective manner too, since you&#8217;ll always have only one instance of a given piece of data lying around.</p>
<p>Now what if we want to add specialised behaviours, that build upon the data that was shared with the object? Well, we have seen before that objects define their own behaviours by means of properties, so specialised behaviours follow the same principle — you just assign a value to the relevant property.</p>
<p>To better demonstrate it, suppose <code>Person</code> implements only a general greeting, and everyone inheriting from <code>Person</code> define their own specialised and unique greetings. Also, let&#8217;s add a new person to our case scenario, so to outline better how objects are extended:</p>
<p style="text-align: center;"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-extend.png"><img class="aligncenter  wp-image-3832" title="oop-extend" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-extend.png" alt="oop-extend" width="575" height="372" /></a></p>
<p>Note that both <code>mikhail</code> and <code>kristin</code> define their own version of <code>greet</code>. In this case, whenever we call the <code>greet</code> method on them they&#8217;ll use their own version of that behaviour, instead of the one that was shared from <code>person</code>.</p>
<pre>// Here we set up the greeting for a generic person

// (person:String) → String
// Greets the given person, formally
person.greet = function(person) {
    return this.name + ': Hello, ' + (person || 'you')
}

// And a greeting for our protagonist, Mikhail

// (person:String) → String
// Greets the given person, like a bro
mikhail.greet = function(person) {
    return this.name + ': \'sup, ' + (person || 'dude')
}

// And define our new protagonist, Kristin
var kristin = Object.create(person)
kristin.first_name = 'Kristin'
kristin.last_name  = 'Weiß'
kristin.age        = 19
kristin.gender     = 'Female'

// Alongside with her specific greeting manners

// (person:String) → String
// Greets the given person, sweetly
kristin.greet = function(person) {
    return this.name + ': \'ello, ' + (person || 'sweetie')
}

// Finally, we test if everything works according to the expected

mikhail.greet(kristin.first_name)
// =&gt; 'Michael White: \'sup, Kristin'

mikhail.greet()
// =&gt; 'Michael White: \'sup, dude'

kristin.greet(mikhail.first_name)
// =&gt; 'Kristin Weiß: \'ello, Michael'

// And just so we check how cool this [[Prototype]] thing is,
// let's get Kristin back to the generic behaviour

delete kristin.greet
// =&gt; true

kristin.greet(mikhail.first_name)
// =&gt; 'Kristin Weiß: Hello, Michael'</pre>
</div>
</div>
<div id="outline-container-3-4">
<p><strong>3.4. Mixins</strong></p>
<div id="text-3-4">
<p>Prototypes allow for behaviour sharing in JavaScript, and although they are undeniably powerful, they aren&#8217;t quite as powerful as they could be. For one, prototypes only allow that one object inherit from another single object, while extending those behaviours as they see fit.</p>
<p>However, this approach quickly kills interesting things like behaviour composition, where we could mix-and-match several objects into one, with all the advantages highlighted in the prototypical inheritance.</p>
<p>Multiple inheritance would also allow the usage of <em>data-parents</em> — objects that provide an example state that fulfils the requirements for a given behaviour. Default properties, if you will.</p>
<p>Luckily, since we can define behaviours directly on an object in JavaScript, we can work-around these issues by using mixins — and adding a little overhead at object&#8217;s creation time.</p>
<p>So, what are mixins anyways? Well, they are parent-less objects. That is, they fully define their own behaviour, and are mostly designed to be incorporated in other objects (although you could use their methods directly).</p>
<p>Continuing with our little protagonists&#8217; scenario, let&#8217;s extend it to add some capabilities to them. Let&#8217;s say that every person can also be a <code>pianist</code> or a <code>singer</code>. A given person can have no such abilities, be just a pianist, just a singer or both. This is the kind of case where JavaScript&#8217;s model of prototypical inheritance falls short, so we&#8217;re going to cheat a little bit.</p>
<p style="text-align: center;"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-mixins.png"><img class="aligncenter  wp-image-3833" title="oop-mixins" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-mixins.png" alt="oop-mixins" width="511" height="108" /></a></p>
<p>For mixins to work, we first need to have a way of combining different objects into a single one. JavaScript doesn&#8217;t provide this out-of-the box, but we can easily make one by copying all <strong>own</strong> property descriptors, the ones defined directly in the object, rather than inherited, from one object to another.</p>
<pre>// Aliases for the rather verbose methods on ES5
var descriptor  = Object.getOwnPropertyDescriptor
  , properties  = Object.getOwnPropertyNames
  , define_prop = Object.defineProperty

// (target:Object, source:Object) → Object
// Copies properties from `source' to `target'
function extend(target, source) {
    properties(source).forEach(function(key) {
        define_prop(target, key, descriptor(source, key)) })

    return target
}</pre>
<p>Basically, what <code>extend</code> does here is taking two objects — a source and a target, — iterating over all properties present on the <code>source</code> object, and copying the property descriptors over to <code>target</code>. Note that this is a destructive method, meaning that<code>target</code> will be modified in-place. It&#8217;s the cheapest way, though, and usually not a problem.</p>
<p>Now that we have a method for copying properties over, we can start assigning multiple abilities to our objects (<code>mikhail</code> e <code>kristin</code>):</p>
<pre>// A pianist is someone who can `play' the piano
var pianist = Object.create(null)
pianist.play = function() {
    return this.name + ' starts playing the piano.'
}

// A singer is someone who can `sing'
var singer = Object.create(null)
singer.sing = function() {
    return this.name + ' starts singing.'
}

// Then we can move on to adding those abilities to
// our main objects:
extend(mikhail, pianist)
mikhail.play()
// =&gt; 'Michael White starts playing the piano.'

// We can see that all that ends up as an own property of
// mikhail. It is not shared.
Object.keys(mikhail)
['first_name', 'last_name', 'age', 'gender', 'greet', 'play']

// Then we can define kristin as a singer
extend(kristin, singer)
kristin.sing()
// =&gt; 'Kristin Weiß starts singing.'

// Mikhail can't sing yet though
mikhail.sing()
// =&gt; TypeError: Object #&lt;Object&gt; has no method 'sing'

// But mikhail will inherit the `sing' method if we
// extend the Person prototype with it:
extend(person, singer)

mikhail.sing()
// =&gt; 'Michael White starts singing.'</pre>
</div>
</div>
<div id="outline-container-3-5">
<p><strong>3.5. Accessing overwritten properties</strong></p>
<div id="text-3-5">
<p>Now that we&#8217;re able to inherit properties from other objects and extend the specialised objects to define their own behaviours, we have a little problem: what if we actually wanted to access the parent behaviours that we just overwrote?</p>
<p>JavaScript provides the <code>Object.getPrototypeOf</code> function, that returns the<code>[⁣[Prototype]⁣]</code> of an object. This way, we have access to all properties defined within the prototype chain of an object. So, accessing a property in the parent of an object is quite simple:</p>
<pre>Object.getPrototypeOf(mikhail).name    // same as `person.name'
// =&gt; 'undefined undefined'

// We can assert it's really being called on `person' by
// giving `person' a `first_name' and `last_name'
person.first_name = 'Random'
person.last_name  = 'Person'
Object.getPrototypeOf(mikhail).name
// =&gt; 'Random Person'</pre>
<p>So, a naïve solution for applying a method stored in the <code>[⁣[Prototype]⁣]</code> of an object to the current one, would then follow, quite naturally, by looking the property on the<code>[⁣[Prototype]⁣]</code> of <code>this</code>:</p>
<pre>var proto = Object.getPrototypeOf

// (name:String) → String
// Greets someone intimately if we know them, otherwise use
// the generic greeting
mikhail.greet = function(name) {
    return name == 'Kristin Weiß'?  this.name + ': Heya, Kristty'
         : /* we dunno this guy */  proto(this).greet.call(this, name)
}

mikhail.greet(kristin.name)
// =&gt; 'Michael White: Heya, Kristty'

mikhail.greet('Margareth')
// =&gt; 'Michael White: Hello, Margareth'</pre>
<p>This looks all good and well, but there&#8217;s a little catch: it will enter in endless recursion if you try to apply this approach to more than one parent. This happens because the methods are always applied in the context of the message&#8217;s first target, making the<code>[⁣[Prototype]⁣]</code> lookup resolve always to the same object:</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-super.png"><img class="aligncenter  wp-image-3834" title="oop-super" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-super.png" alt="oop-super" width="500" height="156" /></a>The simple solution to this, then, is to make all parent look-ups static, by passing the object where the current function is stored, rather than the object that the function was applied to.</p>
<p>So, the last example becomes:</p>
<pre>var proto = Object.getPrototypeOf

// (name:String) → String
// Greets someone intimately if we know them, otherwise use
// the generic greeting.
//
// Note that now we explicitly state that the lookup should take
// the parent of `mikhail', so we can be assured the cyclic parent
// resolution above won't happen.
mikhail.greet = function(name) {
    return name == 'Kristin Weiß'?  this.name + ': Heya, Kristty'
         : /* we dunno this guy */  proto(mikhail).greet.call(this, name)
}

mikhail.greet(kristin.name)
// =&gt; 'Michael White: Heya, Kristty'

mikhail.greet('Margareth')
// =&gt; 'Michael White: Hello, Margareth'</pre>
<p>Still, this has quite some short-commings. First, since the object is hard-coded in the function, we can&#8217;t just assign the function to any object and have it just work, as we did up &#8217;till now. The function would always resolve to the parent of <code>mikhail</code>, not of the object where it&#8217;s stored.</p>
<p>Likewise, we can&#8217;t just apply the function to any object. The function is not generic anymore. Unfortunately, though, making the parent resolution dynamic would require us to pass an additional parameter to every function call, which is something that can&#8217;t be achieved short of ugly hacks.</p>
<p>The approach proposed for the next version of JavaScript only solves the first problem, which is the easiest. Here, we&#8217;ll do the same, by introducing a new way of defining methods. Yes, methods, not generic functions.</p>
<p>Functions that need to access the properties in the <code>[⁣[Prototype]⁣]</code> will require an additional information: the object where they are stored. This makes the lookup static, but solves our cyclic lookup problem.</p>
<p>We do this by introducing a new function — <code>make_method</code> — which creates a function that passes this information to the target function.</p>
<pre>// (object:Object, fun:Function) → Function
// Creates a method
function make_method(object, fun) {
    return function() { var args
        args = slice.call(arguments)
        args.unshift(object)        // insert `object' as first parameter
        fn.apply(this, args) }
}

// Now, all functions that are expected to be used as a method
// should remember to reserve the first parameter to the object
// where they're stored.
//
// Note that, however, this is a magical parameter introduced
// by the method function, so any function calling the method
// should pass only the usual arguments.
function message(self, message) { var parent
    parent = Object.getPrototypeOf(self)
    if (parent &amp;&amp; parent.log)
        parent.log.call(this, message)

    console.log('-- At ' + self.name)
    console.log(this.name + ': ' + message)
}

// Here we define a prototype chain C -&gt; B -&gt; A
var A  = Object.create(null)
A.name = 'A'
A.log  = make_method(A, message)

var B  = Object.create(A)
B.name = 'B'
B.log  = make_method(B, message)

var C  = Object.create(B)
C.name = 'C'
C.log  = make_method(C, message)

// And we can test if it works by calling the methods:
A.log('foo')
// =&gt; '-- At A'
// =&gt; 'A: foo'

B.log('foo')
// =&gt; '-- At A'
// =&gt; 'B: foo'
// =&gt; '-- At B'
// =&gt; 'B: foo'

C.log('foo')
// =&gt; '-- At A'
// =&gt; 'C: foo'
// =&gt; '-- At B'
// =&gt; 'C: foo'
// =&gt; '-- At C'
// =&gt; 'C: foo'</pre>
</div>
</div>
</div>
<div id="outline-container-4">
<p><strong>4. Constructors</strong></p>
<div id="text-4">
<p>Constructor functions are the old pattern for creating objects in JavaScript, which couple inheritance with initialisation in an imperative manner.</p>
<p>Constructor functions <strong>are not</strong>, however, a special construct in the language. Any simple function can be used as a constructor function; just like <code>this</code>, it all depends on how the function is called.</p>
<p>So, what&#8217;s it about constructor functions, really? Well, every function object in JavaScript automatically gets a <code>prototype</code> property, that is a simple object with a <code>constructor</code>property pointing back to the constructor function. And this object is used to determine the <code>[⁣[Prototype]⁣]</code> of instances created with that constructor function.</p>
<p>The following diagram shows the objects for the constructor function<code>function Person(first_name, last_name)</code>:</p>
<p style="text-align: center;"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-ctor.png"><img class="aligncenter  wp-image-3835" title="oop-ctor" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/oop-ctor.png" alt="" width="505" height="304" /></a></p>
</div>
<div id="outline-container-4-1">
<p id="sec-4-1"><strong>4.1. The <code>new</code> magic</strong></p>
<div id="text-4-1">
<p>The <code>prototype</code> <em>per se</em> is not a special property, however it gains special meaning when a constructor function is used in conjunction with the <code>new</code> statement. As I said before, in this case the <code>prototype</code> property of the constructor function is used to provide the<code>[⁣[Prototype]⁣]</code> of the instance.</p>
<pre>// Constructs a new Person
function Person(first_name, last_name) {
    // If the function is called with `new', as we expect
    // `this' here will be the freshly created object
    // with the [[Prototype]] set to Person.prototype
    //
    // Of course, if someone omits new when calling the
    // function, the usual resolution of `this' — as
    // explained before — will take place.
    this.first_name = first_name
    this.last_name  = last_name
}

// (person:String) → String
// Greets the given person
Person.prototype.greet = function(person) {
    return this.name + ': Harro, ' + person + '.' 
}

var person = new Person('Mikhail', 'Weiß')

// We could de-sugar the constructor pattern in the following
// Taking into account that `Person' here means the `prototype'
// property of the `Person' constructor.
var Person = Object.create(Object.prototype)

// (person:String) → String
// Greets the given person
Person.greet = function(person) {
    return this.name + ': Harro, ' + person + '.' 
}

// Here's what the constructor does when called with `new'
var person = Object.create(Person)
person.first_name = 'Mikhail'
person.last_name  = 'Weiß'</pre>
<p>When a function is called with the <code>new</code> statement, the following magic happens:</p>
<ol>
<li>Create a fresh <code>Object</code>, inheriting from <code>Object.prototype</code>, say <code>{ }</code></li>
<li>Set the <code>[⁣[Prototype]⁣]</code> internal property of the new object to point to the constructor&#8217;s <code>prototype</code> property, so it inherits those behaviours.</li>
<li>Call the constructor in the context of this fresh object, such that <code>this</code> inside the constructor will be the fresh object, and pass any parameters given to the function.</li>
<li>If the function returns an <code>Object</code>, make that be the return value of the function.</li>
<li>Otherwise, return the fresh object.</li>
</ol>
<p>This means that the resulting value of calling a <code>function</code> with the <code>new</code> operator is not necessarily the object that was created. A function is free to return any other <code>Object</code>value as it sees fit. This is an interesting and — to a certain extent — powerful behaviour, but also a confusing one for many newcomers:</p>
<pre>function Foo() {
    this.foo = 'bar'
}

new Foo()
// =&gt; { foo: 'bar' }

function Foo() {
    this.foo = 'bar'
    return Foo
}

new Foo()
// =&gt; [Function: Foo]</pre>
</div>
</div>
<div id="outline-container-4-2">
<p><strong>4.2. Inheritance with constructors</strong></p>
<div id="text-4-2">
<p>We&#8217;ve covered inheritance with plain objects through <code>Object.create</code>, inheritance with constructors follow quite naturally from there, the difference being that instead of the main actor being the target of the inheritance (the constructor function, in this case), the<code>prototype</code> property is:</p>
<pre>// new Person (first_name:String, last_name:String)
// Initialises a Person object
function Person(first_name, last_name) {
    this.first_name = first_name
    this.last_name  = last_name
}

// Defines the `name' getter/setter
Object.defineProperty(Person.prototype, 'name', { get: get_full_name
                                                , set: set_full_name
                                                , configurable: true
                                                , enumerable:   true })

// (person:String) → String
// Greets the given person
Person.prototype.greet = function(person) {
    return this.name + ': Hello, ' + (person || 'you')
}

var proto = Object.getPrototypeOf

// new Mikhail (age:Number, gender:String)
function Mikhail(age, gender) {
    // Find the parent of this object and invoke its constructor
    // with the current this. We could have used:
    //   Person.call(this, 'Mikhail', 'Weiß')
    // But we'd lose some flexibility with that.
    proto(Mikhail.prototype).constructor.call(this, 'Mikhail', 'Weiß')
}

// Inherits the properties from Person.prototype
Mikhail.prototype = Object.create(Person.prototype)

// Resets the `constructor' property of the prototype object
Mikhail.prototype.constructor = Mikhail

// (person:String) → String
Mikhail.prototype.greet = function(person) {
    return this.name + ': \'sup, ' + (person || 'dude')
}

// Instances are created with the `new' operator, as previously
// discussed:
var mikhail = new Mikhail(19, 'Male')
mikhail.greet('Kristin')
// =&gt; 'Mikhail Weiß: \'sup, Kristin'</pre>
</div>
</div>
</div>
<div id="outline-container-5">
<p><strong>5. Considerations and compatibility</strong></p>
<div id="text-5">
<p>The functions and concepts presented up until now assumed that the code would be running in an ECMAScript 5 environment, since the new additions make prototypical inheritance more natural, without the initialisation and inheritance coupling provided by constructor functions.</p>
<p>However, obviously this means that code using these functions will not work everywhere. <a href="http://twitter.com/kangax">@kangax</a> has a most awesome <a href="http://kangax.github.com/es5-compat-table/">compatibility table</a> for the implementations that follow ECMAScript 5.</p>
<p>This section provides fallbacks to some of the functionality, and point to libraries that implement these fallbacks so you don&#8217;t get to reinvent the wheel. Note that this section only exists to highlight how the functionality works, and how the core part of those behaviours could be reproduced in legacy code, it&#8217;s not meant to provide ready-to-use fallbacks. Use libraries for that :3</p>
</div>
<div id="outline-container-5-1">
<p id="sec-5-1"><strong>5.1. Creating objects</strong></p>
<div id="text-5-1">
<p>In ECMAScript 5 we have got <code>Object.create</code> to handle inheritance, but constructor functions can also be used to set the <code>[⁣[Prototype]⁣]</code> link for the constructed object — which is what we&#8217;re interested about.</p>
<p>A <code>clone</code> function could be defined such that it would create a new object based on the given prototype:</p>
<pre>// (proto:Object) → Object
// Constructs an object and sets the [[Prototype]] to `proto'.
function clone(proto) {
    function Dummy() { }

    Dummy.prototype             = proto
    Dummy.prototype.constructor = Dummy

    return new Dummy()
}

var mikhail = clone(person)
// Equivalent to `var mikhail = Object.create(person)'</pre>
</div>
</div>
<div id="outline-container-5-2">
<p><strong>5.2. Defining properties</strong></p>
<div id="text-5-2">
<p><code>Object.defineProperty</code> and it&#8217;s batch cousin <code>Object.defineProperties</code> are also new additions, and they allow properties to be defined with internal tags, like <code>writable</code>,<code>configurable</code> and <code>enumerable</code>. It&#8217;s not possible to get this behaviour in the older versions of the language.</p>
<p>All properties defined otherwise will inevitable have <code>writable</code>, <code>configurable</code> and<code>enumerable</code> set to true, which is usually not really that much of a problem — still, not compatible with full ES5 code.</p>
<p>In regards of getters and setters, they are supported to a certain extent with non-standard syntax — the <code>__defineGetter__</code> and <code>__defineSetter__</code> methods, — but are also not available everywhere. Most notably, such methods have never been present in IE.</p>
<pre>// (target:Object, key:String, descriptor:Object) → Object
// Defines a property in the target object.
// Getters and Setters are handled through the fallback
// calls, whereas values are set directly. Tags are
// ignored.
function defineProperty(target, key, descriptor) {
    if (descriptor.value)
        target[key] = descriptor.value
    else {
        descriptor.get &amp;&amp; target.__defineGetter__(key, descriptor.get)
        descriptor.set &amp;&amp; target.__defineSetter__(key, descriptor.set) }

    return target
}

var x = { }
defineProperty(x, 'foo', { value: 'bar' })
defineProperty(x, 'bar', { get: function() { return this.foo }
                         , set: function(v){ this.foo = v    }})

x.foo
// =&gt; 'bar'

x.bar
// =&gt; 'bar'

x.bar = 'foo'
x.foo
// =&gt; 'foo'

x.bar
// =&gt; 'foo'</pre>
</div>
</div>
<div id="outline-container-5-3">
<p><strong>5.3. Listing properties</strong></p>
<div id="text-5-3">
<p>We have seen how it&#8217;s possible to list the properties of an object with<code>Object.getOwnPropertyNames</code>, and list only the enumerable properties through<code>Object.keys</code>. Well, prior to ECMAScript 5, listing the enumerable properties is the only thing one can do.</p>
<p>This is achieved through the <code>for..in</code> statement, which iterates through all the enumerable properties of an object, either directly set in the object, or in the prototype chain. <code>Object.prototype.hasOwnProperty</code> may be used to filter the properties to include only the ones set directly in the object.</p>
<pre>// (object:Object) → Array
// Lists all the own enumerable properties of an object
function keys(object) { var result, key
    result = []
    for (key in object)
        if (object.hasOwnProperty(key))  result.push(key)

    return result
}

// Taking the mikhail object whose [[Prototype]] is person...
keys(mikhail)
// =&gt; [ 'first_name', 'last_name', 'age', 'gender' ]

keys(person)
// =&gt; [ 'greet', 'name' ]</pre>
</div>
</div>
<div id="outline-container-5-4">
<p id="sec-5-4"><strong>5.4. Bound methods</strong></p>
<div id="text-5-4">
<p>Bound methods in JavaScript do much more than just assert the value of <code>this</code> inside a function, they can also be used for partial function applications and behave slightly different when called as a constructor. For this, we&#8217;ll just focus on the first two.</p>
<p>Basically, when calling the <code>bind</code> method of a function, we&#8217;re creating a new function object that has a defined <code>thisObject</code> and perhaps a defined initial list of arguments. This can be just as well achieved with a closure to store the given state, and a explicit function application, through the <code>apply</code> method.</p>
<pre>var slice = [].slice

// (fun:Function, bound_this:Object, args...) → Function
//  --&gt; (args...) → *mixed*
// Creates a bound method from the function `fn'
function bind(fn, bound_this) { var bound_args
    bound_args = slice.call(arguments, 2)
    return function() { var args
        args = bound_args.concat(slice.call(arguments))
        return fn.apply(bound_this, args) }
}</pre>
</div>
</div>
<div id="outline-container-5-5">
<p id="sec-5-5"><strong>5.5. Getting the <code>[⁣[Prototype]⁣]</code></strong></p>
<div id="text-5-5">
<p>For accessing overriden properties, we need to get the a reference to the<code>[⁣[Prototype]⁣]</code>. In environments that expose such link (like Firefox&#8217;s <em>SpiderMonkey</em> or Chrome&#8217;s <em>V8</em>), it&#8217;s easy and reliable:</p>
<pre>function proto(object) {
    return object?            object.__proto__
         : /* not object? */  null
}</pre>
<p>However, in environments that don&#8217;t expose the <code>[⁣[Prototype]⁣]</code> link, things aren&#8217;t quite as reliable. The only way of getting the prototype of an object, in this case, would be by the constructor&#8217;s <code>prototype</code> property, but we can only access that from the object given the <code>constructor</code> property is kept intact.</p>
<p>A fallback covering most cases would look like this:</p>
<pre>function proto(object) {
    return !object?                null
         : '__proto__' in object?  object.__proto__
         : /* not exposed? */      object.constructor.prototype
}</pre>
<p>Note that the actual <code>Object.getPrototypeOf</code> throws a <code>TypeError</code> when you pass something that is not an object to it.</p>
</div>
</div>
<div id="outline-container-5-6">
<p id="sec-5-6"><strong>5.6. Libraries that provide fallbacks</strong></p>
<div id="text-5-6">
<p><a href="https://github.com/kriskowal/es5-shim">ES5-shim</a> attempts to implement fallbacks for ECMAScript 5 functionality that can be done in pure JavaScript, whilst adding minimal support for the other ones. It&#8217;s important to note, however, that the fallbacks are intended to provide equivalent functionality that is close to the ones defined in the specs, it&#8217;s not guaranteed that they will work exactly the same way.</p>
<p>To quote the <code>README</code>:</p>
<blockquote><p>&#8220;As closely as possible to ES5&#8243; is not very close. Many of these shims are intended only to allow code to be written to ES5 without causing run-time errors in older engines. In many cases, this means that these shims cause many ES5 methods to silently fail. Decide carefully whether this is what you want.</p></blockquote>
</div>
</div>
</div>
<div id="outline-container-6">
<p id="sec-6"><strong>6. Wrapping it up</strong></p>
<div id="text-6">
<p>The object orientation model chosen for JavaScript is definitely one of the things that makes the language expressive and powerful, however the really poor semantics from the before-ES5 age quite killed all the fun about it.</p>
<p>With ECMAScript 5, we have got better ways to deal with objects and inheritance, but most of the API is pretty verbose and awkward to use out of the box, so abstracting them is the only sane way of exploring all the power of the first-class inheritance model provided by the language.</p>
<p>Once you dwell on the depths of JavaScript&#8217;s prototypical object orientation, however, you will find it lacking on aspects that would otherwise seem like the obvious thing to do — like multiple inheritance and message resending, but also basic features like an easier object extension functionality.</p>
<p>Luckily most of these issues manage to have a solution, albeit not necessarily a satisfactory one in some cases — i.e.: manual mixins. Being able to reproduce semantics that are not provided straight away on the language by patterns leveraging the built-in constructs is an important part of the language, and this all is made easier because of the way functions are treated in JavaScript.</p>
</div>
</div>
<div id="outline-container-7">
<p id="sec-7"><strong>7. Things worth reading up next</strong></p>
<div id="text-7">
<dl>
<dt><a href="http://www.aminutewithbrendan.com/pages/20110216">Brendan Eich&#8217;s &#8220;Prototypical vs Closure&#8221; rant</a></dt>
<dd>Although not really a reading, this particular podcast from Brendan Eich is a must listen for anyone working with object oriented JavaScript. it delves on the performance of engines in regards of object construction, highlighting how the prototypical pattern stands against the <a href="http://yuiblog.com/blog/2007/06/12/module-pattern/">Closure pattern</a>, and discussing the specifics of how browsers handle prototypical code so they run <strong>fast</strong>.</dd>
</dl>
<dl>
<dt><a href="http://labs.oracle.com/self/papers/organizing-programs.html">Organizing Programs Without Classes</a> <em>(paper)</em></dt>
<dd>Albeit not specific to JavaScript, this white-paper dwells on how the structuring of programs differ from the classical object orientation approach to the prototypical take on the subject. It provides lots of <a href="http://selflanguage.org/">Self</a> code to go with it, but they are more or less easily translated to JavaScript code.</dd>
</dl>
</div>
</div>
<div id="outline-container-8">
<p id="sec-8"><strong>8. Acknowledgements</strong></p>
<div id="text-8">
<p>Thanks to <a href="https://github.com/hughfdjackson">@hughfdjackson</a>, Alex and Taylor for the additional revision of the article.</p>
<p>Thanks to <code>--</code> for pointing out (in the comments) that properties expect an<code>IdentifierName</code>, rather than a plain <code>Identifier</code>, which would allow reserved words (like <code>foo.class</code> or <code>foo.null</code>) to be used unquoted.</p>
<div id="footnotes">
<p><strong>Footnotes:</strong></p>
<div id="text-footnotes">
<p><sup><a name="fn.1" href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#fnr.1"></a>1</sup> : Some implementations have magical names, like <code>__proto__</code>, which may yield undesired and unwanted results when set. For example, the <code>__proto__</code> property is used to define the parent of an object in some implementations. As such, you wouldn&#8217;t be able to set a string or number to that.</p>
<p><sup><a name="fn.2" href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#fnr.2"></a>2</sup> : While an <code>IdentifierName</code> also allows reserved words, you should be aware that ECMAScript engines that aren&#8217;t fully compliant with the ECMAScript 5 specs <strong>may</strong> choke on reserved words when they&#8217;re used for property access unquoted.</p>
<p><sup><a name="fn.3" href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#fnr.3"></a>3</sup> : It should be noted that, while ECMAScript-defined native objects don&#8217;t throw an error when you try to access a non-existing property, it&#8217;s not guaranteed that the same will hold true for a host object (i.e. an object defined by the engine implementor). After all, host object semantics are not defined, they are dependent on the particular run-time implementation.</p>
<p><sup><a name="fn.4" href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/#fnr.4"></a>4</sup> Some engines <strong>do</strong> expose the <code>[⁣[Prototype]⁣]</code> slot, usually through a property like <code>__proto__</code>, however no such thing is described in the specifications for the language, so it&#8217;s recommended that you avoid using it, unless you&#8217;re well aware that all platforms you code must run on will have such means of setting the<code>[⁣[Prototype]⁣]</code> object directly. It should also be noted that messing with the prototype chain might defeat all look-up optimisations in the JS engine.</p>
</div>
</div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/understanding-javascript-oop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Is the iPad Mini Worth Buying?</title>
		<link>http://www.dcmedia-design.com/blog/is-the-ipad-mini-worth-buying/</link>
		<comments>http://www.dcmedia-design.com/blog/is-the-ipad-mini-worth-buying/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 00:45:40 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[amazon kindle fire]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[android tablets]]></category>
		<category><![CDATA[apple announcement]]></category>
		<category><![CDATA[apple ipad]]></category>
		<category><![CDATA[apple ipad mini]]></category>
		<category><![CDATA[apple's new ipad]]></category>
		<category><![CDATA[ipad mini]]></category>
		<category><![CDATA[kindle]]></category>
		<category><![CDATA[Kindle Fire]]></category>
		<category><![CDATA[kindle fire HD]]></category>
		<category><![CDATA[mini ipad]]></category>
		<category><![CDATA[nexus]]></category>
		<category><![CDATA[retina display]]></category>
		<category><![CDATA[tablet]]></category>
		<category><![CDATA[tablet specs]]></category>
		<category><![CDATA[wifi-only]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3718</guid>
		<description><![CDATA[Apple has unveiled a new member of the family: the iPad Mini. This device is ]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><iframe src="http://news.yahoo.com/video/upgrade-ipad-mini-worth-buying-230000045.html?format=embed" frameborder="0" scrolling="no" width="524" height="351"></iframe></p>
<p>Apple has unveiled a new member of the family: the iPad Mini. This device is a clear response to the market pressure the cheaper Amazon Kindle Fire HD and the Nexus 7 have placed on the existing iPad. So how does this scaled down version of the iPad compare with its newly refreshed big brother and the Android tablets that still come in at a lower price?</p>
<p id="yui_3_5_1_22_1351382806400_302"><strong id="yui_3_5_1_22_1351382806400_301">Comparing Specs with the Competition</strong><br />
<strong>Screen Size:</strong> iPad Mini&#8217;s screen comes in at 7.9 inches, compared to the 9.7 inch screen of the iPad and the 7 inch screens of the Kindle Fire HD and the Nexus 7. With a narrower bezel, iPad Mini fits a bit more screen into the same real estate.<a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/ipad_mini_hand_329.jpg"><img class="aligncenter size-full wp-image-3824" title="ipad_mini_hand_329" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/ipad_mini_hand_329.jpg" alt="ipad_mini_hand_329" width="580" height="394" /></a></p>
<p id="yui_3_5_1_22_1351382806400_305"><strong>Resolution:</strong> 1024&#215;768 — this is not the Retina display that Apple touts as its high end screens on the iPhone 5 and the bigger iPad. Rather, it&#8217;s the same resolution as the iPad 2, but with more pixels per inch. Also, the Nexus 7 and Kindle Fire HD have higher resolution 1280&#215;800 screens.</p>
<p><strong>Thickness:</strong> 7.2mm thick — that&#8217;s roughly 1/3 of an inch, or a little thinner than a pencil, and significantly thinner than either of the leading competitors.</p>
<p id="yui_3_5_1_22_1351382806400_307"><strong>Weight:</strong> .68 pounds, 53% lighter than the fourth-generation iPad. Competing Android tablets weigh slightly more: Nexus 7 tips the scales at .75 lbs, and the Kindle Fire HD at .88 lbs.</p>
<p id="yui_3_5_1_22_1351382806400_309"><strong>Processor:</strong> The dual core A5 chip is same as the iPad 2 that came out in 2011, and even Apple says the A6 chip in the iPad 4 and the iPhone 5 is twice as fast for some tasks as the A5. The Nexus 7 has a newer quad-core NVIDIA Tegra 3 processor and the Kindle Fire HD has a 1.2 GHz Dual Core processor, but you can only compare the performance of these processors against the iPad once you benchmark them in the real world; the numbers and specs don&#8217;t tell you everything. But I&#8217;d give the edge to the Nexus 7 purely on hardware.</p>
<p id="yui_3_5_1_22_1351382806400_312"><strong>Cameras:</strong> iPad Mini: front and rear-facing cameras. The camera on the back is a 5 megapixel, same as the iPad 4 but lower res than the iPhone 5&#8242;s 8 MP camera. The Nexus and Amazon tablets have only front facing cameras that are lower resolution than the Mini.</p>
<p id="yui_3_5_1_22_1351382806400_315"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/iPadMini.jpg"><img class="alignright size-full wp-image-3823" title="iPadMini" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/iPadMini.jpg" alt="" width="190" height="107" /></a></p>
<p id="yui_3_5_1_22_1351382806400_318"><strong>Other Specs</strong><br />
The Mini will come in a Wifi-only model and an LTE version with access to cellular networks on the go. It will use the new smaller lightning connector so you&#8217;ll need all new charging cords and adapters if you have lots of accessories with the previous 30-pin connector.</p>
<p>Apple says it gets 10 hours of battery life, is made primarily of aluminum &amp; glass, and it comes in both black and white. It will be available for preorder on Friday, October 26<sup> </sup>and is set to ship November 2.</p>
<p><strong>Price</strong><br />
<strong>iPad Mini</strong> 16GB WiFi only — $329 ($459 for the 16GB with LTE cellular connectivity)<br />
<strong>iPad 4</strong> 16GB WiFi only — $499<br />
<strong>Kindle Fire HD</strong> 16GB — $199<br />
<strong>Nexus 7</strong> 16GB: $249 — But rumors are flying of an even cheaper Nexus tablet releasing next week and/or a big price cut on the Google tablet in time for the holidays.</p>
<p><strong>So What Should You Buy?</strong><br />
Nothing about the technical specs of the tablets makes any one of them a clear winner. Apple has an advantage in that the user-experience on the iPad and IOS is preferred by many, myself included. After living with both flavors, it&#8217;s just easier, cleaner, and less hassle for me to use an iPad over a Nexus 7.  In my opinion, the iPad Mini will benefit from that advantage as well.</p>
<p>But if I were a committed Android phone user, if my digital media was all purchased from Amazon or the Google Play store, or if price was my only consideration, I would NOT get the iPad Mini.</p>
<p>The final decision these days is about ecosystem- where are you going to buy and live? In Google/Amazon world or in Apple world?</p>
<p id="yui_3_5_1_22_1351382806400_353">If Apple had priced the mini in the $249 range, I&#8217;d say they would have nailed the coffin shut on competing tablets. But at $329 that&#8217;s still a steep price tag, and many will find Android and Amazon tablets under the Christmas tree this year and enjoy them almost as much as those who unwrap the iPad Mini that costs $130 more.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/is-the-ipad-mini-worth-buying/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6 High-Tech DIY Halloween Costumes</title>
		<link>http://www.dcmedia-design.com/blog/13-high-tech-diy-halloween-costumes/</link>
		<comments>http://www.dcmedia-design.com/blog/13-high-tech-diy-halloween-costumes/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 00:39:25 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Halloween costumes]]></category>
		<category><![CDATA[Halloween ideas]]></category>
		<category><![CDATA[tech halloween costumes]]></category>
		<category><![CDATA[technology on Halloween]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3720</guid>
		<description><![CDATA[After scouring the Web for creative, techie, geeky and nerdy Halloween getups, we bring you ]]></description>
				<content:encoded><![CDATA[<p>After scouring the Web for creative, techie, geeky and nerdy Halloween getups, we bring you this collection of top <a title="Last Minute Gift Ideas For The Tech in Your Life" href="http://www.dcmedia-design.com/blog/last-minute-tech-gift-ideas-for-the-holidays/" target="_blank">geeky</a> costumes. Enjoy!</p>
<h2>The Jellyfish</h2>
<div>This costume is best seen at night or in the dark, but its tentacles will grab the eyes of onlookers anytime during Halloween. The costumer took an ordinary washing up bowl, stuck a cheap sports helmet inside for wearability, and used a glue gun to attach 22 kids LED light up necklaces. Having spent about eight hours over two days on the futuristic sea creature, the costumer writes on his blog <a href="http://deadinsect.co.uk/" target="_blank">deadinsect.co.uk</a>: &#8220;It was definitely the most fun I&#8217;ve ever had building anything&#8230; if I could somehow do this all the time for a living, I would.&#8221;</div>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/halloween_costumes_jellyfish.jpg"><img class="aligncenter size-full wp-image-3811" title="halloween_costumes_jellyfish" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/halloween_costumes_jellyfish.jpg" alt="halloween_costumes_jellyfish" width="300" height="300" /></a></p>
<div>
<h2>Lady Gaga Video Glasses</h2>
<div>Whatever your opinion of the lady, <a href="http://www.instructables.com/id/Lady-GaGa-Video-Glasses/" target="_blank">these dual-screen glasses</a> are a great DIY tech project. All you need are two digital-picture-frame keychains, a slideshow and black sunglasses you don&#8217;t mind destroying. Watch out for the paparazzi.</div>
</div>
<p><img class="aligncenter size-full wp-image-3815" title="halloween_costumes_lady gaga" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/halloween_costumes_lady-gaga.jpg" alt="halloween_costumes_lady gaga" width="300" height="300" /></p>
<h2>Fiberoptic Fairy Wings</h2>
<div>Fairies in this high-tech age need something a bit more digitally dazzling than your everyday wand or glitter dust—their wings have got to glow. With a few battery-powered LEDs, they can. This project <a href="http://www.instructables.com/id/Lightwings-Fiber-Optic-Fairy-Wings/">uses LilyPad Arduino</a> to run the lights—that&#8217;s some serious tech for Tinker Bell.</div>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/halloween_costumes_03_1010-md.jpg"><img class="aligncenter size-full wp-image-3812" title="halloween_costumes_03_1010-md" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/halloween_costumes_03_1010-md.jpg" alt="halloween_costumes_03_1010-md" width="300" height="300" /></a></p>
<h2>LED Suit</h2>
<div>For those who participated in the Burning Man festival this September in Nevada&#8217;s Black Rock Desert, it was hard to miss Alternate Dimension Man. This Halloween, you could do worse than revisit his dimension by creating your own homemade LED suit. Depending on your designer&#8217;s eye, your outfit could look like a walking Lite-Brite, or perhaps something a bit more other-dimensional.</div>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/halloween_costumes_12_1010-md.jpg"><img class="aligncenter size-full wp-image-3814" title="halloween_costumes_12_1010-md" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/halloween_costumes_12_1010-md.jpg" alt="halloween_costumes_12_1010-md" width="300" height="300" /></a></p>
<h2>Toaster costume</h2>
<div>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/101029_tch_toaster-costume.grid-3x2.jpg"><img class="size-full wp-image-3810 aligncenter" title="Halloween toaster-costume" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/101029_tch_toaster-costume.grid-3x2.jpg" alt="Halloween toaster-costume" width="230" height="369" /></a></div>
</div>
<p>The guy wearing the toaster costume is like the arch nemesis of the guy wearing the breathalyzer costume. He&#8217;s wholesome — a buzzkill. When Breathalyzer Guy spikes the punch, Toaster Man&#8217;s there, wagging his finger. When the police arrive to haul Breathalyzer Guy away, Toaster Man&#8217;s the one who filed the complaint. But Breathalyzer Guy has formidable allies like <a href="http://www.halloweencostumeideas.com/adult-plug-socket-costume.html">Plug-and-Socket Couple</a>. Toaster Man works alone — but not by choice. Apparently it&#8217;s hard to find a Halloween sidekicks who are dressed like washer and dryer. $47.96 -<a href="http://www.costumecraze.com/HUMR87.html">Costume Craze</a></p>
<p>&nbsp;</p>
<h2>3-D glasses dress</h2>
<p>&nbsp;</p>
<p><img class="size-full wp-image-3813 aligncenter" title="Halloween tch_3D-glasses-dress." src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/101029_tch_3D-glasses-dress.grid-3x2.jpg" alt="Halloween tch_3D-glasses-dress." width="230" height="257" /></p>
<p>3-D is all the rage at the moment, so why not go out for Halloween dressed as a pair of 3-D glasses? It would be even better if you had a life-size cardboard cutout of yourself that you could carry around. You could address everyone with the cardboard version, then step in front of it and reveal your 3-D self. Then punch that person in the face. It&#8217;s the most realistic 3-D movie ever! $70 - <a href="http://www.etsy.com/view_listing.php?listing_id=32005860&amp;ref=sr_gallery_5&amp;&amp;ga_search_query=funny&amp;ga_search_type=handmade&amp;ga_page=13&amp;order=date_desc&amp;includes[]=tags&amp;includes[]=title">Etsy</a> via <a href="http://fashionablygeek.com/dresses-and-skirts/3d-glasses-dress/">Fashionably Geek</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/13-high-tech-diy-halloween-costumes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design: Tips for Designing an SEO Friendly Website</title>
		<link>http://www.dcmedia-design.com/blog/web-design-tips-designing-seo-friendly-website/</link>
		<comments>http://www.dcmedia-design.com/blog/web-design-tips-designing-seo-friendly-website/#comments</comments>
		<pubDate>Thu, 04 Oct 2012 02:36:37 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Statistics]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[optimizing for websites]]></category>
		<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[web optimization]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[website optimizing]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3708</guid>
		<description><![CDATA[With the development of the internet marketing in the recent years we came to a ]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/seo-friendly-website.jpeg"><img class="alignright  wp-image-3711" title="seo-friendly-website" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/seo-friendly-website.jpeg" alt="seo-friendly-website" width="200" height="200" /></a>With the development of the internet marketing in the recent years we came to a situation where almost every business that exists on the market, from local dentists, to large corporations, and additionally non-profit organizations, want to be present on this global network and to more spread the word to their final clients about the products and services they offer. These implies having higher ranking on the popular search engines for the desired target market, and this can best be achieved if these websites are SEO optimized. To make sure the optimization is successful there are important aspects that need to be defined at the very beginning of the campaign, so there won’t be unnecessary loss of time and money later in the project. Here are some of the more important elements the web designers should consider ahead so they can produce a website that is SEO friendly:</p>
<p><img class="alignleft size-full wp-image-3710" title="seo-friendly" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/seo-friendly.jpeg" alt="seo-friendly" width="230" height="280" /></p>
<p><strong>Research the targeted specific keywords and build pages for content that target them.</strong></p>
<p>Almost all businesses have main idea of what their business objectives are, and what share of the market they target, whether it is only the local area, their national or regional market, or maybe they’re targeting globally. These specific target keywords should be built-in in the design of the website, or at least planned ahead where they may be positioned after the launch.</p>
<p>&nbsp;</p>
<p><strong>Consider internal linking structure and navigational system that is search engine friendly.</strong></p>
<p>Search engine friendly navigation is navigation system that can be read and followed by the popular search engines. Experts do not recommend flash based systems because Google as well as some other search engines can’t read text on images, and because it is only a matter of time until when will the mobile applications support flash elements. Instead of this web designers can use CSS methods or jQuery, making sure their load times are fast. A major plus for designing a SEO friendly website are the clearly labeled links with the targeted keyword the search engines should notice.</p>
<p><strong>Increase the load times/speed of the website without forgetting the user experience.</strong></p>
<p>Every once in a while the search engines update their algorithms. The 2010<sup>th</sup> update of Google included the load times/speed of the websites as important SEO factor. Improvements in certain elements in the web design, like removing the codes in CSS files that are not used, decreasing the amount of JavaScript in the code, etc., can increase the speed and generally help with the website SEO.</p>
<p><strong>Use smaller website images and backgrounds to reduce the website load time.</strong></p>
<p>The website has only 8 seconds to sell itself to the user. There’s no greater <a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/website-design-and-SEO.jpeg"><img class="aligncenter size-full wp-image-3709" title="website design and SEO" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/website-design-and-SEO.jpeg" alt="website design and SEO" width="540" height="357" /></a>damage than wasting this time on loading the website’s images and backgrounds, or maybe galleries. Use Adobe Photoshop or Adobe Fireworks to reduce the size of the image files and keep in mind that speed is now an important factor with SEO and cannot be avoided.</p>
<p><strong>Provide “user-focused” content with properly positioned keywords.</strong></p>
<p>Google should recognize from the website’s content what that website is about. This is done through proper implementation of the targeted keywords, positioned in the title tag, Meta description and keywords, H1, H2 and H3 tags, the main website copy, the internal links, etc. But be careful – the content should not be overstuffed with these keywords. The main priority should be the focus on the user.</p>
<p><strong>Add social elements in the web design. Being social is now one of the most contributing SEO factors.</strong></p>
<p><strong></strong> These social elements should be included in the design of the website by adding prominent buttons and icons that clearly show the users that the company is also available on the larger social networks, or adding the Twitter feed on site to help with the keyword placement and the speeding up of the Google cache rate.</p>
<p>These are only some of the elements that should be included in a website’s design for it to be SEO friendly and continuous work is also required for gaining great results.</p>
<p>This is a guest post via Sarah Stone&#8230;</p>
<p>Sarah Stone is a freelance writer who enjoys writing about education, career, motivation and resume writing. <a href="http://www.best-cv-templates.com/">CV templates</a> is where she collects best cv writing practices and templates.</p>
<p><strong> </strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/web-design-tips-designing-seo-friendly-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recently Launched Website: Riedel Financial Strategies</title>
		<link>http://www.dcmedia-design.com/blog/recently-launched-website-riedel-financial-strategies/</link>
		<comments>http://www.dcmedia-design.com/blog/recently-launched-website-riedel-financial-strategies/#comments</comments>
		<pubDate>Tue, 02 Oct 2012 19:42:32 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Building Websites]]></category>
		<category><![CDATA[finances]]></category>
		<category><![CDATA[financial strategies]]></category>
		<category><![CDATA[money strategies]]></category>
		<category><![CDATA[strategic money]]></category>
		<category><![CDATA[website design]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3705</guid>
		<description><![CDATA[Would like to say congratulations and WELCOME to the DC Media + Design family to ]]></description>
				<content:encoded><![CDATA[<p>Would like to say congratulations and WELCOME to the DC Media + Design family to Riedel Financial Strategies.  It is an exciting day as the new site has been launched.</p>
<p style="text-align: left;"><a title="riedelfinancialstrategies" href="http://www.riedelfinancialstrategies.com" target="_blank"><img class="aligncenter  wp-image-3706" title="Riedel Financial Strategies" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/RFSa.jpg" alt="Food and Beverage finance" width="472" height="201" /></a><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/10/RFSa.jpg"><br />
</a>This project is an e-commerce based project intended to educate users in maintaining financial strategies. A custom calculator was made with an equation to portray a financial balance as well as embedded video, social media profiles, and a shopping cart component.  <a title="riedelfinancialstrategies" href="http://www.riedelfinancialstrategies.com" target="_blank">visit</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/recently-launched-website-riedel-financial-strategies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Much Anticipated iPhone 5 Announcement</title>
		<link>http://www.dcmedia-design.com/blog/the-much-anticipated-iphone-5-announcement/</link>
		<comments>http://www.dcmedia-design.com/blog/the-much-anticipated-iphone-5-announcement/#comments</comments>
		<pubDate>Thu, 13 Sep 2012 03:44:13 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[apple iPhone]]></category>
		<category><![CDATA[applei phone]]></category>
		<category><![CDATA[iPhone 4s]]></category>
		<category><![CDATA[iphone 5]]></category>
		<category><![CDATA[iphone by apple]]></category>
		<category><![CDATA[iphone5]]></category>
		<category><![CDATA[the new iphone]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3694</guid>
		<description><![CDATA[Hurricane Apple just swept through the Internet, announcing a ton of new gadgets at its gala in San ]]></description>
				<content:encoded><![CDATA[<p>Hurricane <a title="Apple iPhone5" href="http://www.apple.com" target="_blank">Apple</a> just swept through the Internet, announcing a ton of <a id="KonaLink0" href="http://www.technobuffalo.com/companies/apple/iphone-5-event-recap-video/#"><span style="color: blue;">new gadgets</span></a> at its gala in San Francisco on Wednesday. It was quite the spectacle, rife with not only iPhone 5 news, but iTunes, iPods, iOS 6, and even a redesigned set of earbuds. What was the pick of the lot? There’s a ton to digest — A TON — as is the case with any Apple event.</p>
<p><strong>Taller, thinner, and a metal back</strong><br />
As expected, the new <a title="Steve Jobs Shows Off the Apple Store" href="http://www.dcmedia-design.com/blog/steve-jobs-shows-off-apple-store/" target="_blank">iPhone</a> is 18 percent thinner (0.30 inch vs. 0.37 inch thick) than the iPhone 4S. Apple says it&#8217;s the thinnest handset around, but that&#8217;s a race that changes often. That means it&#8217;s also 20 percent lighter for a total of 3.95 ounces. The Retina Display expands from 3.5 inches (its size since the original iPhone) to 4 inches. The total resolution remains the same, though, at 326 pixels per inch. The total pixel count is 1,136&#215;640, and we now have a 16:9 aspect ratio.</p>
<p>To the user, that means a fifth row of icons on the home screen. That&#8217;s pretty nice since it will let you cut down on the number of home screens. You&#8217;ll also get a full five-day week view in the calendar, the calendar will show more events, and all iWork apps will take advantage of the bigger display. Third-party apps that haven&#8217;t been updated will continue to work, but you&#8217;ll see black borders on each side (so they won&#8217;t be stretched or scaled). Apple also promises that wide-screen movies will look better, with 44 percent more color saturation than on the iPhone 4S.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0579_610x407.jpeg"><img class="aligncenter  wp-image-3697" title="apple-iphone-5-review" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0579_610x407.jpeg" alt="apple-iphone-5-review" width="426" height="284" /></a><br />
Apple&#8217;s new iPhone 5.</div>
<p>Touch sensors are now built into the display itself, which makes it 30 percent thinner as a result and less prone to glare.</p>
<p>The iPhone 5 also fixes a design flaw that we first saw in the iPhone 4. Apple replaced the glass back with one that&#8217;s mostly metal. Too many people (us included) cracked an <a href="http://reviews.cnet.com/apple-iphone-4-32gb/4505-6452_7-34117595.html">iPhone 4</a> or <a href="http://reviews.cnet.com/apple-iphone-4s-64gb/4505-6452_7-35027113.html">4S</a> after dropping it accidentally. We don&#8217;t think the change negatively affects the iPhone&#8217;s aesthetics. In fact, many might see it as an improvement. A return to a metal back reminds one of the original iPhone, and the crisp, clean-cut back has a bit of the feel of other Apple devices like the iPad.</p>
<p>All of the design changes result in a new iPhone that&#8217;s surprisingly light to hold. Think 20 percent lighter isn&#8217;t a big deal? Pick one of these up and you&#8217;ll feel the difference: the iPhone 4 may have been dense, but the iPhone 5 is a featherweight.</p>
<p>The screen is big, bright, and crisp, too, not shockingly so, but a subtly improved experience. It&#8217;s akin to being the extrawide comfy chair of iPhone screens. Stay tuned for more, but this new iPhone has a good hand feel.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0608_610x407.jpeg"><img class="aligncenter  wp-image-3699" title="apple-iphone-5-review" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0608_610x407.jpeg" alt="apple-iphone-5-review" width="395" height="263" /></a>The taller iPhone 5 (right) compared with the iPhone 4.</div>
<p><strong>LTE and carriers</strong><br />
Not a shocker either, but the iPhone 5 will support 4G LTE networks. That&#8217;s in addition to the current support for GPRS, EDGE, EV-DO, and HSPA data networks. LTE has a single chip for voice and data, a single radio chip, and a &#8220;dynamic antenna&#8221; that will switch connections between different networks automatically.</p>
<p>So which carriers will support an LTE iPhone 5? Well, in the United States that means AT&amp;T, Sprint, and Verizon Wireless. So again, T-Mobile loses out. In Canada it&#8217;s Bell, Telus, Fido, Virgin, and Kudo. In Asia the providers will be SoftBank, SmarTone, SingTel, and SK Telecom. For Australia there&#8217;s Telstra, Optus, and Virgin Mobile, and in Europe it will go to Deutsche Telekom and EE. On carriers without LTE, the iPhone 5 will run on dual-band 3.5G HDPA+.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0620_610x407.jpeg"><img class="aligncenter  wp-image-3700" title="apple-iphone-5-review" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0620_610x407.jpeg" alt="apple-iphone-5-review" width="484" height="323" /></a><br />
<strong>A faster chip</strong></div>
<p>The iPhone 5 will offer an A6 chip, which is two times faster than the current A5 chip. Graphics will get faster speeds, as well. Yet, despite the speedier performance, the new chip will be 22 percent smaller than the A5. According to Apple&#8217;s specs, users will see Web pages load 2.1 times faster, and the Music app with songs will load 1.9 times faster.</p>
<p><strong>More battery life</strong><br />
LTE tends to be a power hog, but the iPhone 5 is set to deliver respectable battery life. Of course, the real story may differ, but here&#8217;s what Apple is promising for now. We&#8217;re supposed to get 8 hours of 3G talk time, 8 hours of 3G browsing, 8 hours of LTE browsing, 10 hours of Wi-Fi browsing, 10 hours of video playback, 40 hours of music playback, and 225 hours of standby time. You can be sure that CNET will put these promises to the test when we get a device in our hands.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0585_610x407.jpeg"><img class="aligncenter  wp-image-3698" title="apple-iphone-5-review" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0585_610x407.jpeg" alt="apple-iphone-5-review" width="473" height="315" /></a><br />
Apple promises respectable battery life, though the iPhone 5 has a larger display and LTE.(Credit: James Martin/CNET)</p>
</div>
<p><strong>Camera</strong><br />
The main shooter, or the &#8220;iSight&#8221; camera, stays at 8 megapixels (with the best resolution being 3,264&#215;2,448 pixels) with a feature list that includes backside illumination, a hybrid IR filter, a five-element lens, and a f2.4 aperture. A dynamic light mode is new, and you should be able to launch photography apps up to 2.1 times faster. Another addition is an image signal processor in the A6 chip. That will bring spatial noise reduction and a &#8220;smart filter&#8221; that produces better low-light performance and captures photos faster. Finally, there&#8217;s a built-in panorama mode that stitches shots together for one large 28-megapixel photo.</p>
<p>The secondary front camera now can shoot 720p HD video and it gets a backside illuminated sensor. And as we heard at the announcement of iOS 6 back in June, FaceTime will work over 3G cellular networks. Some carriers like AT&amp;T have already announced restrictions for that feature, so be sure to check with your provider first.</p>
<div>
<h3>Apple&#8217;s iPhone 5 event</h3>
<ul>
<li><a href="http://news.cnet.com/8301-13579_3-57511156-37/with-iphone-5-apple-is-out-to-prove-its-still-the-king/">Apple out to prove it&#8217;s still king</a></li>
<li><a href="http://news.cnet.com/8301-13579_3-57511124-37/apple-takes-wraps-off-iphone-5-4-inch-screen-and-all/">Taking the wraps off the iPhone 5</a></li>
<li><a href="http://news.cnet.com/2300-13579_3-10013741.html">Pictures: Apple&#8217;s big iPhone 5 reveal</a></li>
<li><a href="http://news.cnet.com/8301-13579_3-57511425-37/apple-prices-the-iphone-5-same-as-4s-$199-for-16-gb/">iPhone 5 price same as 4S: $199 for 16GB</a></li>
<li><a href="http://reviews.cnet.com/8301-19512_7-57511246-233/iphone-5-what-we-didnt-get/">iPhone 5: What we didn&#8217;t get</a></li>
<li><a href="http://reviews.cnet.com/8301-19512_7-57510949-233/so-whats-new-comparing-the-iphone-4s-and-iphone-5/">Comparing the iPhone 4S and iPhone 5</a></li>
<li><a href="http://reviews.cnet.com/8301-19512_7-57511316-233/will-you-buy-the-iphone-5-poll/">Poll: Will you buy the iPhone 5?</a></li>
<li><a href="http://news.cnet.com/1606-2_3-50131105.html">Video: Apple announces ultrafast iPhone 5</a></li>
<li><a href="http://news.cnet.com/8301-13579_3-57510600-37/apples-ios-6-release-date-start-your-downloads-on-sept-19/">Start your iOS 6 downloads September 19</a></li>
<li><a href="http://reviews.cnet.com/8301-19512_7-57450377-233/by-adding-new-maps-and-more-facetime-ios-6-hits-major-marks-updated/">iOS 6 hits major marks</a></li>
<li><a href="http://news.cnet.com/8301-13579_3-57510488-37/the-new-ipod-touch-a-4-inch-screen-and-siri-too/">New iPod Touch: Siri and a 4-inch screen</a></li>
<li><a href="http://reviews.cnet.com/ipod-nano/">New Nano: Remembering the iPod Mini</a></li>
<li><a href="http://news.cnet.com/8301-13579_3-57511323-37/apple-by-the-numbers-84m-ipads-400m-ios-devices/">84M iPads, 400M iOS devices</a></li>
<li><a href="http://news.cnet.com/8301-13579_3-57511289-37/apple-reworks-simplifies-itunes/">Apple reworks, simplifies iTunes</a></li>
<li><a href="http://news.cnet.com/apple-event/">Full coverage: The iPhone 5 arrives</a></li>
</ul>
</div>
<p>Video resolution remains at 1080p HD, though image stabilization has been improved and face detection is now available in clips for up to 10 people. And in a nice move, you can take photos while you&#8217;re shooting video.</p>
<p><strong>Audio</strong><br />
The iPhone 5 gets an additional microphone for a total of three. You&#8217;ll find one on the bottom, one on the handset&#8217;s front face, and one on its rear side. What&#8217;s more, the speaker now has five magnets (so up from two), which is apparently better and it&#8217;s supposed to use 20 percent less space. The noise-canceling feature should be improved, as well, and there&#8217;s a new wideband audio feature that promises more-natural-sounding voices. Twenty percent of carriers will support wideband audio, but so far we only know that Orange in the United Kingdom will be among them.</p>
<div><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0597_610x407.jpeg"><img class="aligncenter  wp-image-3696" title="apple-iphone-5-review" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/apple-iphone-5-review-0597_610x407.jpeg" alt="apple-iphone-5-review" width="434" height="289" /></a>The smaller dock and cable connector is in the usual place on the phone&#8217;s bottom.</div>
<p><strong>iOS 6</strong><br />
Inside, the iPhone 5 will debut with iOS 6 already onboard. Highlights include the new Apple Maps app, Passbook, shared photo streams, Siri updates, and the aforementioned FaceTime over 3G. For more on Apple&#8217;s newest mobile OS update, check out our <a href="http://reviews.cnet.com/8301-19512_7-57450377-233/by-adding-new-maps-and-more-facetime-ios-6-hits-major-marks-updated/">iOS 6 First Take</a>. iOS 6 will be available for download next Wednesday, September 19.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/the-much-anticipated-iphone-5-announcement/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Water Wigs: A Further Exploration Into Water Weirdness</title>
		<link>http://www.dcmedia-design.com/blog/water-wigs-a-further-exploration-into-water-weirdness/</link>
		<comments>http://www.dcmedia-design.com/blog/water-wigs-a-further-exploration-into-water-weirdness/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 02:54:14 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Funny]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[bald]]></category>
		<category><![CDATA[FPS]]></category>
		<category><![CDATA[hardcore wigs]]></category>
		<category><![CDATA[still shot]]></category>
		<category><![CDATA[water photography]]></category>
		<category><![CDATA[water wigs]]></category>
		<category><![CDATA[wigs]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3635</guid>
		<description><![CDATA[Water Wigs A further exploration into Water Weirdness We just finished shooting a new project ]]></description>
				<content:encoded><![CDATA[<div style="text-align: center;"><span style="font-family: inherit;">Water Wigs</span><br />
A further exploration into Water Weirdness<a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig4.jpeg"><img class="aligncenter size-medium wp-image-3649" title="frames per second water photography" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig4-300x291.jpeg" alt="frames per second water photography" width="300" height="291" /></a></div>
<div></div>
<blockquote><p>We just finished shooting a new project we call Water Wigs. The concept is simple and it is another visual exploration of something new and totally different. We found a bunch of awesome bald men and hurled water balloons at their heads, to capture the explosion of water at various intervals. The result a new head of of water hair! We used a laser and sound trigger to capture the right moments for each subject to create just the head of hair that fit best with the face.</p>
<p>We chose to work with triads of colors to create images that are arresting and amusing at the same time. We feel the color helps transform the water into some more and adds greater visual interest.</p>
<p>Our favorites are &#8220;The Don King,&#8221; &#8220;The Conquistador,&#8221; &#8220;The Jesus&#8221; and &#8220;The Friar.&#8221; I am uploading the images today around the web. Please share and comment, and I will try to get to all the questions I can! This was fun, complex, technical, and totally worth exploring more. There are much larger images with more detail on our website; check them out at <a title="Water Wigs" href="http://www.timtadder.com/#/Images/Water%20Wigs/1/" target="_blank">TimTadder.com</a></p></blockquote>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig3.jpeg"><img class="aligncenter size-medium wp-image-3648" title="water FPS photography" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig3-300x219.jpeg" alt="water FPS photography" width="300" height="219" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig10.jpeg"><img class="aligncenter size-medium wp-image-3647" title="water slo mo photography" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig10-300x300.jpeg" alt="water slo mo photography" width="300" height="300" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig9.jpeg"><img class="aligncenter size-medium wp-image-3646" title="slo mo photography" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig9-283x300.jpeg" alt="slo mo photography" width="283" height="300" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig2.jpeg"><img class="aligncenter size-medium wp-image-3645" title="water mohawk" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig2-300x298.jpeg" alt="water mohawk" width="300" height="298" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/Wig1.jpeg"><img class="aligncenter size-medium wp-image-3644" title="water wig photography" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/Wig1-284x300.jpeg" alt="water wig photography" width="284" height="300" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wigphotography.jpeg"><img class="aligncenter size-medium wp-image-3643" title="wigphotography" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wigphotography-271x300.jpeg" alt="wigphotography" width="271" height="300" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig8.jpeg"><img class="aligncenter size-medium wp-image-3642" title="Water hair" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig8-300x282.jpeg" alt="Water hair" width="300" height="282" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig13.jpeg"><img class="aligncenter size-medium wp-image-3641" title="Water hair photography" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig13-259x300.jpeg" alt="Water hair photography" width="259" height="300" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig7.jpeg"><img class="aligncenter size-medium wp-image-3640" title="Water Hair" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig7-300x281.jpeg" alt="Water Hair" width="300" height="281" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig6.jpeg"><img class="aligncenter size-medium wp-image-3639" title="Water tophat" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig6-278x300.jpeg" alt="Water tophat" width="278" height="300" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig5.jpeg"><img class="aligncenter size-medium wp-image-3638" title="Water FPS hair" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig5-300x262.jpeg" alt="Water FPS hair" width="300" height="262" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig12.jpeg"><img class="aligncenter size-medium wp-image-3637" title="Water hair" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig12-300x210.jpeg" alt="Water hair" width="300" height="210" /></a></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig11.jpeg"><img class="aligncenter size-medium wp-image-3636" title="Water Halo" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/wig11-300x208.jpeg" alt="Water Halo" width="300" height="208" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/water-wigs-a-further-exploration-into-water-weirdness/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Statistics For The Future Of Marketing</title>
		<link>http://www.dcmedia-design.com/blog/statistics-for-the-future-of-marketing/</link>
		<comments>http://www.dcmedia-design.com/blog/statistics-for-the-future-of-marketing/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 02:53:23 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Statistics]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[Hubspot]]></category>
		<category><![CDATA[lead nurturing]]></category>
		<category><![CDATA[marketing statistics]]></category>
		<category><![CDATA[marketing stats]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[statistics]]></category>
		<category><![CDATA[stats]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3651</guid>
		<description><![CDATA[The future of our beloved marketing industry is changing fast &#8212; the good news is, ]]></description>
				<content:encoded><![CDATA[<p>The future of our beloved marketing industry is changing fast &#8212; the good news is, we don&#8217;t even need a crystal ball to see where it&#8217;s headed!<a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/future-of-marketing.png"><img class="size-medium wp-image-3654 alignright" title="future-of-marketing" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/future-of-marketing-300x260.png" alt="future-of-marketing" width="300" height="260" /></a></p>
<p>HubSpot CMO Mike Volpe, when sharing his story on how he came to be HubSpot&#8217;s fifth employee, says the problem he faced as a marketer was finding an <a title="integrated marketing software solution" href="http://www.hubspot.com/products" target="_blank">integrated marketing software solution</a> that allowed him to see how his various marketing efforts impacted his website and revenue. Little did he know when yearning for this marketing system that it was in the process of being built</p>
<p>That was just five years ago, and now our industry is at a place where <a title="Mike Volpe's dream has been realized" href="http://www.hubspot.com/products" target="_blank">Mike Volpe&#8217;s dream has been realized</a>. Now, it&#8217;s time to tap into the other dreams marketers are having &#8230; so we can solve them! Like true HubSpotters, we turn to the data to let us know what marketers are yearning for. And the statistics in this blog post are screaming it in our faces, telling us exactly where the future of our industry lies. Here are 33 statistics that give you a glimpse into where the future of marketing is headed!</p>
<h3><strong>Social Media and Social Lead Nurturing</strong></h3>
<div><strong><br />
</strong><strong>1)</strong> Failure to respond via social channels can lead to up to a 15% increase in churn rate for existing customers. (Source: <a title="Gartner_inc" href="http://www.gartner.com/it/page.jsp?id=2101515" target="_blank">Gartner</a>)<strong>2)</strong> 37% of brands would like to use social media engagement to create customer-tailored marketing campaigns. (Source: <a title="forrester" href="http://www.google.com/url?q=http%3A%2F%2Fblog.getsatisfaction.com%2F2012%2F01%2F12%2Fbrands-listen-digital-age%2F&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNHjjkJaZ4W3lrzpbkpERiHdfc2nPg" target="_blank">Forrester</a>) <strong></strong><strong>3)</strong> 75% of B2B companies do not measure or quantify social media engagement. (Source: <a title="satmetrix" href="http://www.satmetrix.com/company/press-and-news/pr-archive/pr20120517/" target="_blank">Satmetrix</a>)<strong></strong></p>
<p><strong>4)</strong> 51% of the top 20% of B2B marketers generating leads through social media use social sharing tools, compared to the industry average of 39%. (Source: <a title="Aberdeen" href="http://www.aberdeen.com/Aberdeen-Library/7635/RA-social-media-marketing.aspx" target="_blank">Aberdeen</a>) <strong></strong></p>
<p><strong>5)</strong> 84% of B2B marketers use social media in some form. (Source: <a title="Aberdeen" href="http://www.aberdeen.com/Aberdeen-Library/7635/RA-social-media-marketing.aspx" target="_blank">Aberdeen</a>) <strong></strong></p>
<p><strong>6)</strong> Marketers spend an average of 4-6 hours a week on social media. (Source: <a title="Social Media Examiner" href="http://www.socialmediaexaminer.com/SocialMediaMarketingIndustryReport2012.pdf" target="_blank">Social Media Examiner</a>)<strong></strong></p>
<p><strong>7)</strong> Currently, marketers allocate 7.6% of their budgets to social media. CMOs expect that number to reach 18.8% in the next five years. (Source: <a title="CMO Survey" href="http://www.cmosurvey.org/results/" target="_blank">CMO Survey</a>)</p>
<p><strong>8)</strong> 60.2% of marketers are looking for analysis options, as well as other analytics options, in their social media management tools. (Source: <a title="SEOmoz" href="http://blog.hubspot.com/blog/tabid/6307/bid/33504/New-Data-Reveals-How-Marketers-Use-Social-Media-INFOGRAPHIC.aspx" target="_blank">SEOmoz</a>)</p>
<p><strong>9)</strong> Regardless, marketers still continue to struggle with integrating social media into the company’s overall strategy. On a scale of 1-7, only 6.8% of respondents believe that social media is “very integrated” into their strategy (the highest rank for the question), while 16.7% believe that it&#8217;s not integrated at all (the lowest rank for the question). (Source: <a title="CMO Survey" href="http://www.cmosurvey.org/results/" target="_blank">CMO Survey</a>) <a title="Tweet This Stat!" href="http://clicktotweet.com/g6cjQ" target="_blank"><strong>Tweet This Stat!</strong></a></p>
<h4><strong>What These Social Media Stats Say About the Future of Marketing</strong></h4>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/social-lead-nurturing.png"><img class="size-medium wp-image-3655 alignright" title="social-lead-nurturing" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/social-lead-nurturing-300x270.png" alt="social-lead-nurturing" width="300" height="270" /></a>There are a few key takeaways from these social media stats. First, marketers are increasingly using social media. It&#8217;s no longer a matter of &#8220;you have to be on social.&#8221; It&#8217;s a matter of &#8220;we&#8217;re active on social.&#8221; The problem with this, however, leads to the second takeaway. Marketers are still in need of a system that will clearly provide social media analytics, indicate where social media users are travelling to and from, and show how their social media efforts are directly impacting their business. Finally, marketers (and CMOs!) want to do all of this with an <strong><a title="integrated system" href="http://www.hubspot.com/products/blogging-social-media/" target="_blank">integrated system</a></strong>. Marketers can&#8217;t be running from a blogging CMS, to a social publishing tool, to an analytics tool all day. They need these to all be connected in <a title="one system that does it all" href="http://www.hubspot.com/products/blogging-social-media/" target="_blank">one system that does it all</a>.</p>
<h3><strong>Personalization, Relevancy and Dynamic Content</strong></h3>
<p><strong>10)</strong> Personalized emails improve click-through rates by 14%, and conversion rates by 10%.<br />
(Source: <a title="Aberdeen" href="http://www.aberdeen.com/Aberdeen-Library/4904/RA-email-marketing.aspx" target="_blank">Aberdeen</a>) <strong></strong></p>
<p><strong>11)</strong> The top reasons for U.S. email users to unsubscribe from a business or non-profit email subscription are too many emails (69%) and content that is no longer relevant (56%). (Source: <a title="Chadwick Martin Bailey" href="http://blog.cmbinfo.com/10-facts-about-how-and-why-consumers-like-and-subscribe/Default.aspx" target="_blank">Chadwick Martin Bailey</a>) <strong></strong></p>
<p><strong>12)</strong> 80% of mobile internet users would prefer ads relevant to them locally. (Source: <a title="jiwire" href="http://www.jiwire.com/sites/default/files/JiWire_MobileAudienceInsightsReport_Q42011_2.pdf" target="_blank">JiWire</a>) <strong></strong></p>
<p><strong>13)</strong> A high-impact recommendation from a trusted friend conveying a relevant message is up to 50 times more likely to trigger a purchase than a low-impact recommendation. (Source: <a title="McKinsey" href="http://www.mckinseyquarterly.com/Marketing/Strategy/A_new_way_to_measure_word-of-mouth_marketing_2567#footnote1" target="_blank">McKinsey Quarterly</a>)</p>
<p><strong>14)</strong> 62% of adults under 34 are willing to share their location to get more relevant content. (Source: <a title="jiwire" href="http://www.jiwire.com/sites/default/files/JiWire_MobileAudienceInsightsReport_Q42011_2.pdf" target="_blank">JiWire</a>)</p>
<p><strong>15)</strong> 53% of retailers plan to focus on web personalization engines in 2012. (Source: <a title="National Retail Federation" href="http://www.nrf.com/modules.php?name=News&amp;op=viewlive&amp;sp_id=1312&amp;utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+NRFNews+NRF+News" target="_blank">National Retail Federation</a>)</p>
<p><strong>16)</strong> 75% of people prefer to receive offers over any other form of call-to-action. (Source: <a title="Text Marketer" href="http://www.textmarketer.co.uk/blog/2012/01/7-deadly-sins-of-mobile-marketing/seven-deadly-sins-of-mobile-marketing-infographic/" target="_blank">Text Marketer</a>)</p>
<p title="See a breakdown by industry"><strong>17)</strong> In a study of 650 multi-channel marketing campaigns, personalized campaigns consistently and overwhelmingly beat out static campaigns in generating a high response rate from recipients. <a title="See a breakdown by industry" href="http://www.slideshare.net/MarketPathAC/the-response-rates-of-personalized-crossmedia-marketing-campaigns" target="_blank">See a breakdown by industry here</a>. (Source: <a title="MindFire" href="http://www.slideshare.net/MarketPathAC/the-response-rates-of-personalized-crossmedia-marketing-campaigns" target="_blank">MindFire</a>).</p>
<h4><strong>What These Personalization, Relevancy, &amp; Dynamic Content Stats Say About the Future of Marketing</strong></h4>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/personalization1.png"><img class="alignright size-medium wp-image-3657" title="Personalization in Marketing" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/personalization1-300x158.png" alt="Personalization in Marketing" width="300" height="158" /></a>People want targeted and relevant content. Marketers need to provide it. While marketers already know they <em>should</em> be segmenting their contacts and sharing only what the content that&#8217;s most valuable to their audience, it&#8217;s not always happening. The problem is, who has the budget or resources to have multiple marketing managers focus on segmenting out all their email contacts among people at different stages of involvement with the brand? To solve it, <strong>marketers need <a title="a system that can personalize communication and trigger the right messages" href="http://www.hubspot.com/products/email-marketing/" target="_blank">a system that can personalize communication and trigger the right messages</a> to be sent to the right person at the right time.</strong></p>
<h3><strong>Email Marketing and Automation</strong></h3>
<p><strong>18)</strong> 59% of B2B marketers say email is the most effective channel for generating revenue. (Source: <a title="BtoB Magazine" href="http://m.prnewswire.com/news-releases/survey-shows-many-marketers-are-behind-in-use-of-data-targeting-and-measurement-143303436.html" target="_blank">BtoB Magazine</a>)</p>
<p><strong>19)</strong> 49% of B2B marketers spend more time and resources on email than on other channels. (Source: <a title="BtoB Magazine" href="http://m.prnewswire.com/news-releases/survey-shows-many-marketers-are-behind-in-use-of-data-targeting-and-measurement-143303436.html" target="_blank">BtoB Magazine</a>)</p>
<p><strong>20)</strong> Triggered email messages get 119% higher click-through rates than &#8220;business as usual&#8221; messages. (Source: <a title="Epsilon" href="http://www.epsilon.com/download/q1-2012-north-america-email-trend-results-open-rates-improve-over-previous-quarter-and-prev" target="_blank">Epsilon</a>)</p>
<p><strong>21)</strong> More than 50% of respondents said they had not yet realized the value of their investment in marketing automation. (Source: <a title="Genius" href="http://www.genius.com/marketinggeniusblog/page/2/" target="_blank">Genius</a>)</p>
<p><strong>22)</strong> 61% of marketing companies plan to increase their email marketing efforts in the next year. (Source: <a title="Experian" href="http://www.experian.com/simmons-research/register-2012-digital-marketer.html" target="_blank">Experian</a>)</p>
<p><strong>23)</strong> The adoption of <a title="marketing automation technology" href="http://www.hubspot.com/products/marketing-automation" target="_blank">marketing automation technology</a> is expected to increase by 50% by 2015. (Source: <a title="Sirius Decisions" href="http://www.prweb.com/releases/2011/11/prweb8930754.htm" target="_blank">Sirius Decisions</a>)</p>
<h4><strong>What These Email Marketing &amp; Automation Stats Say About the Future of Marketing</strong></h4>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/email1.png"><img class="aligncenter size-medium wp-image-3656" title="Email marketing" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/email1-300x228.png" alt="Email marketing" width="300" height="228" /></a><br />
We already understand from the personalization stats that customization is a must. But gone are the days of <em>just</em> that. Marketers need a tool that will trigger their emails by a series of rules set by the marketer to create dynamically evolving segments and automate marketing actions. More than email automation, marketers need to be able to enable campaigns to set off when needed. By doing so, marketers will understand the <a title="value of marketing automation" href="http://www.hubspot.com/products/marketing-automation" target="_blank">value of marketing automation</a> &#8211; it&#8217;s not about blasting out messages. It&#8217;s about finding a way to improve the targeting of your messages to improve the user experience while benefiting your business.</p>
<h3><strong>Marketing Analytics and Integration<br />
</strong></h3>
<p><strong>24)</strong> CMOs report they spend 8% of their marketing budgets on marketing analytics, and expect to increase this level in the next three years. (Source: <a title="CMO Survey" href="http://www.cmosurvey.org/results/" target="_blank">CMO Survey</a>)</p>
<p><strong>25)</strong> Spending on marketing analytics is expected to increase 60% by 2015. (Source: <a title="CMO Survey" href="http://www.cmosurvey.org/results/" target="_blank">CMO Survey</a>)</p>
<p><strong>26)</strong> By 2013, lead management campaigns integrating 4 or more digital channels will outperform single- or dual-channel campaigns by 300%. (Source: <a title="Gartner" href="http://www.theinteractivemarketingjourney.com/Resource-Center/Cross-channel-Marketing.aspx?lang=en-us&amp;cm_mmc=IMRC-XC-gartnerpredicts-_-email-_-emarketer-_-Q1&amp;niseg=3728&amp;nistg=IMRC-XC-gartnerpredicts&amp;nicam=emm&amp;nireg=namerica&amp;nichn=email&amp;niven=emarketer&amp;niver=Q1" target="_blank">Gartner</a>)</p>
<p><strong>27)</strong> By 2014, over 40% of large complex marketing organizations will have developed a pace-layered application approach to integrated marketing. (Source: <a title="Gartner" href="http://www.theinteractivemarketingjourney.com/Resource-Center/Cross-channel-Marketing.aspx?lang=en-us&amp;cm_mmc=IMRC-XC-gartnerpredicts-_-email-_-emarketer-_-Q1&amp;niseg=3728&amp;nistg=IMRC-XC-gartnerpredicts&amp;nicam=emm&amp;nireg=namerica&amp;nichn=email&amp;niven=emarketer&amp;niver=Q1" target="_blank">Gartner</a>)</p>
<h4><strong>What These Marketing Analytics &amp; Intregration Stats Say About the Future of Marketing</strong></h4>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/marketing-analytics.png"><img class="alignright size-medium wp-image-3652" title="marketing-analytics" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/marketing-analytics-300x272.png" alt="marketing-analytics" width="300" height="272" /></a>As foreshadowed by Mike Volpe&#8217;s story in our introduction, integration is a crucial element of a marketing team&#8217;s success. Marketers need the kind of information you&#8217;re reading right now: data. Data that provides insights and vision for where your marketing strategies should be headed. And while you can read general statistics through various studies, nothing will benefit your business like looking at specific data reflective of your own efforts. Having <a title="an analytics system that integrates every part of your marketing" href="http://www.hubspot.com/products/analytics/" target="_blank">an analytics system that integrates every part of your marketing</a> will ensure that you&#8217;re making the right decisions and allocating budget wisely based off the successes and failures of your marketing efforts.</p>
<h3><strong>Mobile Marketing and Apps</strong></h3>
<p><strong>28)</strong> Worldwide mobile advertising revenue will expand 3.5X its present size by 2016. (Source: <a title="Yankee Group" href="http://www.yankeegroup.com/about_us/press_releases/2012-08-14.html" target="_blank">Yankee Group</a>)</p>
<p><strong>29)</strong> Mobile commerce will account for 24.4% of overall ecommerce revenues by the end of 2017. (Source: <a title="ABI Research" href="http://www.abiresearch.com/press/m-commerce-growing-to-24-of-total-e-commerce-marke" target="_blank">ABI Research</a>)</p>
<p><strong>30)</strong> Email opens on smartphones and tablets have increased 80% over the last six months. (Source: <a title="Litmus" href="http://litmus.com/blog/email-client-market-share-stats-infographic-june-2012" target="_blank">Litmus</a>)</p>
<p><strong>31)</strong> 45% of US businesses are conducting some form of mobile marketing, with mobile websites (70%), mobile applications (55%), and QR codes (49%) being the most common tactics. (Source: <a title="StrongMail" href="http://www.strongmail.com/pdf/SM_MobileSurvey2012" target="_blank">StrongMail</a>)</p>
<p><strong>32)</strong> 47% of marketing companies plan to increase their efforts in mobile apps in the next year. (Source: <a title="Experian" href="http://www.experian.com/simmons-research/register-2012-digital-marketer.html" target="_blank">Experian</a>)</p>
<p><strong>33)</strong> 59% of U.S. marketing companies collect mobile contact information. (Source: <a title="Experian" href="http://www.experian.com/simmons-research/register-2012-digital-marketer.html" target="_blank">Experian</a>)</p>
<h4><strong>What These Mobile Marketing &amp; Apps Stats Say About the Future of Marketing</strong></h4>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/mobile-optimization.png"><img class="alignright size-medium wp-image-3653" title="mobile-optimization" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/mobile-optimization-285x300.png" alt="mobile-optimization" width="285" height="300" /></a>Everyone has a smartphone! Yes, we know. We also know that more people are seeing ads on their phones, and that websites need to be mobile optimized. But that&#8217;s just the consumer experience. What about the business experience? What about the marketers who need to understand how people are interacting with them on mobile? Or what about marketers who are running around planning and implementing strategies, and need a mobile app tied to their analytics and automation software to see exactly how their strategies are playing out? Marketers need an application that enables them to keep tabs on their lead generation and customer conversions on the go.</p>
<p>All in all, marketing is undergoing a powerful transformation. There are needs to be met, ideas to be created, and revolutions coming out way. Once upon a time, we discussed how social media was a shiny new toy, email marketing was reincarnating into something valuable, and mobile apps were fun to click on. Now it&#8217;s time to connect all these different parts. It&#8217;s time to see how each supports one another to execute the perfect marketing campaign &#8212; and watch how it does so by reveiwing the metrics in an integrated analytics platform. <strong>Easy. Powerful. Integrated.</strong> That&#8217;s what marketing needs.</p>
<p><em>Where do you see the future of marketing going? Where do you </em>want<em> it to go?</em></p>
<p>&nbsp;</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/statistics-for-the-future-of-marketing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I’M COMIC SANS, A**HOLE.</title>
		<link>http://www.dcmedia-design.com/blog/im-comic-sans-ahole/</link>
		<comments>http://www.dcmedia-design.com/blog/im-comic-sans-ahole/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 02:52:30 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Funny]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[comic sans]]></category>
		<category><![CDATA[comic sans font]]></category>
		<category><![CDATA[comic sans hate]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[fonts of graphic designers]]></category>
		<category><![CDATA[graphic designers]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3659</guid>
		<description><![CDATA[SHORT IMAGINED MONOLOGUES WARNING: Vulgar language below&#8230; BY MIKE LACHER - &#8211; - - Listen up. ]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;">SHORT IMAGINED MONOLOGUES</p>
<div>WARNING: Vulgar language below&#8230;</div>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/i-hate-comicsans-v02.jpeg"><img class="aligncenter size-full wp-image-3660" title="i-hate-comicsans-v02" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/i-hate-comicsans-v02.jpeg" alt="i-hate-comicsans-v02" width="256" height="192" /></a></p>
<h2>BY <a title="mike-lacher" href="http://www.mcsweeneys.net/authors/mike-lacher" rel="author" target="_blank">MIKE LACHER</a></h2>
<div>- &#8211; - -</div>
<div>
<blockquote>
<div>Listen up. I know the shit you’ve been saying behind my back. You think I’m stupid. You think I’m immature. You think I’m a malformed, pathetic excuse for a font. Well think again, nerdhole, because I’m Comic Sans, and I’m the best thing to happen to typography since Johannes fucking Gutenberg.You don’t like that your coworker used me on that note about stealing her yogurt from the break room fridge? You don’t like that I’m all over your sister-in-law’s blog? You don’t like that I’m on the sign for that new Thai place? You think I’m pedestrian and tacky? Guess the fuck what, Picasso. We don’t all have seventy-three weights of stick-up-my-ass Helvetica sitting on our seventeen-inch MacBook Pros. Sorry the entire world can’t all be done in stark Eurotrash Swiss type. Sorry some people like to have fun. Sorry I’m standing in the way of your minimalist Bauhaus-esque fascist snoozefest. Maybe sometime you should take off your black turtleneck, stop compulsively adjusting your Tumblr theme, and lighten the fuck up for once.People love me. Why? Because I’m fun. I’m the life of the party. I bring levity to any situation. Need to soften the blow of a harsh message about restroom etiquette? SLAM. There I am. Need to spice up the directions to your graduation party? WHAM. There again. Need to convey your fun-loving, approachable nature on your business’ website? SMACK. Like daffodils in motherfucking spring.</p>
<p>When people need to kick back, have fun, and party, I will be there, unlike your pathetic fonts. While Gotham is at the science fair, I’m banging the prom queen behind the woodshop. While Avenir is practicing the clarinet, I’m shredding “Reign In Blood” on my double-necked Stratocaster. While Univers is refilling his allergy prescriptions, I’m racing my tricked-out, nitrous-laden Honda Civic against Tokyo gangsters who’ll kill me if I don’t cross the finish line first. I am a sans serif Superman and my only kryptonite is pretentious buzzkills like you.</p>
<p>It doesn’t even matter what you think. You know why, jagoff? Cause I’m famous. I am on every major operating system since Microsoft fucking Bob. I’m in your signs. I’m in your browsers. I’m in your instant messengers. I’m not just a font. I am a force of motherfucking nature and I will not rest until every uptight armchair typographer cock-hat like you is surrounded by my lovable, comic-book inspired, sans-serif badassery.</p>
<p>Enough of this bullshit. I’m gonna go get hammered with Papyrus.</p>
</div>
</blockquote>
</div>
<div id="addThis"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/im-comic-sans-ahole/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4 Stages of Website Hosting Grief</title>
		<link>http://www.dcmedia-design.com/blog/4-stages-of-website-hosting-grief/</link>
		<comments>http://www.dcmedia-design.com/blog/4-stages-of-website-hosting-grief/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 02:49:33 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Funny]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[comics]]></category>
		<category><![CDATA[funny website comics]]></category>
		<category><![CDATA[website funnies]]></category>
		<category><![CDATA[website hosting]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3663</guid>
		<description><![CDATA[Have you ever had a website that has gone down unexpectedly, these emotions will look ]]></description>
				<content:encoded><![CDATA[<p>Have you ever had a website that has gone down unexpectedly, these emotions will look familiar to you&#8230;<a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/Website-Comic-Hosting.jpeg"><img class="aligncenter  wp-image-3664" title="Website Comic Hosting" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/Website-Comic-Hosting.jpeg" alt="Website Comic Hosting" width="503" height="201" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/4-stages-of-website-hosting-grief/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 Website Designs For Your Inspiration</title>
		<link>http://www.dcmedia-design.com/blog/7-website-designs-for-your-inspiration/</link>
		<comments>http://www.dcmedia-design.com/blog/7-website-designs-for-your-inspiration/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 02:48:30 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[artistic websites]]></category>
		<category><![CDATA[examples of website designs]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website art]]></category>
		<category><![CDATA[website design inspiration]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3666</guid>
		<description><![CDATA[Here is a showcase and CSS gallery featuring some very inspirational website designs-developed and curated ]]></description>
				<content:encoded><![CDATA[<p>Here is a showcase and CSS gallery featuring some very inspirational website designs-developed and curated by fellow artists.</p>
<p><a title="benquinn" href="http://benquinn.us/" target="_blank"><img class="aligncenter size-full wp-image-3670" title="BenQuinn" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/BenQuinn.png" alt="BenQuinn" width="570" height="325" /></a></p>
<p><a href="http://benquinn.us/" target="_blank">Ben Quinn</a> is an artist and designer studying fine arts and graphic design at Columbus College of Art &amp; Design</p>
<p><a title="brentcouchman" href="http://www.brentcouchman.com/" target="_blank"><img class="aligncenter size-full wp-image-3671" title="Brent Couchman" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/Brent-Couchman.png" alt="Brent Couchman" width="570" height="325" /></a></p>
<p><a title="brentcouchman" href="http://www.brentcouchman.com/" target="_blank">Brent Couchman</a> is an independent graphic designer based in sunny San Francisco, California. Originally hailing from the Lone Star State where he developed branding, packaging &amp; illustration for Fossil, Brent moved to the Bay Area to work with Hatch design. His work has been recognized by AIGA, Art Directors Club, Communication Arts, Print Graphis, The Eisner Museum of Advertising &amp; Design, and most recently ADC Young Guns 9.</p>
<p><a title="spelltower" href="http://www.spelltower.com/" target="_blank"><img class="aligncenter size-full wp-image-3672" title="Spelltower" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/Spelltower.png" alt="Spelltower" width="570" height="325" /></a></p>
<p><a title="spelltower" href="http://www.spelltower.com/" target="_blank">Spelltower</a> is a game website to promote a puzzle game.  The vertical navigation, bold and minimalist color scheme make for a very interesting ride.</p>
<p><a title="weworkonsunday" href="http://www.weworkonsunday.com/" target="_blank"><img class="aligncenter size-full wp-image-3673" title="WeWorkOnSunday" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/WeWorkOnSunday.png" alt="WeWorkOnSunday" width="570" height="325" /></a></p>
<blockquote><p>Martin Silvestre and Thomas ROBIN the two cofounders met during a project, our knowledge in the internet and our wishes to create some new things, pushed ourseleves to continue working as a team.</p></blockquote>
<p><a title="domanistudios" href="http://domanistudios.com/" target="_blank"><img class="aligncenter size-full wp-image-3668" title="PocketSize" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/PocketSize.png" alt="PocketSize" width="570" height="325" /></a></p>
<p><a title="domanistudios" href="http://domanistudios.com/" target="_blank">DOMANI</a> helps brands leverage technology to express themselves and connect with consumers.</p>
<p>The studio was founded in 2001 with the belief that blending art and technology would yield the most meaningful and enduring interactive experiences. Since day one we have embraced this formula and baked it into our culture.</p>
<p><a title="mariotestino" href="http://www.mariotestino.com/" target="_blank"><img class="aligncenter size-full wp-image-3667" title="Mario Testino" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/Mario-Testino.png" alt="Mario Testino" width="570" height="325" /></a></p>
<p><a title="mariotestino" href="http://www.mariotestino.com/" target="_blank">Mario Testino</a> is one of the world’s most influential photographers. His cultural and commercial zeitgeist has made him a much sought after creative partner in the fashion and beauty industry today. His work has been featured across the globe in magazines from Vogue to Vanity Fair and he has contributed to the success of many leading fashion and beauty houses through advertising campaigns, from Burberry and Gucci to Dolce &amp; Gabbana and Versace.</p>
<p><a title="tavanovincent" href="http://www.tavanovincent.com/" target="_blank"><img class="aligncenter size-full wp-image-3669" title="Vincent Tavano" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/Vincent-Tavano.png" alt="Vincent Tavano" width="570" height="325" /></a></p>
<blockquote><p>I&#8217;m <a title="tavanovincent" href="http://www.tavanovincent.com" target="_blank">Vincent Tavano</a>, Art Director and Photographer living in Paris France.</p>
<p>Clients include Yves Saint Laurent, Lacoste Live, Hengki Koentjoro, Next-Idea, Loewe, Guerlain, Cantharide, Parker Pen, Tag Heuer, Trump Magazine, La Redoute, Ublo Solution, Studio We and many more…</p></blockquote>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/7-website-designs-for-your-inspiration/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Why Your Business Must Go Social</title>
		<link>http://www.dcmedia-design.com/blog/why-your-business-must-go-social/</link>
		<comments>http://www.dcmedia-design.com/blog/why-your-business-must-go-social/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 02:46:17 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Infographic]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Statistics]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[business social]]></category>
		<category><![CDATA[infographics]]></category>
		<category><![CDATA[social media for business]]></category>
		<category><![CDATA[stats]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3675</guid>
		<description><![CDATA[The power of social networks thrive on the fact that your clients are already there. ]]></description>
				<content:encoded><![CDATA[<p>The power of social networks thrive on the fact that your clients are already there. A frequently updated <a title="DCMediaDesign" href="http://www.twitter.com/DCMediaDesign" target="_blank">Twitter</a> account or <a title="DCMediaDesign" href="http://www.facebook.com/DCMediaDesign" target="_blank">Facebook</a> page is a way to engage with them where they already hang out. This infographic visualizes the reasons why social media should be a critical component in every business’ strategy.</p>
<p>Read on for some cold hard facts about why social networking is a must for you and your company.</p>
<div> <a title="why-your-business-must-go-social" href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/why-your-business-must-go-social-via-wix.jpeg" target="_blank"><img class="aligncenter size-full wp-image-3676" title="why-your-business-must-go-social-via-wix" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/why-your-business-must-go-social-via-wix.jpeg" alt="" width="844" height="5277" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/why-your-business-must-go-social/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Internet vs. Facebook in 10 Years</title>
		<link>http://www.dcmedia-design.com/blog/the-internet-vs-facebook-10-years/</link>
		<comments>http://www.dcmedia-design.com/blog/the-internet-vs-facebook-10-years/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 02:45:23 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[Infographic]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Statistics]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[educational internet]]></category>
		<category><![CDATA[facebook internet]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[state of the internet]]></category>
		<category><![CDATA[stats of internet]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3680</guid>
		<description><![CDATA[When we take pause to appreciate where we are, we can truly appreciate just how ]]></description>
				<content:encoded><![CDATA[<p>When we take pause to appreciate where we are, we can truly appreciate just how far we’ve come.</p>
<p>I recently stumbled across an interesting infographic as it made the rounds across the social web recently. Created by bestedsites.com, the graphic visualizes the meteoric rise of the <a href="http://mashable.com/2012/08/22/the-internet-a-decade-later/">Internet in just 10 years</a>. For example, in 2002, the Internet boasted 569 million users, which represented 9.1% of the world population. In 2012, that number skyrocketed to 2.27 billion at 33% of the world population. Another tremendous stat is the daily time spent online. In 2002 it was only 46 minutes a day (that was probably the time it took to load one web site). In 2012, it’s clocked four hours a day.</p>
<p style="text-align: center;"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/TheInternet.jpeg"><img class="aligncenter  wp-image-3682" title="TheInternet" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/TheInternet.jpeg" alt="TheInternet" width="522" height="307" /></a>As I was reveling in the rapid evolution and ascent of the internet in general, I took stock of Facebook’s growth. Well, I suppose not <a href="http://www.briansolis.com/2012/08/is-zuckerberg-to-blame-for-facebooks-slumping-stock/">literally</a>. Looking at Facebook as a subset of this particular infographic would provide a visual comparison of the static and social web. I once wrote that to the connected consumer, the end of the <a href="http://www.briansolis.com/2011/05/the-end-of-the-destination-web-and-the-revival-of-the-information-economy/">destination web</a> was upon us. The flow of information has been disrupted.  While websites aren’t dead they certainly don’t meet the needs and expectations of a much more real-time audience who live in their <a href="http://www.briansolis.com/2010/09/the-social-network-ecosystem-vs-egosystem/">egosystem</a> and benefit from news and information finding them. We live in an era where news no longer breaks, it <a href="http://www.briansolis.com/2011/05/this-just-in-news-no-longer-breaks-it-tweets/">Tweets</a>. As such, I’d love to see a visual comparison of the destination and social web and the numbers between them.</p>
<h2>In 2011, Facebook was the size of the Internet in 2004</h2>
<p>That’s certainly a dramatic headline. And, it’s true. Last year, when Facebook hit 800 million users, <a href="http://www.briansolis.com/2011/10/facebook-now-the-size-of-the-internet-in-2004/">Royal Pingdom</a> reported that not only was the milestone significant in terms of user base, it was the size of the entire Internet in 2004.</p>
<p>In July 2012, Facebook reported that its user count was approaching 1 billion with 955 million active users and counting. Those numbers are almost too big to truly grasp. So, I again took pause.</p>
<p>In 2004, thefacebook launched for Harvard University students. Within 24 hours, thefacebook was already home to somewhere between 1,200 and 1,500 students according to co-founder Dustin Moskovitz.  Within the first month, more than half of all Harvard students were registered. By October 2005, “the” was dropped from the company name, Facebook.com was purchased for $200,000, Sean Parker was now the company president, Facebook moved to Palo Alto, and the company opened the network to universities around the world.</p>
<p>Over the course of eight years, the site continued to experience incredible growth, a story of which you’re more than familiar with today.</p>
<p>Here’s a timeline representing milestones for each jump of 100 million users:</p>
<p>August 26, 2008 = 100 million users</p>
<p>April 8, 2009 =200 million users</p>
<p>September 15, 2009 = 300 million</p>
<p>February 5, 2010 = 400 million</p>
<p>July 21, 2010 = 500 million</p>
<p>January 5, 2011 = 600 million</p>
<p>May 30, 2011 = 700 million</p>
<p>September 22, 2011 = 800 million</p>
<p>April 24, 2012 = 900 million</p>
<p>Now (August 2012) = 955 million users</p>
<p>CNET recently <a href="http://news.cnet.com/8301-1023_3-57484991-93/facebook-8.7-percent-are-fake-users/">reported</a> that as many as 8.7 percent of users are fake. Just to clarify, not fake as in shallow personalities, but fake as in bogus accounts that represent duplicates, misclassified, undesirable, spam, etc. But event at 8.7 percent, the the overall number of people who use Facebook in one way or another is staggering. It is its own Internet and that’s both frightening and fascinating.</p>
<p>My colleagues at <a href="http://www.altimetergroup.com/">Altimeter Group</a> Andrew Jones (<a href="http://www.twitter.com/andrewjns">@andrewjns</a>), Christine Tran (<a href="http://www.twitter.com/christineptran">@christineptran</a>) and I took a look at the numbers to plot them on the infographic to truly visualize how big Facebook really is.</p>
<p>Accounting for the 8.7% of fake accounts, Facebook represents 28% of all Internet users at ~12% of the world’s population (estimated at 7 billion).</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/InfogrpahicInternet.jpeg"><img class="aligncenter size-full wp-image-3681" title="InfographicInternet" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/09/InfogrpahicInternet.jpeg" alt="InfographicInternet" width="778" height="989" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/the-internet-vs-facebook-10-years/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Nervous Steve Jobs</title>
		<link>http://www.dcmedia-design.com/blog/a-nervous-steve-jobs/</link>
		<comments>http://www.dcmedia-design.com/blog/a-nervous-steve-jobs/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 00:10:10 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Apple CEO]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Steve Jobs]]></category>
		<category><![CDATA[Steve Jobs of Apple]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=2076</guid>
		<description><![CDATA[Steve Jobs prepping for his first TV appearance. He&#8217;s amazed when he sees himself on ]]></description>
				<content:encoded><![CDATA[<p><iframe src="http://www.youtube.com/embed/FzDBiUemCSY" frameborder="0" width="560" height="315"></iframe></p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/retro-Steve.jpeg"><img class="wp-image-3628 alignright" title="retro-Steve" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/retro-Steve.jpeg" alt="retro-Steve" width="192" height="185" /></a>Steve Jobs prepping for his first TV appearance. He&#8217;s amazed when he sees himself on a nearby monitor.</p>
<p>Long before he became the charismatic cult leader of tech fanboys everywhere, Apple CEO Steve Jobs was contemplating some iVomit before his first TV appearance</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/a-nervous-steve-jobs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Difference Between SEO &amp; SMO</title>
		<link>http://www.dcmedia-design.com/blog/the-difference-between-seo-smo/</link>
		<comments>http://www.dcmedia-design.com/blog/the-difference-between-seo-smo/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 00:06:16 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Statistics]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[analytics]]></category>
		<category><![CDATA[difference]]></category>
		<category><![CDATA[exposure]]></category>
		<category><![CDATA[online keywords]]></category>
		<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[social media optimization]]></category>
		<category><![CDATA[social skills]]></category>
		<category><![CDATA[using social media]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3500</guid>
		<description><![CDATA[SEO &#38; SMO: More and more people are interacting with Social Media websites. It’s important ]]></description>
				<content:encoded><![CDATA[<p>SEO &amp; SMO: More and more people are interacting with Social Media websites. It’s important for your business to connect with these potential customers on these websites.</p>
<p><strong>Social media optimization (SMO)</strong> is an entirely new concept dealing with all the methods that can be used to create publicity, referral traffic, and bookmarking of your website using social media tools.  Things like social book-marking, up-voting (or down-voting), content tagging, sharing, liking, RSS feeds and similar all constitute social media activity.  For the author, <strong>social media optimization</strong> is about optimizing your footprint on social networking websites.</p>
<p><strong>Search engine optimization (SEO)</strong> is defined as an organic method to increase visitors to your website.  The main objective, being to rank a site as soon as possible through on-page and off-page strategies.</p>
<p style="text-align: center;"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/SocialMedia.jpg"><img class="aligncenter  wp-image-3570" title="SocialMedia" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/SocialMedia.jpg" alt="SocialMedia" width="450" height="231" /></a></p>
<p>Synergies between SMO and SEO:</p>
<ul>
<li>Enables findability in real-time search</li>
<li>Social Search: interactions through wall posts, discussions, comments or “likes” etc. are factored into search engine ranking (Facebook, Twitter, YouTube etc.)</li>
<li>Improves organic rankings</li>
<li>Direct impact on a website’s find-ability</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/the-difference-between-seo-smo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Winning Robot</title>
		<link>http://www.dcmedia-design.com/blog/winning-robot/</link>
		<comments>http://www.dcmedia-design.com/blog/winning-robot/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 00:05:18 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Funny]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[futuristic robots]]></category>
		<category><![CDATA[robot]]></category>
		<category><![CDATA[robotic games]]></category>
		<category><![CDATA[robots new age]]></category>
		<category><![CDATA[rock paper scissors]]></category>
		<category><![CDATA[winning robot]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3450</guid>
		<description><![CDATA[&#160; The Ishikawa Oku Laboratory in Japan created a robotic hand that is unbeatable at ]]></description>
				<content:encoded><![CDATA[<p><img class="wp-image-3573 alignright" title="Janken" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/Janken.jpg" alt="Janken" width="180" height="120" /></p>
<p>&nbsp;</p>
<p>The Ishikawa Oku Laboratory in Japan created a robotic hand that is unbeatable at Rock-Paper-Scissors.  The robot of the future.<iframe src="http://www.youtube.com/embed/3nxjjztQKtY" frameborder="0" width="560" height="315"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/winning-robot/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Band of Barcodes</title>
		<link>http://www.dcmedia-design.com/blog/barcode-band/</link>
		<comments>http://www.dcmedia-design.com/blog/barcode-band/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 23:59:48 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[band of barcodes]]></category>
		<category><![CDATA[barcode band]]></category>
		<category><![CDATA[musical barcodes]]></category>
		<category><![CDATA[scanned barcode music]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3444</guid>
		<description><![CDATA[Designer Lee ha lim fine tuned his own set of barcodes so when scanned, they ]]></description>
				<content:encoded><![CDATA[<p><img class="size-thumbnail wp-image-3577 alignleft" title="Barcode Band" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/Barcode-Band-150x150.jpg" alt="Barcode Band" width="150" height="150" /></p>
<p>Designer Lee ha lim fine tuned his own set of barcodes so when scanned, they produce different riffs, beats, and tunes. Here&#8217;s a sampling of his barcode beats in action.</p>
<p><iframe src="http://player.vimeo.com/video/41132461" frameborder="0" width="500" height="281"></iframe></p>
<p>&nbsp;</p>
<blockquote><p>To proceed bARCODE BAND project, we worked together to unfold our ideas and WOONJIN KANG took charge of sounds and filming, YOUGDUK KIM designed structure of Music box, HALIM LEE designed instrument graphics on the box.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/barcode-band/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Future is Ours</title>
		<link>http://www.dcmedia-design.com/blog/the-future-is-ours/</link>
		<comments>http://www.dcmedia-design.com/blog/the-future-is-ours/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 23:58:32 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[Future]]></category>
		<category><![CDATA[imagine]]></category>
		<category><![CDATA[stay hungry stay foolish]]></category>
		<category><![CDATA[Steve Jobs]]></category>
		<category><![CDATA[thefutureisours]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3441</guid>
		<description><![CDATA[The Future is Ours from Michael Marantz on Vimeo. Imagine the future as a movie, consider this a trailer ]]></description>
				<content:encoded><![CDATA[<p><img class="alignright size-thumbnail wp-image-3579" title="The Future is Ours" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/The-Future-is-Ours-150x150.jpg" alt="The Future is Ours" width="150" height="150" /></p>
<p><a href="http://vimeo.com/44658040">The Future is Ours</a> from <a href="http://vimeo.com/michaelmarantz">Michael Marantz</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Imagine the future as a movie, consider this a trailer to that movie.</p>
<p>The future excites me so much, that is why I made this. We need to be inspired by the immense possibilities of the future and work extremely hard to achieve them. We can do it, we just have to commit.</p>
<p>Help inspire others by sharing this video and tagging any interesting content on twitter with #TheFutureIsOurs</p>
<p>&nbsp;</p>
<p>Stay hungry. Stay foolish, my friends.</p>
<p><iframe src="http://player.vimeo.com/video/44658040?title=0&amp;portrait=0&amp;color=ffffff" frameborder="0" width="500" height="281"></iframe></p>
<div id="profile_bio">
<div id="profile_bio_content">
<div>
<blockquote><p>Hello, my name is Michael Marantz and I have a passion to create.</p>
<p>I am a filmmaker that loves to do a bit of everything. I write, shoot, direct, edit, compose, create motion graphics, visual effects, user experience designs and really anything else I can get my hands on.</p>
<p>Sign up on my website to get first looks at my work and influence my creative process. <a href="http://www.michaelmarantz.com/" rel="nofollow" target="_blank">michaelmarantz.com</a></p></blockquote>
</div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/the-future-is-ours/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Levitating Slinkys</title>
		<link>http://www.dcmedia-design.com/blog/levitating-slinkys/</link>
		<comments>http://www.dcmedia-design.com/blog/levitating-slinkys/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 23:57:54 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[FPS]]></category>
		<category><![CDATA[Frames Per Second]]></category>
		<category><![CDATA[slinkies]]></category>
		<category><![CDATA[slinkys]]></category>
		<category><![CDATA[slo mo]]></category>
		<category><![CDATA[slo mo video]]></category>
		<category><![CDATA[slo motion]]></category>
		<category><![CDATA[Slow Motion]]></category>
		<category><![CDATA[slow motion video]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3439</guid>
		<description><![CDATA[Veritasium mixes slow motion and slinkys to blow our minds. The original goal of Veritasium ]]></description>
				<content:encoded><![CDATA[<p>Veritasium mixes <a title="Slow Motion Ballet" href="http://www.dcmedia-design.com/blog/slow-motion-ballet/" target="_blank">slow motion</a> and slinkys to blow our minds.<a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/slinky_.jpg"><img class="aligncenter size-medium wp-image-3584" title="slinky_" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/slinky_-300x201.jpg" alt="slinky_" width="300" height="201" /></a></p>
<div id="watch-description-text">
<blockquote>
<p id="eow-description">The original goal of Veritasium was to show the beauty of science and I think the first minute and a half of this is the closest I&#8217;ve come. This is the last in a series of six videos about slinkys.</p>
</blockquote>
<p><iframe src="http://www.youtube.com/embed/uiyMuHuCFo4" frameborder="0" width="560" height="315"></iframe></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/levitating-slinkys/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mark Zuckerberg on Steve Jobs</title>
		<link>http://www.dcmedia-design.com/blog/mark-zuckerberg-steve-jobs/</link>
		<comments>http://www.dcmedia-design.com/blog/mark-zuckerberg-steve-jobs/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 23:56:47 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Apple products]]></category>
		<category><![CDATA[dining with the president]]></category>
		<category><![CDATA[Mark Zuckerberg]]></category>
		<category><![CDATA[Obama]]></category>
		<category><![CDATA[Steve Jobs]]></category>
		<category><![CDATA[the president]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=2050</guid>
		<description><![CDATA[Facebook founder and CEO Mark Zuckerberg has posted a message paying tribute to late Apple founder Steve ]]></description>
				<content:encoded><![CDATA[<p><img class="alignright" title="Mark Facebook" src="http://4.mshcdn.com/wp-content/uploads/2011/05/zuck.jpg" alt="" width="125" height="90" /></p>
<p>Facebook founder and CEO Mark Zuckerberg has posted a message paying tribute to <a href="http://mashable.com/2011/10/05/breaking-steve-jobs-has-died/">late Apple founder Steve Jobs</a>. Writing on his Facebook profile, Zuckerberg wrote, “Steve, thank you for being a mentor and a friend. Thanks for showing that what you build can change the world. I will miss you.”</p>
<p style="text-align: left;"><img class="aligncenter" title="Mark Zuckerberg" src="http://4.mshcdn.com/wp-content/uploads/2011/02/obama-dinner2.jpg" alt="" width="440" height="316" />The <a href="https://www.facebook.com/zuck/posts/10100100934727791" target="_blank">post</a>, which went up around 8:30 p.m. ET, has already been liked some 85,000 times by Zuckerberg’s more than 6 million Facebook subscribers.</p>
<p>Although Apple and Facebook have had a contentious relationship, it’s hard not to draw comparisons between Jobs and Zuckerberg, both of whom dropped out of college and founded their iconic companies in their early twenties.</p>
<p>Meanwhile, Facebook’s f8 conferences have become a platform for Zuckerberg to take center stage and share his company’s latest innovations, much in the way Jobs captured the eyeballs of tech watchers everywhere with his iconic keynotes.</p>
<p>Earlier this year, the two <a href="http://mashable.com/2011/02/18/obama-toasts-tech-with-industry-luminaries/">dined with President Obama</a> and other tech luminaries, as you can see in the photo below that was released by The White House:</p>
<p>Via <a href="http://mashable.com/2011/10/05/mark-zuckerberg-steve-jobs/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+Mashable+%28Mashable%29" target="_blank">here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/mark-zuckerberg-steve-jobs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Take a Fall Into Lava Lake</title>
		<link>http://www.dcmedia-design.com/blog/take-a-fall-into-lava-lake/</link>
		<comments>http://www.dcmedia-design.com/blog/take-a-fall-into-lava-lake/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 23:56:12 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[eruption]]></category>
		<category><![CDATA[fall into lava]]></category>
		<category><![CDATA[volcano]]></category>
		<category><![CDATA[what happens when]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3437</guid>
		<description><![CDATA[A fiery eruption of death would consume you whole. To test what would happen if ]]></description>
				<content:encoded><![CDATA[<p>A fiery eruption of death would consume you whole. To test what would happen if a person fell into a lave lake, a bag of organic trash was tossed 80 meters into Erta Ale&#8217;s lava lake, resulting in a violent explosion of fire and ash.  Imagine the lava art that could be made&#8230;</p>
<p><iframe src="http://www.youtube.com/embed/kq7DDk8eLs8" frameborder="0" width="420" height="315"></iframe></p>
<p>Incineration of waste in Erta Ale Volcanoes lava lake. It is frequently discussed whether it is possible to sink in lava. Due to its high density, a person would generally be expected to remain on the surface. Indeed it is possible to briefly walk on certain types of lava if professional heat-protective clothing is worn (do not try yourself). <a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/volcano.jpg"><img class="alignright size-full wp-image-3587" title="volcano" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/volcano.jpg" alt="volcano" width="120" height="90" /></a>However, the video shows that falling from a height, a person would be able to penetrate the crust of the lake and submerge in it. The test was performed with a box of camp waste (largely food rests) in a bin bag. Estimated weight 30kg, Size 60x60x60cm. Fall height, about 80m. The lake reacts with violent lava fountaining activity, presumably in part due to steam produced from the organic matter.</p>
<p>The lava lake at Erta Ale has persisted for many years and contains relatively fluid basaltic lava. Only few volcanoes have such lakes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/take-a-fall-into-lava-lake/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Surface vs. iPad: Microsoft&#8217;s Getting Rusty &#8220;Borrowing&#8221; Lecture&#8217;s from Apple</title>
		<link>http://www.dcmedia-design.com/blog/surface-vs-ipad-microsofts-getting-rusty-borrowing-lectures-from-apple/</link>
		<comments>http://www.dcmedia-design.com/blog/surface-vs-ipad-microsofts-getting-rusty-borrowing-lectures-from-apple/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 22:33:27 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Bill Gates]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[Steve Jobs]]></category>
		<category><![CDATA[tablet]]></category>
		<category><![CDATA[tablet movie watching]]></category>
		<category><![CDATA[tech]]></category>
		<category><![CDATA[Techtarded]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3435</guid>
		<description><![CDATA[If imitation is the sincerest form of flattery, then during Microsoft&#8217;s announcement of their newest ]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/AppleVsMicrosoft.jpg"><img class="size-medium wp-image-3589 aligncenter" title="AppleVsMicrosoft" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/AppleVsMicrosoft-300x225.jpg" alt="AppleVsMicrosoft" width="300" height="225" /></a>If imitation is the sincerest form of flattery, then during Microsoft&#8217;s announcement of their newest tablet the Surface, Apple must have been very flattered.</p>
<p><iframe src="http://www.youtube.com/embed/aSj8GUZDuac" frameborder="0" width="560" height="315"></iframe></p>
<p>On Monday, Microsoft held a secret press event in Los Angeles where it announced a new family of tablets under the Surface moniker. Along with Surface, the event revealed a branding shift for Microsoft, one that values the unity of hardware and software, and the idolization of aesthetics. Something about it felt familiar&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/surface-vs-ipad-microsofts-getting-rusty-borrowing-lectures-from-apple/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slow Motion Hard Drive</title>
		<link>http://www.dcmedia-design.com/blog/slow-motion-hard-drive/</link>
		<comments>http://www.dcmedia-design.com/blog/slow-motion-hard-drive/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 22:32:20 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[500GB hard drive]]></category>
		<category><![CDATA[computer inner]]></category>
		<category><![CDATA[engineering a computer]]></category>
		<category><![CDATA[FPS]]></category>
		<category><![CDATA[Frames Per Second]]></category>
		<category><![CDATA[inner workings]]></category>
		<category><![CDATA[slo mo]]></category>
		<category><![CDATA[Slow Motion]]></category>
		<category><![CDATA[slow motion video]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3303</guid>
		<description><![CDATA[The inner workings of a 500 GB hard drive at 1000 frames-per-second.  Plus a bit ]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/1000FPS.jpg"><img class="alignright size-full wp-image-3591" title="1000FPS" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/1000FPS.jpg" alt="1000FPS" width="120" height="90" /></a>The inner workings of a 500 GB hard drive at <a title="BLOW JOB" href="http://www.dcmedia-design.com/blog/blow-job/" target="_blank">1000 frames-per-second</a>.  Plus a bit of unnecessary destruction.</p>
<p><iframe src="http://www.youtube.com/embed/3owqvmMf6No" frameborder="0" width="560" height="315"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/slow-motion-hard-drive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bill Gates on Steve Jobs</title>
		<link>http://www.dcmedia-design.com/blog/bill-gates-steve-jobs/</link>
		<comments>http://www.dcmedia-design.com/blog/bill-gates-steve-jobs/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 22:31:42 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Bill Gates]]></category>
		<category><![CDATA[engineers]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[PC]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[Steve Jobs]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=2048</guid>
		<description><![CDATA[Bill Gates, co-founder of Microsoft and longtime rival of Steve Jobs, has issued a statement ]]></description>
				<content:encoded><![CDATA[<p>Bill Gates, co-founder of <a title="The Cars of the Tech Gods" href="http://www.dcmedia-design.com/blog/the-cars-of-the-tech-gods/" target="_blank">Microsoft</a><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/Bill-Gates-9307520-2-402.jpg"><img class="alignright  wp-image-3594" title="Bill Gates" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/Bill-Gates-9307520-2-402-300x300.jpg" alt="Bill Gates" width="135" height="135" /></a> and longtime rival of Steve Jobs, has issued a statement expressing his sadness at <a title="A Designer at Heart: Steve Jobs" href="http://www.dcmedia-design.com/blog/a-designer-at-heart-steve-jobs/" target="_blank">the passing of Steve Jobs</a>.</p>
<p>In it, Gates describes their relationship as one of “colleagues, competitors and friends over the course of more than half our lives.”</p>
<p>Gates’s full statement is included below:</p>
<blockquote><p>“I’m truly saddened to learn of Steve Jobs’ death. Melinda and I extend our sincere condolences to his family and friends, and to everyone Steve has touched through his work.</p>
<p>Steve and I first met nearly 30 years ago, and have been colleagues, competitors and friends over the course of more than half our lives.</p>
<p>The world rarely sees someone who has had the profound impact Steve has had, the effects of which will be felt for many generations to come.</p>
<p>For those of us lucky enough to get to work with him, it’s been an insanely great honor. I will miss Steve immensely.”</p></blockquote>
<h3></h3>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/bill-gates-steve-jobs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Is The Difference Between an API &amp; an SDK?</title>
		<link>http://www.dcmedia-design.com/blog/what-is-the-difference-between-an-api-an-sdk/</link>
		<comments>http://www.dcmedia-design.com/blog/what-is-the-difference-between-an-api-an-sdk/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 22:30:51 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Application Programming Interface]]></category>
		<category><![CDATA[SDK]]></category>
		<category><![CDATA[Software Development Kit]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3596</guid>
		<description><![CDATA[As a developer and web designer, it&#8217;s important to know as many platforms as possible.  ]]></description>
				<content:encoded><![CDATA[<p>As a developer and web designer, it&#8217;s important to know as many platforms as possible.  With that being said, it&#8217;s important to know the difference between all interfaces and platforms as well.  Here is the difference between an API &amp; an SDK:</p>
<p><strong><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/api1.gif"><img class="aligncenter  wp-image-3598" title="api1" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/api1.gif" alt="api1" width="529" height="309" /></a></strong></p>
<p><strong>API (Application Programming Interface)</strong></p>
<div id="_mcePaste">The name “Application Programming Interface” is very self-descriptive.  When programming an application to interface with a separate application or platform, you will almost invariably use an API.</div>
<div></div>
<div>
<p>For example, Amazon.com released its API so that Web site developers could more easily access Amazon&#8217;s product information. Using the Amazon API, a third party Web site can post direct links to Amazon products with updated prices and an option to &#8220;buy now.&#8221;</p>
<p>An API is a software-to-software interface, not a user interface. With APIs, applications talk to each other without any user knowledge or intervention. When you buy movie tickets online and enter your credit card information, the movie ticket Web site uses an API to send your credit card information to a remote application that verifies whether your information is correct. Once payment is confirmed, the remote application sends a response back to the movie ticket Web site saying it&#8217;s OK to issue the tickets.</p>
</div>
<div></div>
<div><span style="color: #003366; font-size: small;"><strong><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/sdks_long_bnrV1.png"><img class="aligncenter size-full wp-image-3597" title="SDKs" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/sdks_long_bnrV1.png" alt="SDKs" width="570" height="150" /></a></strong></span></div>
<div></div>
<div><span style="color: #003366; font-size: small;"><strong>SDK (Software Development Kit)</strong></span></div>
<div id="_mcePaste">A Software Development Kit is a package of pre-written code that developers can re-use in order to minimize the amount of unique code that they need to develop themselves.  SDKs can help to prevent unnecessary duplication of effort in a development community.</div>
<div id="_mcePaste"></div>
<div>An SDK for an operating system add-on (for instance, QuickTime for <a title="Steve Jobs Shows Off the Apple Store" href="http://www.dcmedia-design.com/blog/steve-jobs-shows-off-apple-store/" target="_blank">Mac OS</a>) may include the add-on software itself, to be used for development purposes, if not necessarily for redistribution. An interesting situation arises here between platforms where it is possible to develop applications that can at least start up on a system configuration without the add-on installed, and use a Gestalt-style run-time <em>environment query</em> to determine if the add-on is present, and ones where the application will simply fail to start. In other words, it is possible to build a single binary that will run on configurations with and without the add-on present, albeit operating with reduced functionality in the latter situation.</div>
<div>
<p>Providers of SDKs for specific systems or <a class="mw-redirect" title="Subsystems" href="http://en.wikipedia.org/wiki/Subsystems">subsystems</a> may sometimes substitute a more specific term instead of <em>software</em>. For instance, both <a title="Microsoft" href="http://en.wikipedia.org/wiki/Microsoft">Microsoft</a> and <a title="Apple Inc." href="http://en.wikipedia.org/wiki/Apple_Inc.">Apple</a> provide <strong>driver development kits</strong> (<strong>DDK</strong>) for developing <a title="Device driver" href="http://en.wikipedia.org/wiki/Device_driver">device drivers</a>.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/what-is-the-difference-between-an-api-an-sdk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Tools For Responsive Website Design</title>
		<link>http://www.dcmedia-design.com/blog/10-tools-for-responsive-website-design/</link>
		<comments>http://www.dcmedia-design.com/blog/10-tools-for-responsive-website-design/#comments</comments>
		<pubDate>Sun, 29 Jul 2012 22:29:56 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Designing Websites]]></category>
		<category><![CDATA[mobile websites]]></category>
		<category><![CDATA[moveable website design]]></category>
		<category><![CDATA[responsive websites]]></category>
		<category><![CDATA[responsiveness]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website design responsiveness]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3602</guid>
		<description><![CDATA[As introduced/coined by Ethan Marcotte in both his article &#8220;Responsive Website Design&#8221; as well as ]]></description>
				<content:encoded><![CDATA[<p>As introduced/coined by Ethan Marcotte in both his article &#8220;<a href="http://www.alistapart.com/articles/responsive-web-design" rel="nofollow">Responsive Website Design</a>&#8221; as well as his <a href="http://www.abookapart.com/products/responsive-web-design" rel="nofollow" target="_blank">best-selling book</a>, one needs three elements to make a site responsive:</p>
<ol>
<li>A flexible/fluid grid</li>
<li>Responsive images</li>
<li>Media queries</li>
</ol>
<p>There are plenty of <a href="http://www.vanseodesign.com/web-design/responsive-workflow/" rel="nofollow">other</a> <a href="http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design" rel="nofollow">great articles</a> that cover <a href="http://yiibu.com/articles/rethinking-the-mobile-web/page-2.html" rel="nofollow">motives</a>, <a href="http://adactio.com/journal/4443/" rel="nofollow">concepts</a>, and <a href="http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies" rel="nofollow">techniques</a> regarding responsive web design, so we&#8217;ll keep the focus of this article on some top tools that will help you become responsibly responsive.</p>
<p>Before you start with building your site, it&#8217;s best to <a href="http://www.alistapart.com/articles/sketching-the-visual-thinking-power-tool/" rel="nofollow">sketch out</a> how the elements on the page will adapt to fit the different browser sizes of the various devices that they will be viewed upon, and to <a href="http://www.broken-links.com/2011/02/21/using-media-queries-in-the-real-world/#comment-42516" rel="nofollow">avoid the disconnect that often comes from thinking primarily about the desktop design</a> and the rest of the responsive iterations as an afterthought (see especially <a href="https://twitter.com/#%21/stefsull" rel="nofollow">Stephanie (Sullivan) Rewis</a>&#8216; comment).</p>
<h3>1. Responsive Web Design Sketch Sheets</h3>
<p style="text-align: center;"><a href="http://jeremypalford.com/arch-journal/responsive-web-design-sketch-sheets" rel="nofollow">This set of responsive sketch sheets</a>, by Jeremy P Alford, is a great starting point to begin mapping out how the page sections will shift in different resolutions.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_responsivesketchsheets.jpg"><img class="size-full wp-image-3609 aligncenter" title="ss_responsivesketchsheets" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_responsivesketchsheets.jpg" alt="ss_responsivesketchsheets" width="615" height="420" /></a></p>
<h3>2. Responsive Design Sketchbook</h3>
<p>If you prefer to keep all of your sketches in one place, then you may want to consider this wire-bound book of <a href="http://appsketchbook.com/products/responsive-design-sketchbook" rel="nofollow">50 responsive sketch sheets</a> by the App Sketchbook company.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<figure><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/responsive-design-sketchbook.jpg"><img class="aligncenter size-full wp-image-3608" title="responsive-design-sketchbook" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/responsive-design-sketchbook.jpg" alt="responsive-design-sketchbook" width="615" height="420" /></a></figure>
<p>&nbsp;</p>
<h3>3. Responsive Wireframes</h3>
<p>One of the difficulties of building responsive websites is using wireframes to show how the responsive design will work. James Mellers of Adobe has put together this experimental tool to show how <a href="http://www.thismanslife.co.uk/projects/lab/responsivewireframes/" rel="nofollow">responsive wireframing of complex layouts</a> can work.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<figure><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/responsive-wireframes.jpg"><img title="responsive-wireframes" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/responsive-wireframes.jpg" alt="" width="615" height="420" /></a></figure>
<p>&nbsp;</p>
<h3>4. Multi-Device Layout Patterns</h3>
<p>When planning a responsive design it’s useful to see how other people have approached it before you, so Luke Wroblewski’s <a href="http://www.lukew.com/ff/entry.asp?1514" rel="nofollow">Multi-Device Layout Patterns</a>, which lists popular patterns with links to examples, is a great place to start.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<figure><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/multi-device-layout-patterns.jpg"><img class="aligncenter size-full wp-image-3606" title="multi-device-layout-patterns" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/multi-device-layout-patterns.jpg" alt="" width="615" height="420" /></a></figure>
<p>&nbsp;</p>
<h3>5. Style Tiles</h3>
<p>Samanatha Warren’s <a href="http://styletil.es/" rel="nofollow">Style Tiles</a> propose a new technique for design in the responsive age; rather than fixed width design mockups, these are like swatches or moodboards that show the general design approach without going into granular detail.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<figure><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/style-tiles.jpg"><img class="aligncenter size-full wp-image-3605" title="style-tiles" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/style-tiles.jpg" alt="" width="615" height="420" /></a></figure>
<p>&nbsp;</p>
<h2>Tools for a flexible/fluid grid</h2>
<p>As stated earlier, the first component needed for responsive design is a flexible/fluid grid. The following are already pre-built: you just need to download them and you&#8217;ll quickly be on the road to a more responsive site.</p>
<h3>6. Golden Grid System</h3>
<p><a href="http://jonikorpi.com" rel="nofollow">Joni Korpi</a>, who also developed <a href="http://lessframework.com" rel="nofollow">Less Framework</a>, has recently released this new version of a reliable grid system for responsive design. Deemed &#8220;folding&#8221; as it easily adapts from 16, to eight, to four columns, <a href="http://goldengridsystem.com" rel="nofollow">the Golden Grid System</a> also features a small browser overlay that exposes the grid on your pages for testing.</p>
<p>&nbsp;</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_goldengridsystem.jpg"><img class="aligncenter size-full wp-image-3604" title="ss_goldengridsystem" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_goldengridsystem.jpg" alt="ss_goldengridsystem" width="615" height="461" /></a></p>
<p>&nbsp;</p>
<h3>7. Foldy960</h3>
<p>The talented gents at <a href="http://paravelinc.com/" rel="nofollow">Paravel, Inc</a>. have released <a href="http://github.com/davatron5000/Foldy960" rel="nofollow">the modified 960.gs grid</a> that they use as the basis for their responsive projects.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_foldy960.jpg"><img class="aligncenter size-full wp-image-3603" title="ss_foldy960" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_foldy960.jpg" alt="ss_foldy960" width="964" height="411" /></a></p>
<h3>8. SimpleGrid</h3>
<p><a href="http://simplegrid.info/" rel="nofollow">SimpleGrid</a>, by <a href="http://conor.cc/" rel="nofollow">Conor Muirhead</a>, was built with responsiveness baked in, so it&#8217;s easy to get up and running with your responsive website project.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<figure><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_simplegrid.jpg"><img class="aligncenter size-full wp-image-3612" title="ss_simplegrid" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_simplegrid.jpg" alt="ss_simplegrid" width="615" height="462" /></a></figure>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>9. The 1140px CSS Grid</h3>
<p>Another great responsive grid system is the <a href="http://cssgrid.net/" rel="nofollow">1140px CSS Grid</a> by Melbourne designer <a href="http://www.andytlr.com/" rel="nofollow">Andy Taylor</a>, which goes from a wide desktop resolution down to mobile.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_1140grid.jpg"><img class="aligncenter size-full wp-image-3611" title="ss_1140grid" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_1140grid.jpg" alt="" width="615" height="375" /></a></p>
<h3>10. Columnal CSS grid system</h3>
<p><a href="http://www.columnal.com" rel="nofollow">The Columnal grid system</a>, created by <a href="http://www.pulpandpixels.com/" rel="nofollow">Pulp+Pixels</a> aka creative director Nick Gorsline, is based on the <a href="http://cssgrid.net" rel="nofollow">1140px grid system</a>, but with some extra goodies such as a design kit with sketchsheets and wireframing templates, as well as CSS debugging styles.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_columnal.jpg"><img class="aligncenter size-full wp-image-3610" title="ss_columnal" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ss_columnal.jpg" alt="ss_columnal" width="615" height="370" /></a></p>
<p>&nbsp;</p>
<figure></figure>
<figure><a href="http://www.netmagazine.com">[via]</a></figure>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/10-tools-for-responsive-website-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inventor of the Internet Tim Berners-Lee Welcomes The First &#8216;Socialympics&#8217;</title>
		<link>http://www.dcmedia-design.com/blog/inventor-internet-tim-berners-lee-welcomes-the-first-socialympics/</link>
		<comments>http://www.dcmedia-design.com/blog/inventor-internet-tim-berners-lee-welcomes-the-first-socialympics/#comments</comments>
		<pubDate>Sat, 28 Jul 2012 16:20:57 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Inventor of The Internet]]></category>
		<category><![CDATA[olympics]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[programmer]]></category>
		<category><![CDATA[socialympics]]></category>
		<category><![CDATA[Tim Berners-Lee]]></category>
		<category><![CDATA[tweet]]></category>
		<category><![CDATA[Tweeting]]></category>
		<category><![CDATA[w3c school]]></category>
		<category><![CDATA[w3c validator]]></category>
		<category><![CDATA[World Wide Web]]></category>
		<category><![CDATA[WWW]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3558</guid>
		<description><![CDATA[Who is Sir Tim Berners-Lee you ask? No big deal, he just invented something called ]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/OlympicsTimBernersLee1.jpg"><img class="wp-image-3563 aligncenter" title="OlympicsTimBernersLee" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/OlympicsTimBernersLee1.jpg" alt="OlympicsTimBernersLee" width="447" height="313" /></a>Who is Sir Tim Berners-Lee you ask? No big deal, he just invented something called the <a title="Gaining Search Engine Optimization" href="http://www.dcmedia-design.com/blog/online-marketing-strategies-for-gaining-search-engine-optimization/" target="_blank">Word Wide Web</a>. If you&#8217;re reading this right now, you can thank him for his inventions.</p>
<blockquote><p>Anyone who has lost track of time when using a computer knows the propensity to dream, the urge to make dreams come true and the tendency to miss lunch.<br />
<a href="http://www.brainyquote.com/quotes/quotes/t/timberners100447.html" target="_blank">Tim Berners-Lee</a></p></blockquote>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/Tim-berners-lee1.jpg"><img class="wp-image-3562 alignright" title="Tim berners-lee" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/Tim-berners-lee1.jpg" alt="Tim berners-lee" width="173" height="130" /></a>The Olympic opening ceremony celebrated Sir Tim Berners-Lee&#8217;s achievements &#8211; by asking the founder of the World Wide Wed to play a key part in opening of the London Olympic Games. He then delivered a specially prepared <a title="The Etsy Twitter Art Series Project" href="http://www.dcmedia-design.com/blog/the-etsy-twitter-art-series-project/" target="_blank">tweet</a> to the world.</p>
<p>His message sat at the heart of the ceremony, acting as the theme for the spectacular event.</p>
<p>He <a href="https://twitter.com/timberners_lee" target="_blank">tweeted</a>, ‘This is for everyone’ from a computer in a ‘<a title="Retro Robot" href="http://www.dcmedia-design.com/blog/retro-robot/" target="_blank">digital</a>’ household in the Stratford Stadium to welcome the world’s first ‘Socialympics’.</p>
<div id="twitter-widget-6" lang="en">
<div>
<div><a href="https://twitter.com/timberners_lee" data-screen-name="timberners_lee"> <img src="https://si0.twimg.com/profile_images/1325092609/94d9da15ab89e3e2b4a5b9a5174f5618_normal.jpg" alt="" /> Tim Berners-Lee @<strong>timberners_lee</strong> </a></div>
<div>
<p>This is for everyone <a title="#london2012" href="https://twitter.com/search/%23london2012" rel="tag">#<strong>london2012</strong></a><a title="#oneweb" href="https://twitter.com/search/%23oneweb" rel="tag">#<strong>oneweb</strong></a><a title="#openingceremony" href="https://twitter.com/search/%23openingceremony" rel="tag">#<strong>openingceremony</strong></a><a title="Web Foundation" href="https://twitter.com/webfoundation">@<strong>webfoundation</strong></a><a title="W3C Team" href="https://twitter.com/w3c">@<strong>w3c</strong></a></p>
</div>
<div><a href="https://twitter.com/timberners_lee/statuses/228960085672599552"> 27 Jul 12 </a></div>
</div>
</div>
<p>&nbsp;</p>
<blockquote><p>“The values and achievements of the Olympics will be amplified by the World Wide Web. It will be like millions of digital torches carrying the spirit of the Games to every corner of the world. It is an honour to have played a part in the opening ceremony for such an inspiring and truly international event that will be remembered as the most connected Olympic Games in history”,</p>
<p>Sir Tim Berners-Lee</p></blockquote>
<p>The Olympics&#8217; intention for honoring him at the 2012 Olympic games was to thank him for his creation to let people share knowledge all over the world. <strong></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/inventor-internet-tim-berners-lee-welcomes-the-first-socialympics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Industry City Distillery</title>
		<link>http://www.dcmedia-design.com/blog/industry-city-distillery/</link>
		<comments>http://www.dcmedia-design.com/blog/industry-city-distillery/#comments</comments>
		<pubDate>Wed, 25 Jul 2012 17:18:59 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[booze]]></category>
		<category><![CDATA[distil]]></category>
		<category><![CDATA[distillery]]></category>
		<category><![CDATA[Industry City Distillery]]></category>
		<category><![CDATA[vodka]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3325</guid>
		<description><![CDATA[What an amazing and creative space&#8230;not to mention a great product!  How much inspiration do ]]></description>
				<content:encoded><![CDATA[<p style="text-align: left;">What an amazing and creative space&#8230;not to mention a great product!  How much inspiration do you think you would get as a designer from here?</p>
<p style="text-align: left;"><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/06/distillery.jpg"><img class="aligncenter  wp-image-3554" title="Industry City Distillery" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/06/distillery.jpg" alt="Industry City Distillery" width="587" height="343" /></a></p>
<p style="text-align: left;">Industry City Distillery serves as a nexus for opportunity science, art, and industry. This collaborative effort is the work of five individuals looking to make something better. It just so happens their product is vodka and not the “well” stuff you’ve been drinking at your local watering hole. The City Foundry’s 6000sqft space holds not only the distillery but everything needed to improve their process while growing their business, including a machine shop, a biological research lab, a design studio and onsite printing press, a business office, and a public space for tasting and events.</p>
<p><iframe src="http://player.vimeo.com/video/42991839?title=0&amp;byline=0&amp;portrait=0&amp;color=ff9933" frameborder="0" width="400" height="300"></iframe></p>
<p>Check out the website and find out where to get your own bottle.</p>
<p>via <a href="http://www.thedonutproject.com" target="_blank">TDP</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/industry-city-distillery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gaining Search Engine Optimization</title>
		<link>http://www.dcmedia-design.com/blog/online-marketing-strategies-for-gaining-search-engine-optimization/</link>
		<comments>http://www.dcmedia-design.com/blog/online-marketing-strategies-for-gaining-search-engine-optimization/#comments</comments>
		<pubDate>Tue, 24 Jul 2012 19:18:45 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blog optimization]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[content blog]]></category>
		<category><![CDATA[keywords on website]]></category>
		<category><![CDATA[Optimize]]></category>
		<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[website optimization]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3547</guid>
		<description><![CDATA[Below is a hefty list of tips you could use to help boost your search ]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/images.jpg"><img class="alignright size-full wp-image-3551" title="Search Engine Optimization" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/images.jpg" alt="Search Engine Optimization" width="237" height="213" /></a>Below is a hefty list of tips you could use to help boost your search engine optimization strategy for your website, blog, and social media channels.</p>
<p><strong>Website</strong></p>
<ul>
<li>Optimize your site with keywords</li>
<li>Index your website on <a title="Google Goggles Are The Future" href="http://www.dcmedia-design.com/blog/google-goggles-are-the-future/" target="_blank">Google</a></li>
<li>Add website to appropriate link building sites such as
<ul>
<li>StumbleUpon</li>
<li>Digg</li>
</ul>
</li>
<li><a title="To RSS or Not To RSS?" href="http://www.dcmedia-design.com/blog/to-rss-or-not-to-rss/" target="_blank">RSS Feed</a> link on the home page to expose your blog posts so users can subscribe to them.</li>
<li>Add other social media buttons such as Facebook and Twitter to the landing page of the site linking to your business social pages.</li>
</ul>
<p><strong>Blog</strong></p>
<ul>
<li><strong>Structured content</strong> – <a title="5 Myths About Blogging" href="http://www.dcmedia-design.com/blog/5-myths-about-blogging/" target="_blank">Blog</a> software with category features allows the aggregation of content according to themes. This makes it easier to algorithmically categorize content. If you can make it easier for search engines to understand your content, you have a much better chance of ranking well on those topics.</li>
<li><strong>Crawlable URLs</strong> – Most blog software offers uncomplicated URL structure, making it fairly easy for search engine spiders to find and crawl blog content.</li>
<li><strong>Internal links</strong> – Blogs that post product or service related information can deep link anchor text to product information or purchase pages deep within the web site. This is very beneficial for ranking on long tail phrases.<img class=" wp-image-3550 alignright" title="SEO" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/marin-seo.jpg" alt="SEO" width="147" height="146" /></li>
<li><strong>Inbound link magnet</strong> – One of the biggest benefits, blogs link freely to each other – much more than web sites do. Blogs are also a significant source of many posts to social news and social media web sites. Text, audio and video are all easily supported for syndication by blogs. The more media available, the more likely it will attract incoming links. Additionally, there are many widgets and plugins that make it easy to share blog content, thus encouraging links and traffic.</li>
<li><strong>RSS</strong> – Links to RSS feed URLs that use the blog domain name will assist in building link popularity and when RSS content is syndicated or cited by other blogs, any embedded links will also assist in sending traffic.</li>
<li><strong>Fresh content</strong> – Both readers and search engines reward fresh content with repeat visits. From a search engine perspective that means your site can be crawled more frequently, allowing your newcontent to become searchable more quickly. Fresh content is also indicative of a more authoritative web site.</li>
<li><strong>Active community</strong>– <a title="4 Tips For Writing Online" href="http://www.dcmedia-design.com/blog/4-tips-for-writing-online/" target="_blank">Comments</a>and trackback features in blog software encourage interaction. An active blog community creates the kinds of citations or signals from other sites (annotated and contextually relevant links) that search engines tend to reward in the rankings. Loyal blog readers can boost a site’s visibility through advocacy on other blogs, in forums offline at conferences as well as on their own blogs and within the comments of your blog.
<ul>
<li>Participate in other’s blogs also to generate a reciprocal relationship with others in the field.</li>
</ul>
</li>
<li><strong>Write posts daily, weekly, or monthly </strong>– Writing about events or tips regarding the subject of the business will help to boost your search rankings.Announce event information and updates about the business</li>
</ul>
<p><img class="aligncenter size-full wp-image-3549" title="Google SEO" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/google-caffeine1.jpg" alt="Google SEO" width="420" height="397" /></p>
<p><strong>Social Media Strategy</strong></p>
<p><strong>Facebook</strong></p>
<ul>
<li>Create tabs to offer information, deals and events through Facebook</li>
<li>Create user engagement and keywords through interacting with Facebook fans and similar pages</li>
<li>Utilize Facebook Marketplace and Facebook Deals</li>
<li>Encourage interactivityKey Performance Indicators (<strong>KPI’s</strong>) will be:
<ul>
<li>
<ul>
<li>Fans/Likes, comments</li>
<li>Responses to deals/giveaways</li>
</ul>
</li>
</ul>
</li>
</ul>
<p><strong>Twitter</strong></p>
<ul>
<li>Create a page that is professional, informational, personable, and keyword-rich</li>
<li>Create and Tweet relevant information about the website for followers to retweet
<ul>
<li>This creates more content spread across the Internet that is linked to your brand</li>
</ul>
</li>
<li>Follow those associated with the brand and interact on a regular basis</li>
<li>Market blog posts and updates that the business is featuring</li>
<li>Promote deals/giveaways</li>
<li>Key Performance Indicators (<strong>KPI’s</strong>) will be:
<ul>
<li>Twitter: followers, RT’s, @<a href="http://twitter.com/replies">replies</a></li>
</ul>
</li>
</ul>
<p><strong>Linked In</strong></p>
<p>LinkedIn Business Page:</p>
<ul>
<li>Create a business page that is cohesive with the website and brand</li>
<li>Join groups that are in the area and have interest in the area</li>
<li>Post relevant and keyword-rich information on the company profile</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/online-marketing-strategies-for-gaining-search-engine-optimization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Super Mario 3D Chalk Art Time Lapse</title>
		<link>http://www.dcmedia-design.com/blog/super-mario-3d-chalk-art/</link>
		<comments>http://www.dcmedia-design.com/blog/super-mario-3d-chalk-art/#comments</comments>
		<pubDate>Mon, 23 Jul 2012 19:06:55 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[8 bit mario]]></category>
		<category><![CDATA[artistic chalk]]></category>
		<category><![CDATA[artistic super mario]]></category>
		<category><![CDATA[chalk art]]></category>
		<category><![CDATA[nintendo]]></category>
		<category><![CDATA[nintendo art]]></category>
		<category><![CDATA[old school mario]]></category>
		<category><![CDATA[Old School Nintendo]]></category>
		<category><![CDATA[old school super mario]]></category>
		<category><![CDATA[sidewalk chalk art]]></category>
		<category><![CDATA[super mario]]></category>
		<category><![CDATA[super mario bros]]></category>
		<category><![CDATA[super mario brothers]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3448</guid>
		<description><![CDATA[As an artist, you will always have a preference to which medium is your favorite. ]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/8-bit-mario.jpg"><img class="wp-image-3542 alignleft" title="8-bit-mario" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/8-bit-mario.jpg" alt="Super Mario" width="158" height="146" /></a>As an artist, you will always have a preference to which <a title="Typographic Street Art by Greg Papagrigoriou" href="http://www.dcmedia-design.com/blog/typographic-street-art-by-greg-papagrigoriou/" target="_blank">medium</a> is your favorite.  Whichever you choose, be inspired by it.  This Super Mario chalk piece <a title="Timelapse of a Timelapse" href="http://www.dcmedia-design.com/blog/timelapse-of-a-timelapse/" target="_blank">time lapse</a> will definitely spark your imagination, and inspire you to have fun with your own artsy medium!</p>
<p style="text-align: center;">
<p style="text-align: center;">
<p style="text-align: center;"><iframe src="http://www.youtube.com/embed/U2juYr2Xjeo" frameborder="0" width="560" height="315"></iframe></p>
<p>Mama Mia! Artist Chris Carlson chalks up a 3D masterpiece with his Super Mario themed sidewalk creation.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/super-mario-3d-chalk-art/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Beauty Of Movement: Parkour</title>
		<link>http://www.dcmedia-design.com/blog/the-beauty-of-movement-parkour/</link>
		<comments>http://www.dcmedia-design.com/blog/the-beauty-of-movement-parkour/#comments</comments>
		<pubDate>Fri, 20 Jul 2012 17:07:57 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Video Media]]></category>
		<category><![CDATA[excercise]]></category>
		<category><![CDATA[excersise]]></category>
		<category><![CDATA[exercise]]></category>
		<category><![CDATA[parkour]]></category>
		<category><![CDATA[parkour art]]></category>
		<category><![CDATA[run]]></category>
		<category><![CDATA[run art]]></category>
		<category><![CDATA[running art]]></category>
		<category><![CDATA[running parkour]]></category>
		<category><![CDATA[the art of running]]></category>
		<category><![CDATA[what is parkour?]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3446</guid>
		<description><![CDATA[I always like to showcase many different forms of art and creativity.  Today&#8217;s feature is ]]></description>
				<content:encoded><![CDATA[<p>I always like to showcase many different forms of art and creativity.  Today&#8217;s feature is based on a running form of art called Parkour.</p>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/Parkour_2.jpg"><img class="wp-image-3539 aligncenter" title="Parkour_2" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/Parkour_2.jpg" alt="Parkour_2" width="405" height="269" /></a>What if running meant <a title="Off The Wall Creative" href="http://www.dcmedia-design.com/blog/off-the-wall-creative/" target="_blank">creative</a>, individual expression through acrobatic moves like leaping from walls and over gaps, ground rolls and precision jumping? Instead of running laps around the community park, you&#8217;d navigate through the city, making the urban landscape your personal obstacle course, a playground for strength, freedom, courage and discipline.</p>
<blockquote><p>Parkour is an international discipline, sport and hobby that is best described as the art of forward motion in spite of obstacles, or to put it simply: the art of movement. Parkour&#8217;s chief aim is never to move backward but instead to overcome obstacles fluidly, with strength, originality and speed.</p></blockquote>
<p><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ParkourArt.jpg"><img class="wp-image-3538 alignright" title="ParkourArt" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/ParkourArt.jpg" alt="" width="146" height="146" /></a>That&#8217;s the basic idea of parkour. And it can be just as exciting and glamorous as it sounds, especially when performed by professionals. But its practitioners, called traceurs (males) and traceuses (females), because of its French origin, see parkour as much more than that.</p>
<p>Here is the beauty of Parkour all bundled up into one four-minute package.</p>
<p><iframe src="http://www.youtube.com/embed/az27ffuGEFc?rel=0" frameborder="0" width="560" height="315"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/the-beauty-of-movement-parkour/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Geometric Website Design Inspiration</title>
		<link>http://www.dcmedia-design.com/blog/geometric-website-design-inspiration/</link>
		<comments>http://www.dcmedia-design.com/blog/geometric-website-design-inspiration/#comments</comments>
		<pubDate>Thu, 19 Jul 2012 18:23:07 +0000</pubDate>
		<dc:creator>dcmediadesign</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[designs]]></category>
		<category><![CDATA[geometric design]]></category>
		<category><![CDATA[geometric designs]]></category>
		<category><![CDATA[geometry and websites]]></category>
		<category><![CDATA[shapes and design]]></category>
		<category><![CDATA[shapes in web design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[website design]]></category>

		<guid isPermaLink="false">http://www.dcmedia-design.com/blog/?p=3523</guid>
		<description><![CDATA[Great news!  DC Media + Design is adding a services section to the website.  This ]]></description>
				<content:encoded><![CDATA[<p>Great news!  <a href="http://www.dcmedia-design.com/" target="_blank">DC Media + Design</a> is adding a <a title="DC Media + Design Services" href="http://www.dcmedia-design.com/section#4" target="_blank">services</a> section to the website.  This is where you will learn about what we offer to build a business online.</p>
<p>While it&#8217;s being built it is also LIVE for the sole fact that we love the open source community and would love to hear your design input.  In the mean time, here are some amazing geometric website designs being researched for inspiration.  Thanks for the creativity!</p>
<h3><a href="http://www.fullstopinteractive.com/" target="_blank">Full Stop</a></h3>
<p>Circles as a big logo getting all the attention to the studio’s name.</p>
<p><a href="http://www.fullstopinteractive.com/" target="_blank"><img class="aligncenter size-full wp-image-3531" title="Geometry in Designs" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes01.jpg" alt="Geometry in Designs" width="540" height="313" /></a><a href="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes14.jpg"><br />
</a></p>
<div>
<h3><a href="http://www.jaradjohnson.com/" target="_blank">Jarad Johnson</a></h3>
<p>Big circles thumbs to show you a bit of Jarad’s work.</p>
<p><a href="http://www.jaradjohnson.com/" target="_blank"><img class="aligncenter size-full wp-image-3530" title="Geometry in Design" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes04.jpg" alt="Geometry in Design" width="540" height="320" /></a></p>
<div>
<h3><a href="http://www.blitzagency.com/hi/" target="_blank">Blitz Agency</a></h3>
<p>Starting here, circular navigations buttons will help you browse their whole content.</p>
<p><a href="http://www.blitzagency.com/hi/" target="_blank"><img class="aligncenter size-full wp-image-3533" title="Geometry in Website Designs" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes12.jpg" alt="Geometry in Website Designs" width="540" height="306" /></a></p>
<div>
<h3><a href="http://www.barntarnst.com/" target="_blank">Barnt &amp; Arnst</a></h3>
<p>Several rectangles as thumbnails beautifully colored and designed that help you navigate the website.</p>
<p><a href="http://www.barntarnst.com/" target="_blank"><img class="aligncenter size-full wp-image-3532" title="Geometry in Website Design" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes02.jpg" alt="Geometry in Website Design" width="540" height="312" /></a></p>
<div>
<h3><a href="http://www.demodern.de/" target="_blank">demodern</a></h3>
<p>Rectangles to organize and display content.</p>
<p><a href="http://www.demodern.de/" target="_blank"><img class="aligncenter size-full wp-image-3527" title="Geometry" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes15.jpg" alt="Geometry" width="540" height="305" /></a></p>
<div>
<h3><a href="http://www.voltagead.com/" target="_blank">Voltage</a></h3>
<p>Combination of rectangle thumbnails and hover effect to organize the content and create a nice layout.</p>
<p><a href="http://www.voltagead.com/" target="_blank"><img class="aligncenter size-full wp-image-3528" title="Web Design Geometry" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes23.jpg" alt="Web Design Geometry" width="540" height="319" /></a></p>
<div>
<h3><a href="http://bravenudigital.com/" target="_blank">Brave Nu Digital</a></h3>
<p>A circle inside of a rectangle frame with circular navigation buttons. The content is also beautifully organized in rectangle thumbs.</p>
<p><a href="http://bravenudigital.com/" target="_blank"><img class="aligncenter size-full wp-image-3529" title="Web Design Shapes" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes13.jpg" alt="Web Design Shapes" width="540" height="319" /></a></p>
<div>
<h3><a href="http://www.iamyuna.com/" target="_blank">Yuna</a></h3>
<p><a href="http://www.iamyuna.com/" target="_blank"><img title="Website Design Shapes" src="http://www.dcmedia-design.com/blog/wp-content/uploads/2012/07/geoshapes14.jpg" alt="Website Design Shapes" width="540" height="318" /></a></p>
<div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcmedia-design.com/blog/geometric-website-design-inspiration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
