<?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>1stwebdesigner - Graphic and Web Design Blog &#187; history</title>
	<atom:link href="http://www.1stwebdesigner.com/tag/history/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.1stwebdesigner.com</link>
	<description>1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles.</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:09:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Guided Tour Through Web Design History</title>
		<link>http://www.1stwebdesigner.com/design/web-design-history-tour/</link>
		<comments>http://www.1stwebdesigner.com/design/web-design-history-tour/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 10:00:36 +0000</pubDate>
		<dc:creator>Christian Vasile</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[aol]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[concepts]]></category>
		<category><![CDATA[grid system]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web pages]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=62184</guid>
		<description><![CDATA[Web design has been with us for a bit longer than 20 years now and sure, it is easy to criticize poorly designed websites nowadays, but few people really know how and where it all started. Things when web design started were really different &#8211; actually so different than such a website would be a [...]]]></description>
			<content:encoded><![CDATA[<p>Web design has been with us for a bit longer than 20 years now and sure, it is easy to criticize poorly designed websites nowadays, but few people really know how and where it all started. Things when web design started were really different &#8211; actually so different than such a website would be a shame today: weird colors, cluttered information, tables all over the place, Vegas lights and so many other things that everybody despises today. It is never too late to know a bit more about the history of web design, so let&#8217;s take a look at the most important changes throughout it.</p>
<p>Twenty years ago nobody knew what they were doing when designing a website. It was all something new and you couldn&#8217;t talk about strategies, research, laws, theories and typography. It was all chaotic. And it all started in 1989, when the first browser called World Wide Web was released, in the same time as the first website. However, it is not possible to see the first website ever, as there isn&#8217;t much information about it, but a website looked pretty much like <a title="The Project" href="http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html" target="_blank">this</a> one and was used to give out basic information.</p>
<p><span id="more-62184"></span></p>
<p>It all continued on a very slow path until 1996, which is considered by many the beginning of a new era in web design. Designers started using background colors &#8211; most of them really vibrant and painful to look at &#8211; but some of them kept it simple and decided to go for white &#8211; and even used some other fonts than the default ones. In this era people started overusing the animated GIFs we all hate today.</p>
<p>In the screenshot below you can see the Yahoo! website back in December 1996. This is one of the good examples of that year, but trust me, not all of them looked this good. You&#8217;ll see other websites below from 1996 &#8211; I am sure you can&#8217;t look at them  for too long and would be able to make a very long list of mistakes. People were not doing this back then, because the web was quite new and they were really happy with the websites they had &#8211; these were huge achievements for them back then.</p>
<div id="attachment_62363" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62363" title="Yahoo! in 1996" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/yahoo96.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">Yahoo!&#39;s website in December 1996</p></div>
<p>McDonald&#8217;s webpage was incredibly hard to look at, although there was not much text. The background red combined with the yellow created a very powerful visual &#8211; truth is that everybody associates this color combination with McDonald&#8217;s today, so it might be also thanks to their first webpage.</p>
<div id="attachment_62364" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62364" title="McDonald's 1996." src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/mcd1996.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">McDonald&#39;s website in November 1996.</p></div>
<div id="attachment_62365" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62365" title="AOL in 1996" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/aol96.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">aol.com in December 1996</p></div>
<p>Aligned to the left and with a maximum width of around 600 px, Apple&#8217;s website was not very smooth back then &#8211; unlike today. However, their design was still one of the best available on the web and looking at it didn&#8217;t affect your eye&#8217;s health at all, unlike some of the other ones.</p>
<div id="attachment_62366" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62366" title="Apple.com in 1997" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/apple_march1997.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">Although not as fancy as today, Apple&#39;s design from March 1997 was one of the best on the internet.</p></div>
<p>Shortly after this era, another one started: the era of Cascading Style Sheets. Although not even half as advanced as today, CSS made a huge difference back then. There were still many wrong colors being used, but the layouts started getting better and you can see in the screenshot below some of them even used a grid system, if you are not so demanding and precise.</p>
<p>Yahoo&#8217;s June 1998 website was actually looking good and it was one of the best of its generation. But what would you expect from the king of the web during the 90s?</p>
<div id="attachment_62367" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62367" title="Yahoo in June 1998" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/yahoo_june98.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">Yahoo! Kept a white and clean background, but still had blue link colors.</p></div>
<p>Google&#8217;s 1998 webpage, although the service was still in beta, looked really simple for that period, a trend which the American giant has continued with, right up until today. The main functionality of Google was and still is searching, therefore there was no reason to clutter the site too much.</p>
<div id="attachment_62368" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62368" title="Google in 1998" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google98.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">Google Beta (1998) had a smooth design.</p></div>
<p>As you can see in the screenshot below, Apple&#8217;s webpage evolved a lot from 1997 to 1998 and already started looking like what was going to be one of the pioneers of the minimalistic approach. Big visuals, not a lot text, no advertising and an interesting layout &#8211; this all started shortly after CSS1 and continues to this day.</p>
<div id="attachment_62369" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62369" title="Apple.com in July 1998" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/apple_july1998.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">Apple.com in July 1998</p></div>
<p>Even AOL&#8217;s website looked better by April 1998. They started to have a grid system, used the colors of their logo and personalized their menu by using buttons.</p>
<div id="attachment_62372" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62372" title="AOL in April 1998" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/aol_april98.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">AOL in April 1998 (not all the images captured)</p></div>
<p>The colors were becoming even more popular because designers thought they will keep the people on their web pages. They didn&#8217;t think the same colors would make it impossible to look at the page for more than a few minutes. However, as said before, the good that came from this was the fact that it associated colors with brands &#8211; blue for Microsoft, red and yellow for McDonald&#8217;s and so on.</p>
<p>Another problem were the fonts. Times New Roman and Courier New were very popular (Comic Sans was already released and soon to become hugely popular). Although there were many other options, people preferred to use these two typefaces in everything, from web pages and invitations to e-mails and documents. Writing with black was popular and everybody kept it like that. If there was something which needed to stand out, red was the color of choice. Otherwise I am sure you remember the blue underlined links (which you can see in most of the examples shown here until now). Because typography was not an important part of the design, bold and italics were not very used either to make text stand out.  A font that was widely used in the 90s and is still very popular today was Arial, which can even be seen on AOL&#8217;s website.</p>
<p>Leaving too much empty space was madness back in the 90s, also because centering a web page was not very popular. You can see Yahoo!&#8217;s first website (shown above) and notice how much empty space there was on the right side. People also started using background images, but because the images were not big enough, in many cases they started to repeat them and this created an awful visual.</p>
<p>Buttons also started to appear and become more and more popular, because they allowed designers to further customize the menus and put the focus on the navigation, while icons were also used all the time &#8211; it was the first time when visual elements had a use. This was also the period when animated GIFs exploded and everybody used them. There were almost no websites without them and people really appreciated the effect they created.</p>
<p>The year of 1999 was the year of a change. People started to design smarter and thought more about usability, grid systems, layouts and even colors. Most of the websites with vibrant background colors were redesigned and started looking better (McDonald&#8217;s got rid of that vibrant red from the background one year before).</p>
<div id="attachment_62373" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62373" title="CNN in August 2000" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/css_aug2000.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">CNN&#39;s webpage in August 2000 (not all the images captured)</p></div>
<div id="attachment_62374" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62374" title="Microsoft in February 1999" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/microsoft_feb99.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">Microsoft in February 1999 (not all the images captured)</p></div>
<p>Shortly after this, bright colors were on the way out and creating contrast between the background and the font color was critical. Most of the designers started using white as the default background color and it worked really well. Designers started designing in pixels instead of inches like they had been before. Maybe the most important thing was the fact that the content of a page was ordered, with the menu being in focus most of the time.</p>
<p>The importance of typography increased as well during this period, with people thinking a bit more about the target audience. Comic Sans becomes popular for child websites (although for a period it was used for everything) and some other fonts come into focus. There was no option for embedding back then, so designers were constrained, but at least they started to experiment more with what they already had.</p>
<p>Websites were not flexible at all back then and because of the many screen sizes available, it was difficult to design something to look good for everybody &#8211; responsive design was just unheard of. The use of buttons started to decrease as well because people learned how to properly play with font and colors &#8211; typography&#8217;s importance increased even more.</p>
<div id="attachment_62375" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62375" title="GoDaddy December 2002" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/godaddy_dec2002.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">GoDaddy&#39;s website from December 2002 even had a dropdown navigation.</p></div>
<p>By August 2002, Apple&#8217;s website looked a lot like the one they have today. The navigation was a dropdown, they used big images for the featured article/product and four small boxes for other products at the bottom &#8211; a lot of similarity with Apple&#8217;s current website. The Cupertino-based company showed everybody how they should design a simple, but effective website.</p>
<div id="attachment_62376" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62376" title="Apple in August 2002" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/apple_aug2002.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">Apple in August 2002.</p></div>
<p>The use of icons and boxes increased. As mentioned earlier, icons were a good way of focusing the users attention (especially on navigation links), while the boxes were used to help the user find his way around the website and also for structuring content. Luckily, the use of animated GIFs decreased by this period and they would never be as popular as they were a couple of years before.</p>
<p>Another era started in 2002, when the so-called web 2.0 concept appeared for the first time. The use of colors became more theoretical and everybody used them to make the websites more appealing, rather than flashy. The use of Flash &#8211; right then on its way in &#8211; was popular until 2008 when its use decreased dramatically. Flash animations became more and more popular and most of the websites started looking more professional, as we would say today.</p>
<p>Forums were already spread around and most of them had the same look and feel, like in the image below.</p>
<div id="attachment_62377" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62377" title="Softnews Romania in February 2003" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/softnews-feb-2003.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">Softnews Romania in February 2003</p></div>
<p>Shortly after this, the hover effects started to appear and they were a hit. Everybody was using them because they created focus and helped the user navigate.</p>
<p>Footers were also increasing in popularity and they were always used to display copyright information, privacy policy, terms of use or contact information.</p>
<p>Color palettes started to become harmonious and be used wisely. They started to create impact and designers knew that, if used correctly, colors can make a huge difference, especially then when not everyone had this information. The use of typography increased and, combined with colors and contrast, made the text interesting &#8211; for the first time in web history.</p>
<p>Responsive web design still didn&#8217;t appear at this point, but at least there were no more problems with background images. Now it was easy to calculate everything in pixels and repeating background images disappeared (they appeared again later on to create what we now refer to as patterns). Also, using background images instead of solid colors went low-key and designers preferred to avoid it.</p>
<p>Probably the first real interactive website was one for Coca-Cola. They showed the world how to use colors smartly and how to integrate them with flashy, visual animations that kept the users on their page for ever, even if there was not really too much going on there.</p>
<p>The web as we know it today started in 2005, when everybody realized cluttered sites are not popular, and started to keep them as simple as possible. Single pages appeared and made a huge impact because they were just what lots of users needed. Single pages gave design a fresh look and simplified the navigation. Designers started playing with font sizes and color and combined them so that text was in focus &#8211; integrating multiple fonts was tried for the first time in this period. The &#8220;back to top&#8221; button was also seen for the first time in this period and many websites adopted it, as it made navigation easier.</p>
<div id="attachment_62378" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62378" title="Yahoo! Aug 2006" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/yahoo_mid2006.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">By mid 2006, Yahoo!&#39;s webpage was simple and effective - no flashy elements.</p></div>
<p>In this period websites were becoming more than just a way of supplying basic information. They were part of an identity, soon even a part of a strategy and people visited them not only for information, but also for relaxation and inspiration.</p>
<p>In 2008 another era started, which lasted for only few years (although some signs of it are still online today). This was the retro period, where old fashioned elements started becoming popular. No, not the GIFs and the tables, but retro colors, text, illustrations and other elements could be seen all over the place. This is also when the minimalistic design approach started, but it was nothing more than an idea yet.</p>
<div id="attachment_62379" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62379" title="Forefathersgroup" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/fore.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">forefathersgroup.com incorporates lots of retro elements</p></div>
<p>The minimalistic approach started to become more than just an idea in 2010. We are currently in the minimalistic era, where it all has to be designed fast, it has to stay simple and still do its job and create an experience for the user. At the same time, although many websites turn to this concept, each one of them has to have something special &#8211; so that people will remember it and come back. Now it&#8217;s a lot about colors, typography and contrast &#8211; the best one being between white and black.</p>
<div id="attachment_62380" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62380" title="Apple January 2012" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/apple1.jpg" alt="" width="570" height="273" /><p class="wp-caption-text">How simple can a website be? Apple&#39;s the best example.</p></div>
<p>There are things we can notice everywhere. The color palettes are congruent and are not thrown out there just for the sake of it &#8211; they are used with a purpose. Hierarchy was introduced as well and it is not only shown through position, but also through font size, font type and colors. Balance is also a key word in today&#8217;s web design and creating a positive, attractive atmosphere on the website is the purpose of any designer. Responsive web design is popular today and there is no such thing as not being able to make a website look good on all the screens.</p>
<p>The typography goes beyond limits and being able to embed fonts made it even more challenging and interesting. Although too many fonts can lead to a bad design, if you know how to use them you will learn the key to getting people to read your text. Buttons are still used (think of Twitter, Facebook, LinkedIn and RSS) and are the way to navigate through pages, although they are not widely used anymore in menus. The problems with images and resolutions disappeared as well.</p>
<p><img class="size-full wp-image-62381 alignnone" title="Facebook" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/fb1.jpg" alt="" width="570" height="273" /></p>
<p>There is also a new style in town for background choices. There can be images, patterns or even solid colors &#8211; in today&#8217;s web you can integrate them with everything. Animations are not popular anymore, but are still used here and then &#8211; however, they do not affect the loading speed of the sites as much as before.</p>
<p>With more than 20 years since the design started to develop, it is easy to see that everything moves fast and that everything keeps improving. It is amazing how you can think that nothing can be better, and then in a few years something new comes and everybody is excited about it. The internet went from rough to beautiful and useful and will most definitely continue on its path upwards. Lots and lots of changes will continue to be made and the question is: are you ready for them? Are you ready for when a crazy designer will see an opportunity to push the web even farther? Will you jump on his bandwagon or will you just continue to do things the way you do already? If the history of web design has taught us something, it is the fact that we always continue to evolve. You should always be ready and willing to do the same when the opportunity arises&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/web-design-history-tour/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>8 World-Changing Innovators That Molded Today&#8217;s Technology</title>
		<link>http://www.1stwebdesigner.com/inspiration/eight-world-changing-innovators/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/eight-world-changing-innovators/#comments</comments>
		<pubDate>Sat, 26 Nov 2011 10:00:22 +0000</pubDate>
		<dc:creator>Rean John Uehara</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[innovators]]></category>
		<category><![CDATA[inventions]]></category>
		<category><![CDATA[inventors]]></category>
		<category><![CDATA[technology]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=59236</guid>
		<description><![CDATA[The talk about great innovators and visionaries has been hot these past few weeks, with images and articles about Steve Jobs appearing in every corner of the internet world. The focus was on Steve Jobs, and his passing, but should that stop us from honoring earlier innovators, who not only innovated things during their time, [...]]]></description>
			<content:encoded><![CDATA[<p>The talk about great innovators and visionaries has been hot these past few weeks, with images and articles about Steve Jobs appearing in every corner of the internet world. The focus was on Steve Jobs, and his passing, but should that stop us from honoring earlier innovators, who not only innovated things during their time, but also helped create what we have now?</p>
<p>Below you will meet some of the world&#8217;s best inventors when it comes to disseminating information and improving technology as we know it. I must warn you, all but one have left this world. Still, with new technology booming every month, it surely won&#8217;t hurt learning about them!</p>
<p>As Plato once said, “study the past if you would divine the future,” so we must!</p>
<p><span id="more-59236"></span></p>
<h2><strong>Printing Press –  Johannes Gutenberg</strong></h2>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/printingpress.png" alt="Printingpress" border="0" /></p>
<p><em>Image from <a href="http://en.wikipedia.org/wiki/File:Printer_in_1568-ce.png" target="_blank">Wikipedia</a></em></p>
<p>One cannot deny the importance of mass production and being able to disseminate information. Prior to the invention of the printing press, lower class people could only dream of reading a book and being educated. This was in the 13th and 14<sup>th</sup> centuries, a time when books were almost the price of gold and a time when scribes wrote each word by hand of every copy of every book. You can imagine how hard it was to acquire a book!</p>
<p>The invention of mechanized printing led to the <a href="http://en.wikipedia.org/wiki/Printing_Revolution#The_Printing_Revolution" target="_blank">Printing Revolution</a>, a period where information became widely available and much more affordable. This opened a new world for people to learn new things that in the past were only a dream of having, it also gave birth to many scholars and curious intellectuals.</p>
<p>Looking back, without the propagation of cheap information we wouldn&#8217;t be here today savoring technology and sweet information!</p>
<h2><strong>Computer –  Charles Babbage<br />
</strong><strong>(Dec. 26, 1791 –  Oct. 18, 1871)</strong></h2>
<p><strong><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/charles_babbage_part_of_computer.png" alt="Charles_babbage_part_of_computer" border="0" /></strong></p>
<p><em>Image from <a href="http://en.wikipedia.org/wiki/File:BabbageDifferenceEngine.jpg" target="_blank">Wikipedia</a></em></p>
<p>Ah, so Charles Babbage invented the computer. What&#8217;s so shocking about it? Well, several years before it was possible to make a model, he had already designed one using ink and paper. He had already laid out plans that years to come would blow mathematicians&#8217; minds away.</p>
<p>It is also interesting to note that Charles Babbage worked closely with Ada Lovelace (born Augusta Ada Byron, daughter of Lord Byron). Together they developed the Analytical Engine, which gave Ada Lovelace the title of First Programmer.</p>
<h2><strong>Electricity –  Nikola Tesla<br />
</strong><strong>(July 10, 1856 –  Jan. 7, 1943)</strong></h2>
<div class="wp-caption alignnone" style="width: 580px"><img style="border-style: initial; border-color: initial; border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/nikolafuckingtesla.png" alt="" width="570" height="427" border="0" /><p class="wp-caption-text">Nikola Tesla chilling in his laboratory like a boss.</p></div>
<p><em>Image from <a href="http://en.wikipedia.org/wiki/File:Tesla_colorado_adjusted.jpg" target="_blank">Wikipedia</a>.</em></p>
<p>Perhaps Nikola Tesla is one of the greatest minds of our time to be forgotten, not because of his weird conjectures, but because of a conspiracy against him during his time by envious people. Today we are enjoying the flow of electricity to our homes making our appliances and gadgets come to life. Without the ability to harnessed electricity, we couldn&#8217;t possibly hope to have advanced technologically as it is a prerequisite.</p>
<p>If you have played one of those strategic games, like Red Alert, you will learn that you need to upgrade or research a certain technology before advancing to the next. That&#8217;s how it is in real life, and harnessed electricity is the timeless breakthrough that will always be useful to every human living on this planet.</p>
<p>In honor of Nikola Tesla&#8217;s achievements, the Tesla unit was named after him. In the game Red Alert, they honored Tesla by naming several characters and buildings there after him, such as the Tesla Tank, Tesla Tower, and Tesla Trooper.</p>
<p>There is more to Tesla then just being named in computer games and as the inventor of harnessed electricity. He dreamt of inventing a wireless means of transporting electricity from a single point to just about anywhere. Unfortunately he was not able to do it because his life was cut short. On the other hand, he may have not successfully invented wireless transfer of electricity, but he managed to do it, although not perfectly and quite impractical. What it was lacking was long distance transfer.</p>
<h2><strong>Walkman –  Nobutoshi Kihara<br />
</strong><strong>(Oct. 14, 1926 –  Feb. 13, 2011)</strong></h2>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/walkman_series.png" alt="Walkman_series" border="0" /></p>
<p><em>Image from <a href="http://en.wikipedia.org/wiki/File:SonyWalkmanFamily.JPG" target="_blank">Wikipedia</a></em></p>
<p>The Walkman is truly one of the first revolutions in the entertainment industry, the first one to break the thinking that BIG is always better.</p>
<p>It&#8217;s a sad thing that children born today (2000s) will have no idea what a Walkman is. I&#8217;m 22 and yet I enjoyed one when I was young. I was even brought by my cousin to recording stores to purchase his “tapes”.</p>
<p>If <a href="http://en.wikipedia.org/wiki/Nobutoshi_Kihara" target="_blank">Wikipedia</a> is to be trusted, Masaru Ibuka (a Sony co-founder) allegedly said that Mr. Kihara is “godlike” because after a few moments of discussing concepts, he will develop a prototype of it within a day.</p>
<h2><strong>C Programming Language –  Dennis Ritchie<br />
</strong><strong>(Sept. 9, 1941 –  Oct. 2011)</strong></h2>
<div class="wp-caption alignnone" style="width: 436px"><img style="border-style: initial; border-color: initial; border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/dennis_ritchie.png" alt="Dennis_ritchie" width="426" height="493" border="0" /><p class="wp-caption-text">This is the photo of the man you should all be thankful of, whose passing unfortunately didn&#39;t create a worldwide mourning.</p></div>
<p><em>Image from <a href="http://en.wikipedia.org/wiki/File:Dennis_MacAlistair_Ritchie_.jpg" target="_blank">Wikipedia</a></em></p>
<p>Dennis Ritchie is the person responsible for the creation of the C language and is a key developer of the UNIX operating system. UNIX systems are widely used on different platforms and devices, and today&#8217;s technology wouldn&#8217;t be possible without the help of these two inventions.</p>
<p>The development of C and UNIX led to various advances in both software and hardware. Due to his work, he received the Turning Award and IEEE Richard W. Hamming Medal.</p>
<h2><strong>Touch Screen –  E.A. Johnson</strong></h2>
<p>Contrary to popular belief, Steve Jobs didn&#8217;t invent touch screens. Although there is very little information online about E. A. Johnson, the inventor of the first touch screen, there are published resources that prove it. See “Touch Displays: A Programmed Man-Machine Interface,” published in the year 1967.</p>
<p>Everywhere you go today you&#8217;ll find devices with touch screens. Kiosks at your favorite shopping mall, the ATM, the devices you use, and even vending machines.</p>
<h2><strong>Telephone –  Alexander Graham Bell<br />
</strong><strong>(Mar. 3, 1847 –  Aug. 2, 1922)</strong></h2>
<div class="wp-caption alignnone" style="width: 580px"><img style="border-style: initial; border-color: initial; border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/first_telephone_keanu.png" alt="First_telephone_keanu" width="570" height="437" border="0" /><p class="wp-caption-text">An actor that looks like Keanu Reeves portraying Alexander Graham Bell for an AT&amp;T film.</p></div>
<p><em>Image from <a href="http://en.wikipedia.org/wiki/File:Actor_portraying_Alexander_Graham_Bell_in_an_AT%26T_promotional_film_(1926).jpg" target="_blank">Wikipedia</a></em></p>
<p>Imagine life without your mobile phone or even the internet. Sucks, right? And that&#8217;s the reason why you need to know the humble beginnings of these light-speed communication!</p>
<p>Prior to the invention of the telephone, many people did not imagine that it was even possible. It&#8217;s like witchcraft! And since the snowball effect applies to everything, like when a thing gets started it won&#8217;t stop no matter what, the birth of the telephone opened a new world for fast communication. Which leads us to the World Wide Web.</p>
<p><strong>Update: </strong>This is probably the most controversial item on our list, and to avoid further rants I&#8217;ll share commenter <strong>AlexanderDas</strong>&#8216; <a href="http://www.guardian.co.uk/world/2002/jun/17/humanities.internationaleducationnews?INTCMP=SRCH" target="_blank">link to The Guardian</a> that says it was actually <strong>Antonio Meucci</strong> who invented the first telephone that can transmit <em>voice. </em>If you will do a quick search and look at the history of its making, the first voice transmission was made during Bell and Meucci&#8217;s timeline. Several years prior to theirs, only vibrations and clanking were made.</p>
<h2><strong>World Wide Web –  Tim Berners-Lee</strong></h2>
<p>The World Wide Web is one of the most important inventions of mankind. The thought of it was impossible, nearly witchcraft if you could hear people from back then speak about it, but I wasn&#8217;t capable of thinking things like that yet when I was born (1989). But I had my piece of WWW-less until my junior year in high school. Yes, that&#8217;s when I first accessed the internet for more than an hour (first time was during freshman year, just a look at Yahoo and nothing more).</p>
<p>The bad things aside, the Internet is now creating a new world-wide culture transcending race, distance, and even time. Somehow, a global consciousness is emerging. From the fast spread of free information that is accessible to many, down to communicating with close friends and family, you just can&#8217;t ignore the glaring contribution of Tim Berners-Lee and the team responsible for the WWW we now enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/eight-world-changing-innovators/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Three Great Decades: The Interesting History Of Apple</title>
		<link>http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/#comments</comments>
		<pubDate>Wed, 09 Nov 2011 10:00:58 +0000</pubDate>
		<dc:creator>Rachel Arandilla</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[steve jobs]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=56596</guid>
		<description><![CDATA[Apple is the brainchild of one of the greatest innovators of history, Steve Jobs. His passing was unexpected and early; but he has left us with enough wealth in knowledge. Steve Jobs changed the way we listen to music, communicate with people and interact with our gadgets. Apple created a new way of thinking&#8230; no, [...]]]></description>
			<content:encoded><![CDATA[<p>Apple is the brainchild of one of the greatest innovators of history, Steve Jobs. His passing was unexpected and early; but he has left us with enough wealth in knowledge. Steve Jobs changed the way we listen to music, communicate with people and interact with our gadgets. Apple created a new way of thinking&#8230; no, Apple created a whole new way of<em> living</em>.</p>
<p><span id="more-56596"></span></p>
<h2><strong>Humble Beginnings</strong></h2>
<h3><em><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/apple-logo-transformation-revolution/" rel="attachment wp-att-57417"><img title="apple-logo-transformation-revolution" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/apple-logo-transformation-revolution.jpg" alt="" width="570" height="196" /></a></em></h3>
<p>Apple was founded by the &#8216;two Steves: Steve Jobs and Steve Wozniak. They were two very different teenagers, but both are geniuses in their own way. Both Steve&#8217;s grew up in San Jose, California&#8211; now better known as Silicon Valley.</p>
<p>Before they became billionaires and founders of the coolest company in the world, they were teenage outcasts. Three decades ago the two Steve&#8217;s were mere college dropouts, Jobs from Reeds and Wozniak from Berkeley. The two Steve&#8217;s met at Hewlett-Packard, while Jobs was working as a summer employee and Wozniak as a calculator manufacturer.</p>
<p>The Woz was an especially gifted engineer of his time, making and selling illegal devices that he made. One particular device allowed users to make free long distance calls (which was a big deal in the 1970s  when long distance calls were expensive). Wozniak had done so by hacking into AT&amp;T&#8217;s long distance network. An ironic beginning if you think of it, since AT&amp;T is now perhaps one of Apple&#8217;s most important business partners.</p>
<p>Later on, Jobs convinced Wozniak to make self-made computers with him. While Steve Wozniak merely enjoyed creating machines, Jobs had always seen the marketability of personal computers. To start their own company, they sold their most precious possessions. Jobs sold his Volkswagen Bus and Wozniak sold his programmable HP calculator. They gathered $1,250 and started their business in Jobs&#8217; basement.</p>
<p><img class="alignnone size-full wp-image-57426" title="steve-jobs-wozniak-1976" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/steve-jobs-wozniak-1976.jpg" alt="" width="570" height="329" /></p>
<h2>Start of the Great Company</h2>
<p>It was in Steve Jobs&#8217; tiny basement that they invented the first personal computer. On April Fool&#8217;s Day, 1976, Steve Jobs and Steve Wozniak released the first Apple I computer and started the company Apple Computers.</p>
<p><img class="alignnone size-full wp-image-57414" title="apple-computer-prototype" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/apple-computer-prototype.jpg" alt="" width="570" height="426" /></p>
<p>The first Apple machine made use of a TV as a display system&#8211;a great addition since most machines of the time had no display at all. Text was faster than teleprinter at that time, typing at 60 characters per second. It also had a bootstrap code on ROM for easy start-up. Like a car, the Apple I computer had a hood that the owner could open up and tinker with the machine. Users were encouraged to open and tinker with the computer; to make it better, to make it faster and to add some features.</p>
<p>Byte Shop, a local computer shop, offered to buy 50 of the computers if it came fully assembled, paying US $500 each. The two couldn&#8217;t afford to pay for the components, so Jobs approached Cramer Electronics to get components on 30 day terms. With that, the two Steve&#8217;s spent days on end building the computers, delivered it on time and paid his supplier with a neat profit for their efforts and for the next order.</p>
<p>Steve Jobs invited Ronald Wayne, a 41-year-old former colleague from Atari to join in their Apple start-up. Jobs offered Wayne 10% of the company, although he kept his job at Atari and worked for Apple at night. The partnership with Ronald Wayne didn&#8217;t last long, though. Twelve days after Apple&#8217;s release, Ronald Wayne sold his 10% share for US $800. A meager sum if you consider the fact that Wayne&#8217;s 10% share would&#8217;ve been worth US $35.3 billion today.</p>
<h2>1977 &#8211; 1980s: Fast Growth</h2>
<p><span style="color: #000000;">After Apple I, Wozniak now thought about making a bigger and better machine. Since they now had the money from the sales on their first computer, Wozniak moved on and made an improved version, the Apple II. The computer was presented on April 16, 1977 during the West Coast Computer Fair. A Japanese chemist named Toshio Mizushima became interested in the Apple II prototype, and later on became the first authorized Apple dealer in Japan.</span></p>
<div id="attachment_57427" class="wp-caption alignnone" style="width: 580px"><a href="http://oldcomputers.net/appleii.html"><img class="size-full wp-image-57427" title="apple-ii-computer" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/apple-ii-computer.jpg" alt="" width="570" height="389" /></a><p class="wp-caption-text">Image from Old Computers</p></div>
<p>The Apple II, also known as the Apple ][, became known as the most popular computer of all time. The TV interface was completely redesigned. It could handle text, graphics, and later on, color. It became more ready-to-use than its predecessor, since the Apple I required you to plug parts together &amp; type the code to run the program.</p>
<div id="attachment_57428" class="wp-caption alignnone" style="width: 580px"><a href="http://www.behance.net/gallery/Steve-Jobs-1955-2011-Tribute-to-Apple/2269646"><img class="size-full wp-image-57428" title="apple-advertisement" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/apple-advertisement.jpg" alt="" width="570" height="620" /></a><p class="wp-caption-text">Image from Tony Olsen</p></div>
<p>By this time Apple needed more money to grow as a company. The solution came from an angel investor named Mike Markkula, who was referred to him by Don Valentine and in turn was referred to by Regis McKenna. Valentine, after first meeting the young and unkempt Jobs, told McKenna: &#8216;<em>Why did you send me this renegade from the human race?&#8217; </em>He was uninterested in funding Apple, but recommended Markula. Jobs visited him and convinced the would-be investor the market potentials of personal computers. Markkula invested $92,000 in Apple and a bank loan of US $250,000.</p>
<p>Markkula held a huge influence particularly in the formative years of Apple. Wozniak even credits Markkula for Apple&#8217;s success more than himself. He provided the adult supervision to the young Jobs and Wozniak. He served as a mentor to Jobs teaching him the the ins and outs of business and management. Aside from helping the company obtain credit and capital, he brought in Michael Scott to be the first president and CEO of Apple. He promised his wife to stay at the venture for four years, he eventually stayed for two decades. Markkula is responsible for recommending the floppy disk drive, after Markkula discovered that the checkbook balancing program he had written was too slow on the data cassette.</p>
<p>Apple&#8217;s most famous success is the famed Macintosh. It was the first computer to successfully use a graphic user interface and mouse. The series was thought of by Jef Raskin, an Apple employee who envisioned a low-cost, user-friendly computer for the everyday customer. Macintosh was named after Raskin&#8217;s favorite type of apple. Jobs was working on his own Lisa computer during this time, but immediately took over the Macintosh project when the failure of Lisa was clear and the future of Macintosh was bright. See the 1984 Macintosh ad<a href="http://www.youtube.com/watch?v=OYecfV3ubP8"> here</a>.</p>
<div id="attachment_57459" class="wp-caption alignnone" style="width: 580px"><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/macintosh-apple-ad-price/" rel="attachment wp-att-57459"><img class="size-full wp-image-57459" title="macintosh-apple-ad-price" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/macintosh-apple-ad-price.jpg" alt="" width="570" height="400" /></a><p class="wp-caption-text">Image from Quality in Print </p></div>
<p>By 1980s Jobs was still young and unexperienced. He made many marketing mistakes that greatly affected Apple sales. Jobs still lacked the discipline to run the company . Thus Jobs lured Sculley away with the pitch: &#8216;Do you want to sell sugar-water for the rest of your life or come with me &amp; change the world?&#8217;</p>
<div id="attachment_57460" class="wp-caption alignnone" style="width: 580px"><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/john-sculley-steve-jobs-apple-computers/" rel="attachment wp-att-57460"><img class="size-full wp-image-57460" title="john-sculley-steve-jobs-apple-computers" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/john-sculley-steve-jobs-apple-computers.jpg" alt="" width="570" height="382" /></a><p class="wp-caption-text">Jobs and Sculley during their &#39;friendlier&#39; days</p></div>
<p><span class="Apple-style-span" style="color: #000000;"> Sculley was believed to be the perfect choice into bringing business success, stability and management know-how into the company. He raised the Macintosh price from US $1,995 to US $2,495, to use the extra money for advertising campaigns.</span></p>
<p>There was an internal power struggle in Apple&#8211;Sculley and Jobs regularly clashed. Sculley was traditional, but Jobs was more non-linear: he held meetings after midnight, and called new meetings early in the morning. In the end, the board of directors including Mike Markkula sided with Sculley. Jobs left Apple consequently, his pride in tatters.</p>
<h2>The Era of Apple without Jobs</h2>
<p>Come 1990s, the IBM PC was now dominating the operating system industry. Apple tried to battle the PC threat by introducing Quadra, Centris and Performa. The new Macintosh computers failed miserably, partly due to poor marketing, plus too many models introduced with minor differences in the tech specs. Aside from the computers, Apple released an early personal digital assistant or PDA (they coined that term, in fact) called the Newton. The venture failed, but it would later be the inspiration for future handheld devices such as the Pocket PC and Palm Pilot.</p>
<div id="attachment_57462" class="wp-caption alignnone" style="width: 580px"><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/pda-newton-apple-mac/" rel="attachment wp-att-57462"><img class="size-full wp-image-57462" title="pda-newton-apple-mac" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/pda-newton-apple-mac.jpg" alt="" width="570" height="798" /></a><p class="wp-caption-text">Image from Tony Olsen</p></div>
<p>By this time, Apple was considered &#8216;one of the worst managed companies in the industry&#8217;. John Sculley was then replaced by  Michael Spindler, and in turn by Gil Amelio. Stock value was low, and the company was losing billions of dollars. There was no visionary to lead them. How could Apple survive when the founders are no longer active?</p>
<p>Meanwhile, Jobs acquired Pixar, a visual effects and animation company. Soon afterwards he founded another company called NeXT. The computer venture did not succeed because of its high price, but it later became the basis for the Mac OS X. It also became the initial platform for Tim Berners-Lee with inventing the World Wide Web concept.</p>
<p><a href="http://www.pixar.com/"><img class="alignnone size-full wp-image-57461" title="pixar-steve-jobs-digital-animation-company" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/pixar-steve-jobs-digital-animation-company.jpg" alt="" width="570" height="276" /></a></p>
<h2>Apple&#8217;s Renaissance</h2>
<p>Since Steve Jobs&#8217; comeback, Apple regained its former enthusiastic spirit. From 1998 to 2000, their sales were slowly but surely rising. One of Jobs&#8217; first moves as CEO was to develop the iMac, with the integrated CRT display and CPU in a clean, streamlined design. The computer was a huge success, selling one million units a year. There was a resurgence of Apple products and the company started to focus on the design and aesthetics of its products.</p>
<p><img class="alignnone size-full wp-image-57429" title="imac-1998" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/imac-1998.jpg" alt="" width="570" height="599" /></p>
<p><img class="alignnone size-full wp-image-57438" title="advertisement-i-mac" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/advertisement-i-mac.jpg" alt="Advertisement for the Apple iMac. (Image from Tony Olsen)" width="570" height="393" /></p>
<p>Later on, the company would introduce other innovative products like the iBook and the Power Mac G4. It also introduced the new operating system Mac OS X, which had been based on NeXT.</p>
<p>But the boom of Apple&#8217;s success today can be traced back to one gadget: the iPod. It was released on October 23, 2001 The iPod can store &#8217;1,000 songs in your pocket&#8217;. It was Apple&#8217;s first venture in digital music players, a gamble that paid off so well that it led to other innovative products: the iPod Mini, Shuffle, Classic, Nano, and later the iPod Touch, iPhone and the iPad.</p>
<p><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/ipod-ad-apple/" rel="attachment wp-att-57415"><img class="alignnone size-full wp-image-57415" title="ipod-ad-apple" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/ipod-ad-apple.jpg" alt="" width="570" height="262" /></a></p>
<p><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/ipod-advertising/" rel="attachment wp-att-57465"><img class="alignnone size-full wp-image-57465" title="ipod-advertising" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/ipod-advertising.jpg" alt="" width="570" height="428" /></a></p>
<p>In fact, Apple revolutionized the music industry. It created a new music download service, the iTunes Store, with music downloads of only $0.99 per song or $9.99 per album. The iTunes Store was launched in 2003, and garnered 2,000,000 downloads in 2 weeks, all purchased on Mac computers. Apple later released a Windows version for iTunes, further expanding their market base.</p>
<p><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/ipod-music-family/" rel="attachment wp-att-57437"><img class="alignnone size-full wp-image-57437" title="ipod-music-family" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/ipod-music-family.jpg" alt="" width="570" height="289" /></a></p>
<p>The iTunes Store did not stop at that. They later provided free and paid videos and applications for downloads for the iPod, iPhone and iPad.</p>
<p><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/angry-birds-app-ipod-ipad-iphone/" rel="attachment wp-att-57464"><img class="alignnone size-full wp-image-57464" title="angry-birds-app-ipod-ipad-iphone" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/angry-birds-app-ipod-ipad-iphone.jpg" alt="" width="570" height="428" /></a></p>
<p>Today&#8217;s Apple products are simple, clean and minimalist. Everything is simplified: all the unnecessary features are taken out and only the essentials remain. And because of its style and simplicity, Apple created a huge fan following and has grown exponentially over the decade.</p>
<p>On May 26, 2010, the stock market of value of Apple overtook that of Microsoft. It was the only time in 20 years that Microsoft was lower than Apple, which would&#8217;ve seem &#8216;unimaginable&#8217; 10 years ago.</p>
<p><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/iphone-ipad-mac-apple/" rel="attachment wp-att-57423"><img class="alignnone size-full wp-image-57423" title="iphone-ipad-mac-apple" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/iphone-ipad-mac-apple.jpg" alt="" width="570" height="363" /></a></p>
<p>On August 25, 2011, news went out that Steve Jobs had resigned as CEO of Apple, and would be succeeded by Tim Cook. On October 5, 2011, Steve Jobs passed away due to complications of pancreatic cancer.</p>
<h2>The Bright Future of Apple</h2>
<p>What are Apple&#8217;s most recent plans? The iPhone 4S, the Mac OS 5 and the iCloud, for starters. The iPhone 4S is quite exciting, especially the Siri feature. Siri lets you use your voice to command various functions: send messages, make calls, schedule meetings and more. Siri can recognize your voice, understand what you say, and can even talk back. If you don&#8217;t believe us, you can see the video <a href="http://www.apple.com/iphone/features/siri.html">here</a>.</p>
<p><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/siri-iphone/" rel="attachment wp-att-57472"><img class="alignnone size-full wp-image-57472" title="siri-iphone" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/siri-iphone.jpg" alt="" width="570" height="305" /></a></p>
<p>Before Jobs&#8217; death, he recently unveiled Apple&#8217;s plans for their new headquarters in Cupertino. The modern and futuristic building allows room for 12,000 employees. It is environmentally friendly and will use renewable energy sources and trees will be abundant in the area. The company hopes to move to the new headquarters by 2015.</p>
<p><a href="http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/attachment/apple-office-headquarters/" rel="attachment wp-att-57466"><img class="alignnone size-full wp-image-57466" title="apple-office-headquarters" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/apple-office-headquarters.jpg" alt="" width="570" height="254" /></a></p>
<p>Indeed, the passing away of Jobs was too early and too unexpected. But the timing couldn&#8217;t have been more right&#8211;the iPhone and iPad were a huge success that it surpassed the company&#8217;s expectations in revenue and profit. Apple can finally stand on its own, ready to conquer the future without the help of Jobs&#8217; regular involvement. After Jobs, Cook is now the CEO as design genius Jonathan Ive and marketing mastermind Phil Schiller, and they will continue to surprise and inspire us.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/three-decades-history-of-apple/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Rise and Fall of Online Advertising</title>
		<link>http://www.1stwebdesigner.com/design/online-advertising-history/</link>
		<comments>http://www.1stwebdesigner.com/design/online-advertising-history/#comments</comments>
		<pubDate>Tue, 01 Mar 2011 10:00:37 +0000</pubDate>
		<dc:creator>Rachel Arandilla</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[social media]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=41653</guid>
		<description><![CDATA[Online Advertising is the fastest growing advertising medium in history. Now we cannot imagine life without online advertising. Of its 17 years of existence, it has reached success by leaps and bounds. It is an interesting story filled with money and irritated users. Up to now there are still people who hate seeing advertisements on websites, [...]]]></description>
			<content:encoded><![CDATA[<p>Online Advertising is the fastest growing advertising medium in history. Now we cannot imagine life without online advertising. Of its 17 years of existence, it has reached success by leaps and bounds. It is an interesting story filled with money and irritated users. Up to now there are still people who hate seeing advertisements on websites, as much as people a decade ago hated them. Indeed colorful, it helps spread words of services and products. Now for the earliest form of advertising, read on.</p>
<p><span id="more-41653"></span></p>
<h3>Spamming – Earliest Form of Online Advertising</h3>
<p>The internet was intentionally created as a military and educational tool, and never intended for what it is now: a huge networking, communications and money-making machine.</p>
<p>Thus, the first ‘spam’ was not commercial in nature. The word ‘spam’ comes from a 1970s comedy of a British comedy ‘Monty Python’. In the sketch, a man and his wife are in a restaurant, but everything they ordered has spam on it. While trying to get an order without spam, Vikings from the background sing: ‘Spam, spam, spam. Lovely, spam. Wonderful spam!’</p>
<div id="attachment_41908" class="wp-caption alignnone" style="width: 580px"><a href="http://en.wikipedia.org/wiki/File:MontySpam.jpg"><img class="size-full wp-image-41908" title="monty-python-spam-advertising-episode-sketch" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/monty-python-spam-advertising-episode-sketch.jpg" alt="" width="570" height="338" /></a><p class="wp-caption-text">Photo by Wikipedia</p></div>
<p>You can view the episode <a href=": http://www.youtube.com/watch?v=anwy2MPT5RE">here</a>.</p>
<p>The phenomenon later influenced early internet users to flood forums with the word ‘spam’. Soon online marketers got the idea to overpost and flood Usenet groups and emails with junk mail, recounting the repeating the useless presence of spam in the Monty Python sketch.</p>
<p>The first spam email was ‘Arpanet’ on 1978, coming from Gary Thuerk of the Digital Equipment Corporation. The first commercial spam was by lawyers Laurence Canter &amp; Martha Siegel, where they used bulk Usenet posting to promote their immigration law practices. Within a few years, marketers changed their medium of spamming from Usenet forums to e-mail, where it remains until this day. Over 90 million spam emails are sent everyday. 85% of our emails are actually spam. But it’s level of effectiveness in promoting or selling a product is very low—it now barely exists as a nuisance to all.</p>
<div id="attachment_41911" class="wp-caption alignnone" style="width: 580px"><a href="http://first-news.blogspot.com/2011/01/good-news-global-spam-e-mail-levels.html"><img class="size-full wp-image-41911" title="spamming-email-annoying" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/spamming-email-annoying.jpg" alt="" width="570" height="438" /></a><p class="wp-caption-text">Photo by First-News</p></div>
<h3><strong>The Era of Banner Ads</strong></h3>
<p>The first online advertisement appeared on the web in 1994, prompting the beginning of the online advertising world. The first part was the period of experimentation by the advertisers and publishers, pioneering on ad formats and technology. In 1995, DoubleClick was launched, one of the first ad-serving technologies.</p>
<div id="attachment_41678" class="wp-caption alignnone" style="width: 580px"><a href="http://adweek.blogs.com/adfreak/2005/12/this_site_claim.html"><img class="size-full wp-image-41678" title="1994-first-banner-ad" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/1994-first-banner-ad.jpg" alt="" width="570" height="73" /></a><p class="wp-caption-text">Photo by Ad Week</p></div>
<p>Photo above is one of the oldest online banner ads, dated October 25, 1994 (so sorry for the bad resolution). The advertiser is A&amp;T, and the ad appeared on Hotwired. Hotwired also launched many online ad campaigns for Club Med, Volvo and MCI, and was eventually acquired by Lycos. Soon after Hewlett-Packard created one of the first interactive online ad, embedding a video arcade game &#8216;Pong&#8217; into the ad.</p>
<p>From the start advertisers already know that online advertising is very different from traditional advertising. Early on they already did target market research and measurements. However, the media was largely misunderstood. It wasn&#8217;t until many years later that the effectiveness and the mechanics of the medium was understood.</p>
<div id="attachment_41759" class="wp-caption alignnone" style="width: 580px"><a href="http://en.wikipedia.org/wiki/Pop-up_ad"><img class="size-full wp-image-41759" title="pop-up-ads" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/pop-up-ads.jpg" alt="" width="570" height="437" /></a><p class="wp-caption-text">Photo by Wiki</p></div>
<p>There are many forms of old school online ads apart from banner ads. This includes pop-up ads (photo shown above), pop-under ads, hover ads, takeover ads</p>
<p>Online advertising was at its peak in the late 1990s. Investors were dropping billions of dollars into dot com start-ups at an alarmingly fast rate. The internet was the new playing field, and investors fell in love with the novelty factor of it. They have high hopes for their investments&#8211;and it made some people very rich&#8211;on paper, at least.</p>
<div id="attachment_41698" class="wp-caption alignnone" style="width: 580px"><a href="http://thelongestlistofthelongeststuffatthelongestdomainnameatlonglast.com/banner.html"><img class="size-full wp-image-41698" title="banner-ads-examples" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/banner-ads-examples1.jpg" alt="" width="570" height="322" /></a><p class="wp-caption-text">by Banner Ad Museum</p></div>
<p>Back then, ads were in the banner format. Advertisers were required by the clients to provide the standard 468 x 60 px banner ad for their online advertising campaign, like the banner ads on the photo above. Soon, so thousands of entrepreneurs, investors and advertisers are pouring in&#8211;nobody wanted to get left behind this brand new money-making machine. In its hey day, it was a lucrative business: Yahoo! could charge up to US $30 to even US $100 to run these banner ads. At its height, internet spending has reached US $8.2 billion. The figure wouldn&#8217;t be reached again until 4 years after the dot com bubble burst.</p>
<p>However, banner ads are not effective; it is very expensive but the returns are low. Advertisers were set against the low effectiveness of ads, high prices, and the complex process of online ad auctions. The advertisers realized that the online banner ads pale in comparison to the effectivity of 30-second TV commercial or a full-page print ad.</p>
<h3>Dot Com Bubble Burst</h3>
<div id="attachment_41758" class="wp-caption alignnone" style="width: 580px"><a href="http://www.flickr.com/photos/gdsdigital/"><img class="size-full wp-image-41758" title="dot-com-bubble-burst" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/dot-com-bubble-burst.jpg" alt="" width="570" height="453" /></a><p class="wp-caption-text">Photo by GDS Infographics</p></div>
<p>Mid-2000, the huge influx of money that created the online advertising bubble started to dry up. Companies now have no interest with online advertising and the online banner bubble burst happened. The stock market collapsed, resulting into a recession. The &#8216;bubble&#8217; covered for five years from 1995 to 2000. From within that time frame the stock value rose steadily and rapidly at an astronomical rate. And then suddenly in just one day, the bubble burst&#8211;everything is gone in a flash.</p>
<p>NASDAQ peaked at 5,049 in March of 2000, and declined on October 2002 at 1,100. One one dot com company after another went bankrupt. Soon online advertising dollars had a dramatic fall of 32%, from US $8.2 billion to US $6.2 billion. As the market went sour, advertisers and agencies lost interest in using this unproven and unstable new medium.</p>
<h3>Enter Google: The Era of Google Ads</h3>
<p>After the bubble burst, advertising on the internet was in rapid decline except for search, because search engine technology has shown efficiency. Because of its ROI, Search engine market grew to US $2.3 billion in 2003. The search engine technology was highly efficient and dependable.</p>
<p>Google was, once upon a time, just a search engine. Google worked mainly on its functionality, perfecting the algorithm to produce the most appropriate results. Google drove plenty of traffic, but didn&#8217;t sell anything. But on the start of the millennium, 2000, Google AdWords was born. Google revolutionized online advertising&#8211;instead of using the banner ad format; which is the dominant advertising format of that time, they decided to sell through text ads. These ads are based on search engines, kept separate and on top or on the side of the main search results.</p>
<p><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/google-ad-results.jpg"><img class="alignnone size-full wp-image-41661" title="google-ad-results" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/google-ad-results.jpg" alt="" width="570" height="258" /></a></p>
<p>Why did Google&#8217;s text ads succeed and the banner ads did not? First of all, Google knew the weight of relevance. They introduced the click-through rate, creating a ranking algorithm to measure the advertisement&#8217;s relevance. Google only requires payment when the people click on them. Another stroke of genius from google is Page Rank.</p>
<p>Google did not create search engine or pay-per-click advertising&#8211;instead they focused on perfecting it. Google AdWords marked the New Growth Period of Online Advertising. Google has changed how we approach online advertising. Rather than mere selling or marketing, advertisers are now focusing in creating relevant content for consumers.</p>
<p>Ads make use of two different advertising model: the Pay-per-click and the Pay-per-impression. What&#8217;s the difference between the two? Pay-per-click requires advertisers to pay the host for every time the ad is clicked. Pay-per-impression is used to measure the cost and worth of the whole online marketing campaign. Both models are used to online ads such as text links, SEO marketing, web banners and e-mail advertising.</p>
<div id="attachment_41915" class="wp-caption alignnone" style="width: 580px"><a href="http://www.searchlinqs.com/img/pay-per-click-management.jpg"><img class="size-full wp-image-41915" title="pay-per-click-impression-online-advertising" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/pay-per-click-impression-online-advertising.jpg" alt="" width="570" height="379" /></a><p class="wp-caption-text">Photo by Searchlinqs</p></div>
<p>In search engines, advertisers bid on keyword terms and phrases relevant to their market. But with content sites, they use a fixed price for every click or impression. Pay-per-click model is perfect for bringing the targeted market into the website efficiently, while the Pay-per-impression is best for building brand recognition. Although these models are open to abuse through click fraud, Google and others have devised automated systems against corrupt advertisers or competitors.</p>
<h3><strong>Advertising through Social Media</strong></h3>
<p>If you haven&#8217;t heard of social media, then you&#8217;ve probably been living under a rock for the past five years. Social media, in its simplest terms, is a social tool for communications and networking. Rather than a web site merely providing you with information, social media sites are interactive; giving you the freedom to comment, rate and share information. There are four types of Social Media:</p>
<p>1. Social Networking Tools &#8211; Facebook, Twitter, Hi-5</p>
<p>2. Social News &#8211; Reddit, Digg Propeller</p>
<p>3. Social Photo &amp; Video Sharing &#8211; Photobucket, Flickr, YouTube</p>
<p>4. Social Bookmarking &#8211; Del.icio.us, Simpy</p>
<p>One of the biggest advantages of social media advertising is proper targeting of market through the use of the users&#8217; demographic information provided.</p>
<div id="attachment_41910" class="wp-caption alignnone" style="width: 580px"><a href="http://www.singaporeseo.org/images/social-media-marketing.jpg"><img class="size-full wp-image-41910" title="social-networking-marketing-advertising-media" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/social-networking-marketing-advertising-media.jpg" alt="" width="570" height="350" /></a><p class="wp-caption-text">Photo by Singapore SEO</p></div>
<p>Social media advertising is now apparently more effective than traditional advertising! Some even go through lengths as to have a billboard with their own Twitter ID—such as Naked Pizza of New Orleans. Naked Pizza, reputedly the healthiest pizza in the world, erected a billboard prompting viewers to add them on Twitter. It’s not the first time Twitter is featured on a billboard, and surely not the last. It’s a smart marketing move, they will gain more followers and thus increase their marketing and advertising scope and awareness.</p>
<div id="attachment_41909" class="wp-caption alignnone" style="width: 580px"><a href="http://upload.wikimedia.org/wikipedia/commons/a/a3/NakedPizzaTwitterNOLAJan2010.jpg"><img class="size-full wp-image-41909" title="naked-pizza-twitter-id-billboard" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/naked-pizza-twitter-id-billboard.jpg" alt="" width="570" height="442" /></a><p class="wp-caption-text">Photo by Wikimedia</p></div>
<p>Nowadays, it is now necessary for businesses to have a Twitter, Facebook and LinkedIn page. Social media is the best thing online advertising could get: it&#8217;s free, it&#8217;s far and wide-reaching (500 million users) and it&#8217;s viral. The disadvantage is probably measuring effectivity of social media advertising, whether or not the number of &#8216;likes&#8217;, &#8216;friends&#8217; or &#8216;follows&#8217; could convert to actual sales.</p>
<h3>Online Advertising as of Today</h3>
<p>Since 2004 online advertising has recovered. Advertisers have seen (almost reluctantly) the importance of advertising online, and the number of hours consumer used on the internet. Now the web is used by many companies on their overall marketing campaign. Online ads make use of Flash and JavaScript to improve graphics and interactivity. Online advertising is now more sophisticated, the branding tools and technologies are diversified. There are now online blogs, social media, SEO marketing and more.</p>
<p><a href="http://www.youtube.com/watch?v=owGykVbfgUE"><img class="alignnone size-full wp-image-41757" title="old-spice-guy-commercial-viral-marketing" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/old-spice-guy-commercial-viral-marketing.jpg" alt="" width="570" height="318" /></a></p>
<p>Viral marketing is now more popular, making use of video ads to market a product or brand. <a href="http://www.youtube.com/watch?v=owGykVbfgUE">Old Spice</a> (video still shown above) is one of the many companies that have gone into viral marketing. They posted numerous videos on YouTube starring Old Spice guy. It was a huge hit, having 30 million views to date and considered to be one of the most successful advertising campaigns in 2010. Isaiah Mustafah is now a household name. Other successful viral campaigns include Levi&#8217;s, Guitar Hero and Super Bowl. We see a regrowth in advertising on the web, which is now equals to the total internet spending.</p>
<p>This does not mean that Online Advertising has now been perfected. Annoying pop up and pop under ads still persist. One of the most annoying and interruptive of ad formats, the pre-roll ads are now used in YouTube. YouTube used to be a free site for uploading and viewing videos. But YouTube has problems generating income&#8211;so they added pre-roll ads, or commercials that run before a video that cannot be bypassed. So if you need to watch a 1 minute video you have to sit through a 30-second ad first. Most music videos uploaded on YouTube are now from VEVO, and not from actual users. Which means that there are ads on top, on the bottom and on the background of the page.</p>
<p><a href="www.youtube.com"><img class="alignnone size-full wp-image-41881" title="youtube-vevo-advertising" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/youtube-vevo-advertising.jpg" alt="" width="570" height="293" /></a></p>
<p>So will the internet&#8217;s bubble burst again? We are hopeful it won&#8217;t. Millions of people are now relying on the internet for advertising, promotions, business and employment. However, one thing is clear; we have learned a lot from the first bubble burst. Only time will tell.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/online-advertising-history/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Wayback machine – history of Internet</title>
		<link>http://www.1stwebdesigner.com/freebies/wayback-machine-history-of-internet/</link>
		<comments>http://www.1stwebdesigner.com/freebies/wayback-machine-history-of-internet/#comments</comments>
		<pubDate>Fri, 12 Sep 2008 09:17:13 +0000</pubDate>
		<dc:creator>Dainis Graveris</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[past]]></category>
		<category><![CDATA[resource]]></category>
		<category><![CDATA[wayback]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=474</guid>
		<description><![CDATA[For this time I wanted to share with one more like fun web site. This websites is building digital library of Internet sites and other digital form resources. As for me &#8211; this resource page took me big interest, because in 1998 or 2000 I didn&#8217;t even know much about Internet &#8211; now we have [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/recources/wayback-machine-history-of-internet"><img class="alignleft" style="padding: 0px 7px 7px 7px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/title-wayback.jpg" border="0" alt="title-wayback" width="150" height="150" /></a> For this time I wanted to share with one more like fun web site. This websites is building digital library of Internet sites and other digital form resources. As for me &#8211; this resource page took me big interest, because in 1998 or 2000 I didn&#8217;t even know much about Internet &#8211; now we have a chance to look how design and web developing is evolving. There is 85 billion pages out there.</p>
<p>Just type in URL in form and go way back..!</p>
<p><span id="more-474"></span></p>
<div style="clear:both; padding:5px"></div>
<p>Click on image below or type to go way back &#8211; http://www.archive.org/</p>
<p><a href="http://www.archive.org/index.php" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/wayback.jpg" border="0" alt="wayback" width="581" height="109" /></a></p>
<p>For example I wanted to look how apple.com design looked like years ago:</p>
<p><strong>1996.</strong></p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/apple-1996.jpg" border="0" alt="apple-1996" width="620" height="408" /></p>
<p><strong>1998.</strong></p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/apple-1998.jpg" border="0" alt="apple-1998" width="620" height="542" /></p>
<p><strong>1999.</strong></p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/apple-1999.jpg" border="0" alt="apple-1999" width="620" height="528" /></p>
<p><strong>2000.</strong></p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/apple-2000.jpg" border="0" alt="apple-2000" width="620" height="469" /></p>
<p><strong>2001.</strong></p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/apple-2001.jpg" border="0" alt="apple-2001" width="620" height="488" /></p>
<p><strong>2006.</strong></p>
<p><strong><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/apple-2006.jpg" border="0" alt="apple-2006" width="620" height="464" /> </strong></p>
<p><strong></strong></p>
<p><strong>2007.</strong></p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/apple-2007.jpg" border="0" alt="apple-2007" width="620" height="465" /></p>
<p>And finally modern days..:) <strong>Year 2008.</strong></p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/apple-2008.jpg" border="0" alt="apple-2008" width="620" height="322" /></p>
<p>I looked out for google.com site too..:) Interesting to go back to past!</p>
<p><strong>Google in Year 1998</strong></p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/09/google.jpg" border="0" alt="google" width="620" height="270" /></p>
<p>You can choose advanced search for specified dates, convert page to PDF, etc.</p>
<p>Hope You will enjoy this one valuable and fun web site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/wayback-machine-history-of-internet/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

